WEBの色彩デザイン

赤のイメージ

 色には、瞬間的にどのような内容であるかをイメージとして伝達することができるという特徴があります。具体的な内容を閲覧する以前に、そこで訴えかけたいことのイメージを強調できます。人の印象に強く残るデザインにするために、色を効果的に使うことが重要です。

 ここでは、赤をキーカラーをしたWebサイトが与えるイメージをまとめていきます。

赤から連想するもの

 色から連想するもの・感覚は、個人的な嗜好などによる個人差のあるものもありますが、年齢、性別、国籍、風土など共通点を持つ集団の中で普遍的な特徴として連想されるものもあります。
色を使用する際には、「人が一般的にいだく感覚」を意識して検討することも重要です。

赤は人間の本能的な部分をもっとも刺激する色で、一般に食欲や性欲を促進させ、時として爆発的な暴力を煽動します。赤は色の中の色といわれ、私たちにもっとも色彩を感じさせてくれる色でもあります。
【色の具体的連想】 火 太陽 消防車 口紅 リンゴ 血 バラ
【色の抽象的連想】 情熱 愛情 怒り 危険 活動的 色情的 緊張 歓喜 興奮

赤のサイトイメージ

 基本カラーのバリエーションに 他系統の色みを組み合わせた ひな形的サイトイメージのサンプルを検討してみます。参考値として、配した色をHTML用16進数で表記しましたが、閲覧環境によって色の見えの違い、またそれによるイメージの違和感などが生じますので、あくまでもご参考としてご覧下さい。

サンプルイメージ : 元気 明るい 

配色イメージ

彩度の高い赤は 人の注目を集める誘目性の高い色なので、同じく誘目性の高いオレンジ系・黄系の色を合わせることによって 鮮やかな印象をあたえます。補色となる青や緑を配すると、暖色系の色が更に鮮やかに見えるでしょう。

サンプルイメージ : 情熱的 インパクト

配色イメージ

インパクトを求めるあまり鮮やかさを追求して 彩度が高すぎる色ばかりを配色すると見づらくなるので、ある程度 彩度及び明度を抑えた色味を組み合わせる方がよいでしょう。ただ、刺激的な色の使用は、あまり文字情報の多くないサイトであることが条件となるでしょう。

サンプルイメージ : エレガント 女性的

配色イメージ

鮮やかでありながら深みのあるトーンを使用した方が 気品や華やかな雰囲気をかもしだすには適しているでしょう。女性といっても年齢的な幅があるので、若い女性にはコントラスの高い配色が向いていても、年齢の高い女性を対象とする際には、彩度を落とすなどの調整も必要です。

サンプルイメージ : 躍動感 成長

配色イメージ

「成長」や「伸びる」というエネルギーを感じるイメージを出したい時に、彩度の高い赤の使用は効果的ですが、組み合わせる色の色相や彩度に気をつけて、バラバラなまとまりのない印象を与えないようにすべきでしょう。

◆ 次の Webイメージは こちら:橙のイメージ

◆ 赤の色名とサンプルについては こちら:赤・橙系統 をご参照下さい