デザインの四原則反復編

「反復（はんぷく）」って聞くと“同じものをコピペするだけ？”と思いがちなんですが、私が学んでしっくり来たのは「バラバラに見える要素の“型”を揃えて、統一感を作る技術」という捉え方でした。反復を入れるだけで、全体がまとまった印象になりやすいです。 反復でよく使う要素は、例えばこのあたり。 ・フォント（種類、サイズ、太さ） ・色（メイン色、アクセント色） ・余白（見出し前後、段落間、カードの内側） ・形（角丸の大きさ、枠線の太さ、アイコンのテイスト） ・配置ルール（見出しは左揃え、ボタンは同じ位置 など） 私がやりがちな「反復のNG」は、“同じ要素”が微妙にズレている状態。たとえば角丸が8pxと10pxで混在していたり、見出しだけ別フォントだったり、ボタンだけ影の強さが違ったり。これって反復しているつもりでも、形が整っていないので統一感が出にくいです。まずは「1つのルールを決めて、最後まで守る」が一番効きました。 チェックしやすい簡単な見直し手順も置いておきます。 1) 使う色を3色くらいに絞る（ベース/メイン/アクセント） 2) 見出し・本文の文字サイズを固定する（例：H1/H2/本文） 3) 余白を“段階”で揃える（例：8pxの倍数で統一） 4) 角丸・枠線・影を同じ設定に揃える これだけでも視認性（ぱっと見で情報を追いやすいこと）が上がりやすいです。 Webデザインだと「画像を中央寄せしたい」みたいな場面も多いですが、ここでも“配置ルールの反復”が効きます。例えば、画像は毎回中央寄せ・同じ幅・同じ角丸にする、と決めるだけでページ全体の統一感が一気に上がります。 ちなみに反復は、他の「デザインの4原則（近接・整列・反復・コントラスト）」とセットで考えるともっと強いです。反復で型を作り、近接と整列で情報を整理し、最後にコントラストで重要なところだけ目立たせる、という順番が個人的にやりやすかったです。