WEBの色彩デザイン

茶のイメージ

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

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

茶から連想するもの

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

茶
茶色は全人類が共有している大地の色、実りの色、豊穣を表す色です。明度の幅も広くその色域はきわめて広範囲です。自然色として人々に安心感を与え、ゆとりを感じさせることができます。
【色の具体的連想】	チョコレート　栗　落ち葉　土　木　枯れ木　靴　バッグ　日焼け　田舎
【色の抽象的連想】	落ち着き　堅実　地味　濃い　にごり　サビ

茶のサイトイメージ

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

サンプルイメージ　：　落ち着き　安らぎ

茶系統の色からは広大な大地が連想されるので、安らぎの表現には適しています。そもそも　オレンジや黄の低彩度の色が茶なので、彩度差のある配色をすると地味な印象から抜けられると思います。

サンプルイメージ　：　ナチュラル　素朴

低彩度のトーンを使って素朴で自然のイメージが表現できます。飾り気のない配色になりがちなので、部分的には明度差、彩度差のあるアクセントカラーを配した方がよいでしょう。

サンプルイメージ　：　シック　女性的

シックとはいえ　低彩度の落ち着いた色味だけの配色だけですとあまりに印象に残らなくなってしまうので、落ち着いたトーンのピンクを配し女性的な上品さを演出しました。実際のサイト制作では面積配分を考えて使用するべきでしょう。

サンプルイメージ　：　伝統的　男性的

大人っぽい、男性的、というイメージも落ち着いた雰囲気の表現が必要です。全体の明度を低くしてダークトーンでまとめることにより威厳や強さという主張性も表れるでしょう。低彩度色は老けた感じにならないように注意が必要です。