邦夫(フォルトゥナ)2015年8月3日更新ツイート閲覧数16,854viewsこのコラムをPDF形式でダウンロードする色のイメージとホームページの色が合わなければ、せっかく内容がよくできていても、訪問者は中身を読まずに去ってしまうこともあります。このコラムでは訪問者のイメージに合わせることができるように、色のイメージとその心理的な効果を説明し、色によって向いているサイトと向いていないサイトを解説していきます。第5回目は黒の持つ意味や心理的な効果、それに向いたホームページと向かないホームページについてまとめています。色には暗くなればなるほど、重く・堅く見えるという効果があります。全ての色の中で最も暗い色である黒は、その頂点に位置し、様々な大きな意味を持った色です。高級感や重厚感に代表されるようなイメージを作りたいときには欠かせない色なのです。そのためホームページにおいても、様々な場所で使われている黒ですが、他の色との組み合わせ方によっては、伝えたいイメージがバラバラになってしまったり、まとまりにくくなることもある難しい色でもあります。黒の中で光る様々な色のネオン。連想される言葉はいい意味も悪い意味も含めて、あまり軽々しい感じがしないものばかりです。その上、他に組み合わせる色によって、まったくイメージが変わってしまいます。計画的に配色ができなければ、あやしげな雰囲気に仕上がったり、下品でギラギラしたホームページになったりします。色は暗くなれば重く感じられたりする。黒は軽いイメージを出すのには向いていない黒の機能的な使い方として、白背景の上の文字の色が挙げられます。白背景の時に「わざわざ黒を使う」という意識をして使っている人は多くはなく、意識して黒を使わなければならないのは背景として大きく使う場合になります。「重々しい感じ」と「不吉な感じ」では、同じ黒い背景であっても全然イメージは違うものになるはずです。そこで大事なのが「背景を黒とした場合、それ以外の色をどのように選び、どのくらいの分量で使うか」になってきます。分量についてはシンプルに考えれば大丈夫です。ほとんどを黒にし、それ以外の色はほんの少しだけをポイントで使うようにします。それもできるだけ色数は減らすようにしましょう。次に考えたいのは、どの色を選ぶかということです。使われるのは高級感を出したい場合には、ゴールドやシルバーを組み合わせたり、重厚感を出したい場合には、ちょっと彩度を下げた暗めの色を組み合わせたりします。あざやかな色を加えると活発でスポーティーな感じが出たりします。黒はとても強い力のある色ですが、派手さはない色ですので、あざやかな色の入った写真などがあれば、それを引き立たせることもできます。中身を見せたい時に使うための機能的な色でもあるのです。黒を大きく使う業種と言えば、やはりホテルやレストラン・バーなどの夜の雰囲気を強く出したいページということになります。伝統や文化などをアピールしたい学校や研究機関、しっかりした品質を表現したいメーカーなどでもよく使われています。連想される言葉の中に「フォーマル」という言葉がありましたが、タキシードやドレスなどの具体的な物を販売しているサイトでは黒はよく見られますが、冠婚葬祭関連のサービスでは不吉なイメージを嫌うところから、黒はあまり使われていません。黒を基調としたホームページ。色を写真に任せ、黒以外はボタンの色のみ。黒の背景に白い文字だけでは、一時期流行った(今もありますが)あやしげな情報サイトに見えてしまいます。黒だけでイメージを完全にコントロールできませんし、それ以外の色も少量を使うのが基本ということであれば、実際に伝わるイメージの良さを左右するのは写真の出来の良さであると言えます。他にもホームページのデザインそのものよりも、ページ内に配置した画像そのものが重要なホームページ(例えば写真家やデザイナーの作品を紹介するようなページ)などでは、黒かグレーを使って、使われている画像などを引き立たせることもできます。夜や闇のイメージはやはり強いため、明るさや清潔感、軽さを表現したいというホームページには、はっきりと向いていません。色選びの3つのポイント色を選ぶ場合には、「この色を使いたい」だけでなく、「この色は使わない方がよい」というマイナスのイメージや訪問者の期待する色もあわせて考えるどんな色でも使いすぎると中身の邪魔をする。多く使いたい場合には文章が入らない部分の背景に色を使うようにするどの色を選ぶか迷ったら、周囲の3人以上の人に聞くこと。2004年、色彩に関するノウハウをまとめたウェブサイト「基礎からわかるホームページの配色」を公開。コーディネートカタログ』(技術評論社)など。(編集)『ウェブデザイン&レイアウトの見本帳』に続く、ウェブの配色に特化した実例の見本帳です。掲載している項目のテーマは、季節感を感じさせる配色デザインや、イメージを喚起させる配色、文字や罫線などと配色の関係、さらには集客に繋がる配色も紹介しています。本書のはじめには色相や彩度、補色など、配色に関する基本的な事柄も解説することで、ウェブに関する配色の本として充実した内容になっています。ための経理サポートサイト文具、通信、オフィスのことなら何でもお任せ問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール事務所開設するなら固定電話番号で信頼アップ本コンテンツは、掲載時点の内容となります。「みんなのビジネスオンライン」は「はじめてWEB」にお読み替えいただきますようお願いいたします。Reserved.「はじめてWEB」はKDDIが提供しています。