邦夫(フォルトゥナ)2016年11月21日更新ツイート閲覧数5,663viewsこのコラムをPDF形式でダウンロードするこのコラムでは、業種ごとに「合う色と合わない色」「注意すべきこと」をまとめています。毎回、異なる業種を取り上げて解説しますが、それらの業種でよく使われる色やたびたび見られる失敗があり、それにはきちんとした理由があります。それに加え、ホームページの色は、看板や紙のパンフレットと同じ色の場合であっても、画面の構成や使い方のポイントも異なります。言っても、いくつかに分けて考えられます。大きくは店舗・オフィスと言った何らかのビジネスのためにビルなどを建てている会社と、住宅などの家庭向けの家を建てている会社です。これらはきっちりと分かれているわけでもなく、どちらも行う会社もあるのですが、ホームページを見にくる人はまったく異なります。今回は主に一般的な家を作っている会社の色を中心に考えていきます。ビルなどの施工会社は、第6回「製造業のホームページの配色」と同じような傾向がありますので、ぜひそちらをご覧ください。使われている色は、主に以下のようなものとなっています。多く見られる色メインとなる1色を決めているのであれば、緑や茶のような色で自然でくつろげる家の印象や安心感などの会社のイメージを伝えることができますし、建物の写真を合わせることで伝えたい印象をより明確にすることができます。家の外観や内装の写真などには床の木・壁・家具などの様々な色が入ってくるため、決まっている色が1色であったとしても単調な配色にはなりません。3の場合も同様に施工事例などで多くの写真がページに入ることが想定されます。意識しなくとも写真には多くの色が含まれているはずで、より親しみやすさやにぎやかさを出すために、自分で決めた色を使っていくというという方向になります。いずれの場合であっても、家を購入した後、リフォームした後の写真で伝わる印象の方が、色よりも重要になりますので、「自分で決める色は小さく使う」ように心がけましょう。会社のロゴマークなどが緑・茶であるならば、そのロゴの色を決める段階で自然の素材である木の印象を伝えたいと考えていたのかもしれません。ロゴで伝えたい印象とホームページで伝えたい印象が合っていれば、無理に色を足さずに、緑あるいは茶+写真の色だけを使うこともできます。茶色や緑を使った場合。茶色の方が色の面積が多いため印象に残りやすいまた青(暗い紺色なども含む)も同様です。した印象や信頼感などを伝えたいのであれば、あまり色を増やすと軽く感じられてしまうこともあるため、青を少ししっかりめに使い、後の色は写真に任せるのです。これも青+写真の色だけを使うことになります。この場合には緑や茶に比べて、大きめに色を使うことがポイントです。写真ともう1色くらいだと少しさみしいように感じられるかもしれませんが、写真がきれいであれば大丈夫です。新築やリフォームなどのそれなりの金額を扱う業種です。写真は必ずプロに依頼するようにしましょう。多くの写真があっても、その質が低ければ印象も正しく伝わりませんし、サービスの魅力も半減してしまいます。モダンな建物を表す黒や暗いグレーモダン(現代的な)な感じの住宅を扱っている会社の場合、黒やグレーなどのコンクリートや金属などの自然ではない素材の印象を伝える色を使うこともあります。モダンな内装の家ホームページ上では、多くの場合黒や暗いグレーは文字の色などで使われています。このようないつでも見えている色で、強い印象を与えたり、目立たせることは難しく、なかなかモダンな印象にはなりません。そこで意識して大きめに黒やグレーを配置します。具体的にはページの上部やナビゲーションなどの部分にしっかり面として黒やグレーを使い、写真以外の色を使わないようにします。その上で、モダンな内装の写真を合わせると、より印象が強くなります。モダンを表現したい場合はグレーを意識的に使う親しみやすさを伝える明るくカラフルな色カラフルな色は、リフォームなどのサービスを主とする会社で多く見られます。写真ももちろん重要ですが、その丁寧さやその会社でリフォームすることによるメリットを伝えたいため、「親しみやすさ」や「相談しやすさ」を強調するために色を使います。明るく爽やかな色を、キャッチコピーやボタン・文章の背景に使われます。何も考えずやみくもに色を増やすだけでは、ただ派手になるだけで、カラフルにした意図が伝わらないこともあります。それを避けるためには、ベタベタと画面中に色を付けるのではなく、「大事な部分だけをカラフルにし、それ以外の部分はできるだけ1色のみ」と考えておくと配色はまとまります。色を使いたいそれぞれの部分を小さくするのもよいでしょう。2004年、色彩に関するノウハウをまとめたウェブサイト「基礎からわかるホームページの配色」を公開。コーディネートカタログ』(技術評論社)など。(編集)『ウェブデザイン&レイアウトの見本帳』に続く、ウェブの配色に特化した実例の見本帳です。掲載している項目のテーマは、季節感を感じさせる配色デザインや、イメージを喚起させる配色、文字や罫線などと配色の関係、さらには集客に繋がる配色も紹介しています。本書のはじめには色相や彩度、補色など、配色に関する基本的な事柄も解説することで、ウェブに関する配色の本として充実した内容になっています。ための経理サポートサイト文具、通信、オフィスのことなら何でもお任せ問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール事務所開設するなら固定電話番号で信頼アップ本コンテンツは、掲載時点の内容となります。「みんなのビジネスオンライン」は「はじめてWEB」にお読み替えいただきますようお願いいたします。Reserved.「はじめてWEB」はKDDIが提供しています。