今回から配色について学びます。配色とはページ背景やフォントも含めて,ページ全体を色分けしていく作業を指します。ここで最初の疑問です。どうして色を付けなければならないのでしょうか。この問題から考えてみましょう。 色を付ける作業にはふたつの目的があります。 読みやすくする 飾り立てる デザインに不慣れな人ほど,色を使うことでページを飾り立てる意識が強くなるかと思います。しかし本来配色の目的はページを読みやすくすることにあります。読みやすいというのは,文字が背景に沈み込み過ぎていないことだけでなく,例えば長時間読んでいても目が疲れないことも含みます。飾るという視点はいったん置いておいて,まずは読みやすい配色について,サンプルを作りながら考えてみることにします。 最初にベースとなるHTMLを作っておきます(リスト1)。読みやすさを考えるために,文章は適度に長いものを用意してください。h1タグとpタ
![第14回 色を使いこなすための基礎知識「色の3大構成要素」とは](https://cdn-ak-scissors.b.st-hatena.com/image/square/bed39b5962a5d552c95b6d796db8f55e72d32943/height=288;version=1;width=512/https%3A%2F%2Fxtech.nikkei.com%2Fimages%2Fn%2Fxtech%2F2020%2Fogp_nikkeixtech_hexagon.jpg%3F20220512)