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

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

 

1.白の持つイメージ

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

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

ホワイトチャート

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

 

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

 

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

 

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

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

ホワイトサイト

 

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

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

ホワイトサイト02

 

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

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

ホワイトサイト03

 

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

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

ホワイトサイト04

 

まとめ

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

 

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


関連する記事

なぜAmazonと提携しない?「DtoC」というビジネスモデル... アメリカでは、新型コロナウイルス感染症数、21万6000人(4月1日現在)という急激な拡大により、入国制限、移動規制、外出禁止などあらゆる手段で、コロナ封じ込めが実施されている。 アメリカ消費者は外出禁止、自粛を余儀なくされ、アメリカのおいてもネットショッピングによる消費が高騰している。 ...
1分で開店! 微店に出店する方法 11月11日、中国最大のEコマースセール「独身の日」が行われた。 11日のアリババの取引額は、過去最高の2135億元(約3兆5000億円)となり、世界のEC市場における中国の存在感を示した。 日本から中国消費者へ向けて商品を販売する場合、90%以上は中国Tmall、JDなどといったECモー...
こんなに違う! 世界と日本のブラウザシェア... 現在、2015年の時点で、Webブラウザのシェアはいったいどうなっているいるのだろうか? ブラウザは日本国内、世界では多数混在しているが、Webブラウザは大きく分けるとインターネットエクスプローラー(IE)とグーグルクロム(Chrome)、ファイアフォックス(firefox)、サファリ(sa...
必見!Eコマースサイトのデザイントレンド... スマートフォンの普及により、Eコマースにおいては、モバイルを含むあらゆる端末からスムーズに閲覧できるサイトが増えつつある。今回はそうした流れを踏まえつつ、2015年のデザイントレンドを紹介する。 1. 必要な情報を隠す!? メニューアイコン サイトのナビゲーションのように、ウェブサイトにおい...
2017年、日本のEC市場はどこまで成長したのか?... 今回は、前回に引き続き、経済産業省「平成29年度 我が国におけるデータ駆動型社会に係る基盤整備」報告書に基づき、国内のEC市場の状況を中心にまとめてみた。 報告によると、日本国内のBtoC-EC市場規模は、16兆5,054億円。前年より9.1%増加したと発表されている。 各分野では物販系分...
商品ブランドを定着させる方法ーPart2 先日の「Periscope」を利用した商品ブランドを定着させる方法のブログに引き続き、様々な観点からブランドの構築が可能である。  さらに必要な項目・アイデアをまとめてみた。 商品ブランドを定着させる方法パート1はこちら 11.  ジャーナリストと繋がりを持つ 現在、...

コメントをどうぞ