迷わせない配色とタイポグラフィの基本ルール

Webデザインの配色やフォント選びは「センス」だと思われがちですが、実際にはいくつかのルールに沿って考えるだけで、迷いのない読みやすいデザインに近づきます。

色は「役割」で決める

ベースカラー（背景など、面積の大きい色）、メインカラー（ブランドを印象づける色）、アクセントカラー（ボタンなど行動を促す色）の3役に分けて考えると、色数が増えすぎず統一感が生まれます。

タイポグラフィは「階層」がすべて

見出しと本文のサイズ差、行間、余白を意識するだけで、情報の優先順位が視覚的に伝わるようになります。フォントの種類を増やすより、サイズとウェイトの階層を整理するほうが、読みやすさへの効果は大きいです。