【つれづれ】オレが知ってる色の話。
|
ちょっとこんなものを作ってみたのですが。
こっそりゴーサインを待ちつつ、出たら印刷物をひとつふたつリリースする予定。
その関連で、今日はオレが思う色彩の話。DMの文明の話じゃありませんぜ。
Web2.0を地で行くこのご時勢、Webコンテンツを効果的に見せるためには、色の力は必要不可欠。表現の技法として白黒で表すものもあるっちゃあるんだけど、基本、何かしらの色を使うことになる。
そんでもって色ってのは面白いもので、見る人に非常に多くのイメージを抱かせる事ができるわけだ。当然、いろんな色を組み合わせることでその印象はよくも悪くもなる。
そんなわけで、オレの好き嫌いを多分に含みながら、色彩のイメージについて色々書いていきたいと思ふ。
まず前提として、ちょっとアカン色の使い方。
赤とか黄とか青とかシアンとかマゼンタといった色はプリンターのインクの色にもなっている通りコンピューターで扱いやすい色なんだけど、しかし、人間の目で見るには鮮やかすぎてちょっとつらい色なわけだ。
できることなら、これらの原色は(特に白い背景では)使うのを避けたほうがいいかもしれない。これくらいまで暗めな色を使ってみれば、少なくともさっきよりは見やすくなるんじゃないかと思ふ。
逆に黒い背景であれば、赤とか黄とか青とかシアンとかマゼンタといった色は見やすくなるのかもしれないけど。
次、似たような明るさの色を重ねてしまうこと。既に挙げた例で言えば白地に黄とか黒地に青とか。
似たような色で重ねてしまったら、当然ながら人間の目じゃ見分けがつきづらくなって、結果として読みづらくなる。これとか読めますでしょうか?
だから、重ねるならある程度明るさが異なる色で組み合わせたほうが、読む人にとってやさしくなるし、効果的にメッセージを伝えやすくなるわけだ。
その上で、効果的に色を組み合わせるためのふたつの手法。
その1。類似色。
色ってのは他の色と途切なくつながった形で表すことができて、それを円形で表すと、
こうなるわけだ。
この図のうち、ある色と隣接している色のことを類似色と呼ぶ。この組み合わせだと似通った色で表現する分、失敗のないものになる。
例えば。
オレンジを背景にした赤
紺色を背景にした水色
緑を背景にしたくすんだ緑
こんな感じ。まあまあ、なくはないでしょ。
類似色の組み合わせを使う上で考えるべきポイントは、文字色と背景色で明るさに差をつけるってこと。そりゃまあ同じような濃さの色を2色組み合わせたところで、かえって読みづらくなってしまうわけです。
背景を明るくするなら文字色を暗く、背景を暗くするなら文字色は明るく。これを心がけてくだせえ。
その2。補色。類似色とは逆に、正反対の色のこと。全く違うからこそ、使い方によっては強烈な印象を持たせられるかもしれない。
例えば。
濃い緑を背景にしたオレンジ
青を背景にした黄色
こんな感じ。黄色の例は最初に出した黒と黄色みたいでしょ。
この場合は元々全く違う色を使ってるから、明るさで差をつける必要はあんまりない。ただ、あまり関係ない色でやってもしょうがないから、正反対の組み合わせをある程度覚えておく必要はあるかも。
なぜここでこいつ出すんだとクレームが来そうになりながらうちの娘。
![]() 駅前の通りにあった個人経営の服屋さんで見て気に入ったワンピースだったんだけどこの店潰れちゃったんだな。
つーわけでリメイク、と。
閑話休題。アクセントとしての色の使い方。
さっきまでのようにあんまりいろんな色をごてごて使っててもしょうがないので、ここぞという場面で印象付けられるように、使う色はなるべく押さえる。
今回の絵の場合基本モノトーンなので、黒地に黄色で表現された髪はうまく対比して見えている、はず。
また一見一緒に置いておくとケバくなりそうな組み合わせの色でも、その間にまた全く異なる色を置けば、それがクッションになってくれることも。
色の組み合わせといっても2色だけじゃないので、詳しいことは専門書なり何なりを読んでくだせえ。
本当は暖色寒色だの心理的に与える影響だの色弱者へのフォローだの、色にまつわる話はやたら深いんだけど、いい加減時間も時間なのでこの辺でやめときます。
この辺本当に勉強したいなら色彩検定受ければいいと思います。オレも3級は持ってます。今まで気にも留めなかったような存在がいきなり気になってしまって楽しいでっせ。
参考:
色相 - Wikipedia(http://ja.wikipedia.org/wiki/%E8%89%B2%E7%9B%B8)
|







