ホームページ配色入門」では、センスではなく、簡単な配色の知識やレイアウトのセオリー、情報伝達の基本を学ぶことで、あなたのホームページの目的を達成させるための配色を解説します。4回目の今回は配色に慣れていない人は困ったときに「色を変える」ということで解決を試みますが、使っている色の大きさや分量を変えることだけでも問題は解決することが多いです。新聞を例に情報を伝えることの重要性と、問題の解決を学びます。色の使い方を学ぶなら、新聞は素晴らしい教材です。言うのも、新聞で最も重要なものは記事の内容であって、装飾や広告ではなく、記事が読みやすいように最適化されているのです。全ての記事に写真が付いてくるわけではなく、モノクロ面では白と黒の2色だけを使って色を表現しなければならないため、限られた色で様々な表現ができることがわかります。見出しのない新聞記事はなく、見出しで記事の概要を把握して、次に記事の詳細を知るために本文を読み進めていきます。このような見出し→本文という流れはホームページの文章を読んでもらうためにも重要なものです。日本の新聞は縦書きですが、ホームページは横書き中心です。いえ基本的な考え方は変わりません。横書きの新聞を参考にしたいという場合にはワシントンポスト紙のサイトでアカウントを作ると紙面が見れるようになりますので利用してみましょう。文字の大きさだけで目立たせる新聞の見出しには1面で使われる大きな見出しもあれば、小さな記事の見出しもあります。いずれの場合であっても、同じ色であっても、見出しが本文より大きければその部分が目立つようになります。見出しの周囲にはきちんと余白が取られていることがわかると思います。これによって、大きな文字がより強調されるようになります。重要な部分には余白を作るということも覚えておきましょう。日本語はアルファベットに比べると画数が多く、同じ余白でもより詰まって見えます。漢字が多い場合には特に広めに余白を取るようにすると、見出しはすっきりと見やすくなります。第5回:色や余白を使って「グループ化」してみよう」も参考になりますので、ぜひ読んでおきましょう。見出しの背景に色を付ける文字の大きさで差を付ける以外にも、文字に色を付けるか背景に色を付けるかで見出しの強さは変わります。同じ色を使う場合、より強く見せたいのであれば、背景に色を付けた方が色の面積は大きくなるため、見出しの力は強くなります。背景に色を使っても文字そのものが読みにくければ、記事の概要を理解しにくくなるため、本文に進んでもらいにくくなります。背景色を利用した見出しの強調があまりに強すぎることのないように、控えめな色に調整することも必要でしょう。配色が苦手な人は色の大きさを利用する文字が大きいということは、文字に使われている色の面積が多いということです。色の面積が増えれば、それだけで目立たせることができるのです。配色が苦手だという人は何か色を新たに加えるのではなく、大きさを変えることで目立たせるようにすれば、色が増えすぎて画面のどこを見てよいかわからないということを防ぐことができます。重要度が高い見出しほど大きくするという基本を押さえておけば、画面上の情報を整理することができるのです。見出しを見せたいのであれば、文字を大きくすれば簡単に強調できますが、ただ本文の一部分を強調したい場合には、文字の大きさを変えるだけでは、文章がガタガタに見えてしまい見栄えも悪くなります。それを避けるための一番簡単な装飾としては太字を使うのがよいでしょう。太字の利用も通常の文字より色の面積が増えるということです。このような太字での強調に加えて、文字の色を変えたり背景に色を付けたりすることで、より強調した部分であるとわかりやすくなります。段落や1行のキャッチコピーを全て強調したい場合にも、文字を大きくしたり、背景に色を付けたりすることができます。強調したい部分が複数行にまたがる場合には、1行ずつ装飾するのではなく、段落全体に背景色を付けたり、罫線で囲む方がすっきりと見やすくなります。文章を読んでもらいたいという場合、訪問者は既にサイトに何らかの興味を持って訪問してくれた後ですので、内容を最大限伝えることを考える必要があります。そのためには、まずはしっかりと見出しを見せるように大きくすること、本文の中で重要な部分の強調の仕方を調整することで、より文章を読ませやすくなります。別の色を使う前に使い方を変えることを意識することで、色によるトラブルを減らすことができます。次回は背景色を使った強調の応用編と文字を読みやすくし、情報を損なわないための工夫についてお伝えいたします。2004年、色彩に関するノウハウをまとめたウェブサイト「基礎からわかるホームページの配色」を公開。コーディネートカタログ』(技術評論社)など。(編集)『ウェブデザイン&レイアウトの見本帳』に続く、ウェブの配色に特化した実例の見本帳です。掲載している項目のテーマは、季節感を感じさせる配色デザインや、イメージを喚起させる配色、文字や罫線などと配色の関係、さらには集客に繋がる配色も紹介しています。本書のはじめには色相や彩度、補色など、配色に関する基本的な事柄も解説することで、ウェブに関する配色の本として充実した内容になっています。ための経理サポートサイト文具、通信、オフィスのことなら何でもお任せ問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール事務所開設するなら固定電話番号で信頼アップ本コンテンツは、掲載時点の内容となります。「みんなのビジネスオンライン」は「はじめてWEB」にお読み替えいただきますようお願いいたします。Reserved.「はじめてWEB」はKDDIが提供しています。