ロビン・ウィリアムズが著書「ノンデザイナーズ・デザインブック」で提唱した、デザインの基本4原則です。これらを意識するだけで、素人っぽいデザインから脱却できます。
関連する要素を近くに配置し、関連しない要素は離して配置するという原則です。
近接の実践ポイントは「余白のメリハリ」です。関連要素間の余白を小さく、グループ間の余白を大きくすることで、情報の構造が視覚的に伝わります。
すべての要素を意図的に配置し、視覚的なつながりを作る原則です。何も考えずに要素を配置すると、散漫な印象を与えます。
特にWebデザインでは、12カラムグリッドに沿って要素を配置することで、自然と整列された美しいレイアウトが実現できます。
デザインの中で視覚的な要素を繰り返すことで、統一感と一貫性を生み出す原則です。
反復を意識することは、デザインシステムの考え方にもつながります。ルールを決めて繰り返すことで、効率的かつ一貫性のあるデザインが可能になります。
異なる要素をはっきりと区別し、情報の優先順位を視覚的に伝える原則です。中途半端な差は避け、大胆に差をつけましょう。
1. 名刺デザインを作成し、4原則すべてを意識して配置してください
2. 既存のWebサイトを観察し、4原則がどう適用されているか分析してください
3. 悪いデザイン例を作成し、4原則に基づいて改善してください
デザインの4原則は、あらゆるデザインワークの基盤となる考え方です。近接で情報をグループ化し、整列で秩序を生み、反復で統一感を出し、コントラストで優先順位を伝える。この4つを常に意識しながらデザインに取り組みましょう。