ミドリデザインワークスHOMEABOUTWORKSBLOGお問合せHOMEABOUTWORKSBLOGお問合せ最近の投稿メタタグ1行追加で画像リンクがhttp→httpsに!SSL化作業の効率化に一役。2018/07/20アナリティクスのデータが削除される?まだ間に合うデータ保持変更の設定。2018/05/07ブログ作成にGoogle音声入力ツールを使ってみて気がついたこと2018/02/02アナリティクスで自分のアクセスはいらない。動的IPアドレスを除外した解析データのとり方2017/08/28「一生続ける技術」著書の青木仁志さんの無料セミナーに行ってきました。2016/10/26「配色を考える」そういうとなんだか難しそうに聞こえるかもしれませんが、少しのポイントを押さえるだけでホームページの印象がプロっぽく引き締まります。今回はこの「配色」について、いくつかポイントをご紹介します。好きなカラーをイメージカラーにしていいの?色にはそれぞれ役割があります。食品の写真では青っぽいカラーは好まれません。これは「青い色が食欲を減退させる効果」を持っているからです。逆に赤い色には「食欲を増進させる」という効果があります。こちらの画像を見てください。それぞれに赤と青のカラーフィルターを施しましたがどちらが「美味しそう」と感じるかは一目瞭然ですね。このように、「何を伝えたいか」ということを考えその役割にあったカラーを使うことはとても大切です。カラーは同系色でまとめるカラーは使い過ぎるとまとまりが無く雑然としたデザインになります。「虹」はカラフルで美しいと感じますが、このようにいくつもの色をあちこちでルール無く使うと、そのデザインのメインカラーがわかりずらく、視点がさだまらないデザインになります。いくつもの色を重ね合わせても全体的に美しいデザインを作ることは上級なテクニックが必要となり、あまり理由もなくカラフルにすることは出来れば避けたいところです。カラーが多いという理由で、訪問された方が「どこを見ていいかわからない」という状態になると、訴求したい箇所を見てもらえないだけではなく、「見づらい」というストレスが発生します。なってしまうとホームページからの離脱の原因にもなり非常にもったいないですよね。ならない為のポイントは簡単です。プロっぽい仕上がりになります。プロの作ったデザインをよく見ると、全体の色系統は統一し、目立たせたい個所に「少しだけ」アクセントカラーとなる色を使用します。このような使い方で、「さりげなく視点の誘導」を促しています。業種別カラーカラーが与えるイメージによっては業種とかみ合わないものもあります。極端な例ですが、「清潔なイメージが大切な【医院】」のイメージカラーに派手な赤や金色を使うことは普通はしません。逆に、薄いピンクを使うと「保育園」や「介護職」などの優しいイメージを伝えることが出来ます。このように業種に合いやすいカラー例をご紹介します。赤・オレンジ・桃色などの暖色系、グリーンなどで自然をイメージする、木目などで手作り感も。白基調とし清潔感のある色(青緑・水色など)、元気の色(オレンジ・赤)や優しい色(ピンク系など)を組み合わせる。原色カラーを使う面積は少なく、アクセントにしないとどぎつい印象に。赤・黒・ベージュ・パープル・金などで高級感。曲線などのラインを使うと美容的なイメージにつながりやすい。黒・ベージュ・金などでサイドを抑えカラフルにしない。グラデーションを使うと高級感が出しやすい。色のイメージを合わせても、使い方によってはまた違う雰囲気になってしまうというのが配色の奥深いところですが、ひとつカラーを決めて同系色2~3色に抑え、アクセントカラーを少し、基調となる(一番多い面積で使う背景カラーなど)を白に近い薄色にすればまず失敗することはないでしょう。まとめカラーについてのお話は奥が深く、心理的な作用もあるためすべてを紹介することは出来ませんが、今回のポイントをいくつか抑えるだけで、簡単にまとまりのあるデザインが作成できるので是非お試しください。おまけに、配色を考える際にとても役に立つリンクをご紹介します。このサイトでやることは「ベースとなるカラーを設定する」だけ。あとはカラールールから求める配色を選んでカラーを確認します。直感的に使いやすく、使用するデザイナーも多いです。デザインアイデアの参考になれば幸いです。最後までお読み頂き有難うございました。Midori空間バランスの良いデザインを得意とします。「育てていくサイト作り」をコンセプトにサイト制作をしています。制作事例BLOGお問合せ。