色の持つイメージ:白は清潔、シンプルをイメージ

色が何らかのサインを送りだしていることは誰もがよく知っている。
誰がどんな色を選ぼうと、共通しているのは、その色に対して人は反応するということだ。私たちは色に対し条件反射し、気づくこともない。
色に対する反応は直観的反応とも言われ、個々の色は人の本能的な反応と密接に関係し、その反応は生理的、感情的、環境、文化的な意味合いと密接に関係している。
12月も半ばを過ぎ、来週はクリスマスである。ホワイトクリスマス、冬、雪が連想される12月は白・ホワイトをとりあげてみる。

 

1.白の持つイメージ

白はすべての光の色波長を跳ね返す色である。色がないので色にまつわる感情、高揚、鎮静など感情を伴わない。
無であり、「頭が真白」「白紙に戻す」などの言葉が連想される。白はウェディングドレスの白、看護師の白衣、亡くなられた方の白装束など、イメージとしては混じりけのない、純白性、処女性、終焉、再生といったイメージがある。

白には単に真白、#ffffff、RGB,255,255,255の白だけではなく、青味がかった白、黄色味がかった白、グレーっぽい白などがある。欧米では青味がかった白が好まれ、アジアでは黄色味がかった白が好まれるようである。
いずれにしろ、白のイメージは清潔さ、汚れのない、ピュア、純真無垢、シンプル、平和をメッセージできる色である。
一方、わずかながら、否定的イメージも持っている。無味乾燥、降服の白旗、冷たい、人口的、平凡、安い、などがある。

ホワイトチャート

デザインでは余白、ホワイトスペースと呼ばれる白がある。
白=地のスペースを大きくとると落ち着いたイメージになり、ホワイトスペースが少なくなると、活気のある、活動的なイメージになる。この余白をコントロールすることがデザインでは重要な要素となる。

 

2.白をメッセージする場合の注意点

 

Webではベースカラー(背景色)としての白が圧倒的に多く使われる。
今回は真白の背景で全体のイメージを白に統一したサイトを取り上げ、その白の使いかたのポイントを説明する。

 

2-1.コントラストで見せる

白を背景色にした場合はコントラストを考慮することが望まれる。タイトルやタイポグラフィに、ロゴなどに「黒・濃いグレー」を使うことでコントラストが強調される。
背景の白とコントラストを高めることは、読みやすさ可読性を高めることにつながる。

ホワイトサイト

 

2-2.シンプルなデザインにする

白を基調したデザインは品がありミニマムなデザインにすると統一感を出すことができる。
レイアウトはシンプルにする。イメージ写真やイラストレーションも色彩の少ないシンプルなものを選ぶと良い。

ホワイトサイト02

 

2-3.余白を十分にとる

全てのデザインに十分な余白スペースを設ける。
デザインパーツの周辺、メニュー、テキスト、写真などの周囲に十分なマージンを与えると白が強調される。

ホワイトサイト03

 

2-4.アクセントカラーを設定する

アクセントカラーは1色である。アクセントカラーを設定した場合は、背景の白は脇役である。
アクセントカラーは内容に注目、強調させたいところに明るい、彩度の高い色彩を設定する。
背景が白の場合、ほとんどのアクセントカラーは問題なく使うことができる。

ホワイトサイト04

 

まとめ

Webサイトでは背景色を白にすることが非常に多い。そして、その背景色”白”でメッセージすることは難しい。白はあくまでベースカラーとしての意味合いが強い色だからだ。
色は意識して使わない限り、その色でメッセージを伝えることはできない。白を使う場合はそのポイントを把握し、より、シンプルにモダンにしたい、クリーン感を強調したいなど、白という色を意識的に使うことで、メッセージすることができる。

 

写真出典:新着写真素材 | ぱくたそ – フリー写真素材・無料ダウンロード


関連する記事

驚きや感動、安心をお届けする、おすすめ定期購入サービス5選... その道のプロや生産者が目利きした商品を定期購入できる通販サイト「BoxToYou」が、Yahoo!ショッピングとの連携や資金調達等のニュースで話題を呼んでいます。海外ではすでに注目を集めているオンラインの定期購入ですが、日本でも徐々に増えてきています。 今回は、ミネラルウォーターやお米、トイレット...
LINEの目指すビジネスモデルとは? 無料通話&チャットアプリのLINEは、8月27日、同社が運営するEコマースサイトLINE MALLに新たなサービスを追加すると発表しました。さまざまな感情や心境をイラストで送ることができるスタンプの人気もあって、3年間で約4.9億人(国内は5,500万人)までユーザー数を増やしたLI...
PinterestをEコマースに活かす方法 今や7億5千以上のボードに300億ものピン(ボードにアップされている画像のこと、「ピンする」とは気に入った画像をピックアップして自分のボードに貼りつけることです)が存在する「Pinterest」。海外でEコマースを展開する際には活用したいツールです。そこで、最新のアップデートなども交えて、ビ...
押さえておきたい! WEBデザイントレンド7選... 5月18日、JECCICA(ジャパンEコマースコンサルタント協会)主催の「ECデザイン大賞2018」が開催され、大賞他各受賞者、WEBサイトが発表された。 ダイヤモンド賞(大賞)を獲得した達磨正宗のWEBサイトはワンカラムで、商品ページに特徴があり、写真、動画、キャッチコピーなど、クォリテ...
ロシアのEコマースが急成長 ロシアの国内売り上げは2014年の5600億ルーブルから2015年は6500億ルーブルに急成長している。 さらにオンラインショッピングでの売り上げはたったこの6500億ルーブルの2%の850億ルーブルであるという事で今後もさらに成長する見込みがある。現在、国内マーケットはややスローダウンしている...
イギリスの越境EC、Eコマース事情 2016年に日本に訪れたイギリス人は29万2,457人となっており、ヨーロッパ諸国では、日本へ訪れた国民が一番多かったのがイギリス人である。 また、イギリス人は旅行支出額が大きいこと、ビジネス関連で訪日が多いのが特徴のようだ。イギリスの人口は約6,490万人、そのうち93%がインターネット...
このエントリーをはてなブックマークに追加

コメントをどうぞ