WEBの色彩デザイン

黒のイメージ

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

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

黒から連想するもの

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

黒
黒は死を象徴する色です。しかし、日常で黒を見かけるとき、それほどマイナスイメージでみることはないでしょう。ファッションなのでも洗練された色、引き締まったイメージを与える色として人気があります。
【色の具体的連想】	墨　黒髪　学生服　ピアノ　カラス　フォーマルスーツ
【色の抽象的連想】	闇　威厳　恐怖　罪　死　不安　陰鬱　ファッショナブル

黒のサイトイメージ

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

サンプルイメージ　：　ダイナミック　印象的な

コントラストや彩度の差が大きい色の組み合わせです。色の中で最も明度の低い黒を使うことで、その他の色が際だちます。そこからダイナミックな印象が生じます。

サンプルイメージ　：　誠実　フォーマル

青みがかったグレーや青系統の色と合わせた配色で、赤が与えるような主張が強くならないことから誠実、真面目な印象を与えます。ステイタスを表現するのにも適しているでしょう。

サンプルイメージ　：　シンプル　知的

無彩色はシンプルな印象には向いています。ただ、淋しい印象も強くなってしまうので、グレイッシュトーンを加えて　シンプルな印象を崩さずに寂しさを緩和することができます。

サンプルイメージ　：　魅惑的　コケティッシュ

コケティッシュとは女っぽさ全開（笑）という配色パターンで表現できます。ピンク系などが際だつように、黒を組み合わせると立体感も出て効果的でしょう。