適切なカラー選定でホームページの成果につなげる/台東区のWEB制作会社

適切なカラー選定でホームページの成果につなげる：目次

• 印象は色で変わる！配色の基礎
• ホームページの印象を決めるキーカラー
• 情報を伝えるための配色バランス

印象は色で変わる！配色の基礎

ホームページの印象は配色でがらりと変わります。もちろん、掲載されている企業や商品・サービスなどもホームページの配色によって印象が影響されます。カラーには「色相」「明度」「彩度」の3つの要素があります。

• 紫：賢さ　高貴さ　大人っぽさ
• 青：信用　信頼　落ち着き
• 緑：おだやか　のどか　若さ
• 黄：楽観的　活動的　注意喚起
• 橙：親しみ　陽気　温かい
• 赤：情熱的　興奮　果敢

例えば、飲食では「黄」「赤」を使ったり、精密機器などでは「青」などを使うと効果的な場合があります。

またおもしろいことに、日本では上記でご紹介したような印象を与えることが出来ますが、国や文化圏によって色味から受ける印象に違いがあるようです。

彩度の扱いで覚えておきたいのは、同等程度の彩度であれば、他の色と組み合わせてもおかしくなることがありません。また、伝統的な和色は彩度の低いものが多く見られます。

ホームページの印象を決めるキーカラー

キーカラーの選定はホームページの印象を決める大事な作業です。もともと決まっている企業カラー、ブランドカラーがあればその色を採用します。もし無い場合は、事業コンセプト、商品コンセプト、ターゲットなどと照らし合わせ選定します。配色、とくに色相で紹介した印象を参考に、キーカラーを選定します。

情報を伝えるための配色バランス

意味も無く色を採用していくと、ホームページは途端にゴチャゴチャした印象になってしまいます。キーカラーを決めたら、サブカラー、補足カラー、リンクカラーを決めます。これは明度と彩度で調整します。

キーカラー

キーカラーはサイトのポイントになる場所、例えばタイトルのディテールだったり、アイコンなどアイキャッチになる要素に採用します。割合としては5%以下が望ましいです。

サブカラー

サブカラーはキーカラーに採用した部分より目立たせなくてもいいけど、他より目立たせたい、また文章の目印として配置してみやすくするなどの要素に採用します。

補足カラー

コンテンツの下地に敷き、文章やコンテンツの補足的な要素やまとめ的な要素に使います。

リンクカラー

特にホームページ限定の配色要素ですが、文章に馴染ませないのが特徴です。なるべく暖色系の明度の高い色を選び目立たせます。少しデザインから浮いてしまっているくらいが丁度いいです。もしキーカラーが赤色であれば、他の寒色系のカラーを選びます。この色を少し変更するだけでも、ホームページの成果がガラリと変わります。

※本情報はページ公開時のものです。情報は常に更新され掲載内容と異なる場合がございます。