デザインの四原則対比編

デザイン4原則（近接・整列・反復・対比）の中で、私がいちばん即効性を感じたのが「対比」でした。対比は“違いを作って、強弱を付けること”。言い換えると、見る人が迷わず「ここが一番大事だ」と分かるように道案内するテクニックです。 まず押さえたいのは「正しい対比＝ちゃんと差があること」。よくある失敗は、少しだけ文字を大きくする／少しだけ色を変える、など“微差”で終わることです。微差は逆に見づらくなりがちなので、差を付けるなら思い切って差を付けます（例：見出しは本文の1.5〜2倍、太さも変える、余白も増やす）。 対比を作る代表的な方法は次の通りです。 1) サイズ：タイトルを大きく、補足は小さく。情報の階層が一瞬で伝わります。 2) 太さ：重要語だけ太字にする。ただし全体の太字が多いと効果が薄れるので“ここだけ”に絞ります。 3) 色（対比色）：背景と文字色のコントラストをしっかり取るのが基本。強調したいボタンやラベルは、ベース色＋アクセント色の2〜3色運用にするとまとまりやすいです。色対比表を見るときも、「補色＝目立つ」だけでなく、読みやすさ（明度差）を優先すると失敗しにくいです。 4) 形：角丸の中に角のある要素を置く、アイコンだけ丸で囲うなど“形を変えて目立たせる”のも効果的。画像内の「形を変える」「色を変える」はまさに王道でした。 5) 余白：余白も立派な対比です。重要な要素の周りに余白を取ると、それだけで視線が集まります。 「比較 デザイン」「プラン比較 デザイン」のように複数案を並べる場合は、対比を“各プランの違い”に使うのがコツです。おすすめは、(1)各プランの違いは3点までに絞る、(2)一番推したいプランだけ色・ラベル・サイズで明確に目立たせる、(3)表の整列（配置）を揃えて比較しやすくする、の3つ。対比だけ頑張っても配置やバランスが崩れると読みづらいので、整列・近接もセットで見直すと完成度が上がります。 最後にチェックリストです。 ・一番伝えたい事が、3秒で分かる？ ・強調は“微差”じゃなく“明確な差”になってる？ ・色対比は読みやすさ（コントラスト）を確保できてる？ ・強調が多すぎて、全部目立ってない？ この4つを確認するだけで、対比効果がグッと出て「伝えたいことが分かる」デザインに近づきました。