ホームページデザインの基礎・色

色のパターン・効果

このhttp://design-ch.com/をする上で、サイトの雰囲気を決める一番大きな要素としてあるのが色です。すっきりとした爽やかなイメージであったり、シックで厳かなイメージであったり。少し色味が違うだけで全く違った印象のデザインになります。
DTPデザインだったりすると、白黒のデザインにしなければいけなかったりすることもありますが、ホームページ制作の現場においては必ず色を配色シなければなりません。
配色を決めるときに重要になってくるのが、狙うターゲット層です。ホームページ制作では、ユーザーは検索エンジンなどで言葉を自分で選び、同種の多数のサイトの中から自分が情報を引き出したいサイトを選びます。その時にターゲット層のイメージにマッチングシなければ足を止めてもらえないからです。
配色パターンの大きな分類分けとして、「暖色系」と「寒色系」があります。
暖色系とは赤やオレンジといった明るい印象を与える配色パターンです。
例を挙げるとすると、人情味あふれる人の温かみを強調した店舗などのサイトに向いています。オレンジなどは大衆色ともいわれ、親しみやすさや暖かさの印象を与えるため、一般の方への警戒心を和らげる効果があります。赤などは陽気な印象を与えるため、楽しいプラスの印象を与える効果があります。このように人のお写真やキャラクターなど、エモーショナルなオブジェクトとの相性がいいため、一般の若い年齢層から中高年世代までわりと幅広い年齢層のターゲットを狙うことができる配色になります。
次に寒色系とは、青やモノトーンといったしっかりとした落ち着いた印象を与える配色パターンです。特に企業向けサイトのようなしっかりとした企業感をだしたり、安心感を演出するのに向いている配色になりますので、オーソドックスな企業サイトや販売サイトに多く用いられます。また、男性に好まれやすい配色にもしやすいので、男性のスーツや鞄などフォーマルなサイトにも用いられます。

あくまでオーソドックスなパターンによる見解です。暖色系でも茶色などを同系色とうまく使うことで高級感を演出スることもできますし、寒色系で明るい青を使い爽やかでスポーティなイメージを演出することも可能です。
また、今回は言及しませんが、色相環を用いることでもっともっと多くの表現をスることができます。類似色・補色・類似色相・等色相差・など複数の色を織り交ぜることで表現の幅は無限に広がります。

このようにターゲット層に合わせた配色パターンでホームページ制作をすることで、効率良くユーザーの足を止めることができます。