minato– Author –

色相・彩度・明度を初心者向けに図で解説。色の種類・鮮やかさ・明るさを見比べ、派手さや読みづらさを調整する方法を紹介します。

配色の基本を初心者向けに解説。背景・主役・強調の色を選ぶ順番、カフェ告知の比較図、文字の読みやすさまで具体例で紹介します。

見やすいレイアウトは「目的→情報の優先順位→まとまり→揃え方→強弱」の順で作ります。最後にスマホサイズで読み、余白や折り返しを調整します。

よくある原因は、強調のしすぎ、揃え方のばらつき、余白不足、色やフォントの使いすぎ、文字の読みにくさです。一度に全部を変えず、主役を決めて一つずつ直します。

余白は、同じ内容の中では小さく、別の内容との間では大きく取るのが基本。外側の余白、要素の間、文字の行間を分けて確認すると整えやすくなります。

コントラストとは、大きさ・太さ・色・明るさ・余白などに差をつけ、重要な情報を目立たせること。差は中途半端にせず、主役と補足が分かるようにします。

反復とは、色・フォント・余白・形・配置などのデザイン上のルールを繰り返すこと。同じ役割が同じ見た目になると、統一感が出て内容も読みやすくなります。

整列とは、見出し・本文・画像などの要素を共通の基準線に沿って配置すること。初心者は、まず左端を揃えるだけでも読みやすさが変わります。

近接とは、関連する要素を近づけ、関係しない要素との間を空けること。見出しと説明、写真とキャプションなどのまとまりを、余白で示します。

デザインの4原則「近接・整列・反復・コントラスト」を、初心者にもわかる具体例と使う順番で解説します。