WEBの色彩デザイン

橙のイメージ

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

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

橙から連想するもの

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

橙・オレンジは赤に比べ激しい感じが若干和らぎます。マイナスイメージとして、橙はストレスや欲求不満を表す色ともいわれ、橙が流行する年は世の中に不満が多いときといわれます。
【色の具体的連想】 夕焼け 柿 炎 にんじん オレンジ みかん ジュース  
【色の抽象的連想】 陽気 元気 楽しさ 暖かさ 派手 夏 昼

橙のサイトイメージ

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

サンプルイメージ : 楽しさ 暖かさ 

配色イメージ

楽しいイメージには膨張色である暖色系が向いています。彩度の高いオレンジも明るく元気な雰囲気を出します。文字色はあえてオレンジの補色に近い青系を使ってみましたが、可読性を確保できる色味を選択すべきでしょう。

サンプルイメージ : おいしい 食欲増進

配色イメージ

料理から立ち上る湯気がおいしそうに感じるのと同様、暖かい感じがおいしさを表現します。彩度があまり高すぎると刺激的すぎるので少し控えめな色にした方がよいでしょう。

サンプルイメージ : 躍動的 活発

配色イメージ

オレンジのバリエーションは若々しく活動的な印象を演出します。子どもっぽい印象もありますが、かえって大人向けの内容にこのような色合いを使用すると 誘目性が高まるかもしれません。

サンプルイメージ : ぬくもり 親しみ

配色イメージ

彩度を抑えめにしたオレンジにはぬくもりがあります。また 同時に 親しみのあるイメージを伝えることができます。明るいオレンジばかりで安っぽい印象にならないように 組み合わせる色を選択するべきでしょう。

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

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