邦夫(フォルトゥナ)2013年4月10日更新ツイート閲覧数42,750viewsこのコラムをPDF形式でダウンロードする多くの場合、Webサイトの目的はサイトオーナーのビジネスの目的を成功させるために存在します。そのためにはビジネスの特徴や具体的な内容、価格などをわかりやすく伝えなければなりません。今回は見出しの色を整えて、内容を早く伝える方法についてまとめてみました。見出しを見てから本文を見る流れを作る新聞や雑誌などを思い出してもらうとわかりやすいのですが、まず記事の見出しを見て内容をざっと把握し、その上で詳細を読むというのが、情報を得るための一般的な流れです。小説のように先が読めないおもしろさがあれば問題ないでしょうが、ビジネス目的で短時間に情報を伝えたいのであれば、見出しをきちんと見せる色が非常に重要になります。見出しをきちんと見せるためには、その後に続く本文の色との差を付けることが最も重要です。同じ大きさで同じ色の文字であると、どれが見出しであるのかを認識しにくいため、本来伝えるべき本文に視線を進めにくくなるのです。文字の大きさを変える文字の大きさを変えることは、色が使われる面積を変えるということです。色は大きいほどその効果は高まりますので、無理に色を変えずとも、大きさをしっかりと変えるだけでも、本文と差を付けることはできます。文字の大きさにしっかり差を付けるだけでも目立たせることはできる文字の色を変える文字の色を変えるのも、基本的な見出しで差を付ける簡単な方法です。目立たせたい時によく使われるオレンジや赤は非常に目立つ色なのですが、背景色との差が小さく、実は内容が把握しにくいことがあります。本文の文字の色がしっかりした色である場合、本文が大きな黒の固まりのように感じられ、分量の少ない色の付いた見出しが負けてしまうのです。ツールを使い、客観的に読みやすいと考えられる色を選ぶようにします。読みにくい見出しは、その後に続く本文の価値をも下げてしまいます。検索エンジンなどから訪問したユーザーはある程度あなたのWebサイトに興味を持っていると考えられますので、無理に目立たせるのではなく、しっかり読めることを優先させましょう。背景の色を変えるまた背景に色を使うことでも見出しを目立たせることができます。この場合、文字の色を変えるよりも色の面積は格段に大きくなりますので、あまり強い色の背景にすると、今度はにぎやかすぎて周囲との調和が取りにくくなります。大きく色を使えば、薄い色でも十分に本文と差を付けられるため、控えめな背景色としっかり見える文字色を最も重要な見出しに使うことで、スムーズに見出しから本文への視線移動をさせることができます。控えめな色でも大きく使うことで十分目立たせることができる1ページ内に大見出し、中見出しのように複数の種類の見出しが含まれる場合には、大見出しは背景色を使い、中見出しは色を変えるように差を出すと、文章の色はまとまります。記事がありますので、合わせて読んでおきましょう。2004年、色彩に関するノウハウをまとめたウェブサイト「基礎からわかるホームページの配色」を公開。コーディネートカタログ』(技術評論社)など。(編集)『ウェブデザイン&レイアウトの見本帳』に続く、ウェブの配色に特化した実例の見本帳です。掲載している項目のテーマは、季節感を感じさせる配色デザインや、イメージを喚起させる配色、文字や罫線などと配色の関係、さらには集客に繋がる配色も紹介しています。本書のはじめには色相や彩度、補色など、配色に関する基本的な事柄も解説することで、ウェブに関する配色の本として充実した内容になっています。ための経理サポートサイト文具、通信、オフィスのことなら何でもお任せ問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール事務所開設するなら固定電話番号で信頼アップ本コンテンツは、掲載時点の内容となります。「みんなのビジネスオンライン」は「はじめてWEB」にお読み替えいただきますようお願いいたします。Reserved.「はじめてWEB」はKDDIが提供しています。