WEBの色彩デザイン
青のイメージ
色には、瞬間的にどのような内容であるかをイメージとして伝達することができるという特徴があります。具体的な内容を閲覧する以前に、そこで訴えかけたいことのイメージを強調できます。人の印象に強く残るデザインにするために、色を効果的に使うことが重要です。
ここでは、青をキーカラーをしたWebサイトが与えるイメージをまとめていきます。
青から連想するもの
色から連想するもの・感覚は、個人的な嗜好などによる個人差のあるものもありますが、年齢、性別、国籍、風土など共通点を持つ集団の中で普遍的な特徴として連想されるものもあります。
色を使用する際には、「人が一般的にいだく感覚」を意識して検討することも重要です。
青 |
|
|---|---|
| 青は知性的で爽やかなイメージがあるので、白と共に世界的に人気の高い色です。空と水をのぞけば自然界に少ない色なので、貴重で神秘的と位置づけられてきた色です。 | |
| 【色の具体的連想】 | 海 水 空 トルコ石 |
| 【色の抽象的連想】 | 冷たさ 爽やか 誠実 静けさ 透明 空間的 寂しさ |
青のサイトイメージ
基本カラーのバリエーションに 他系統の色みを組み合わせた ひな形的サイトイメージのサンプルを検討してみます。参考値として、配した色をHTML用16進数で表記しましたが、閲覧環境によって色の見えの違い、またそれによるイメージの違和感などが生じますので、あくまでもご参考としてご覧下さい。
| サンプルイメージ : 透明感 クリア |
澄み切った印象を表現するには、白に近い明度の高い色を用いるとよいでしょう。全体の印象が弱くならないように、同じトーンの色合いでも色相数を多く使うと色が響きあって美しくなります。 |
| サンプルイメージ : スポーティ ダイナミック |
スポーティなイメージからはスポーツの爽やかと同時に、ダイナミック、シャープといった印象も受けます。そのため、彩度の高い色を上手く組み合わせて明快な配色を心がけるとよいでしょう。 |
| サンプルイメージ : 男性的 信頼感 |
安定した印象を与えるために寒色系を選択すべきです。女性的な「柔」のイメージとは対象的な「剛」のイメージを出すには、明度の低い色で、コントラストを高くすると良いでしょう。 |
| サンプルイメージ : 爽快感 清涼感 |
涼しげなイメージ、明るい印象を出すため、全体の明度を保ちつつコントラストをつけるとよいでしょう。色相の幅が狭くなりがちなので、ポイントにはアクセントカラーをうまく使って 誘目性を出す配慮も必要です。 |




