UIデザイン　4つの原則

4つの原則とは？

UIデザインの4つの原則として以下の4つがあります

• 近接（Proximity）

• 整列（Alignment）

• 反復（Repetition）

• 強調（Contrast）

これらを適切に扱うことで

• 情報の整理と理解しやすさの向上

• ユーザビリティの改善

• 視覚的な魅力の向上

• 認知負荷の軽減

• デザインの一貫性の確保

とあなたが作成するデザインの質を向上させることができます

近接（Proximity）

関連する要素を近づけてグループ化する
また、情報を整理し、ユーザーが関連性を理解しやすくなる

近接の具体例

整列（Alignment）

要素を縦や横のラインに揃える
また、情報の読みやすさと全体的な統一感を向上させることができる

整列の具体例

反復（Repetition）

要素を繰り返し使用することで一貫性を生み出すことができる
色、形、フォント、アイコンなどの要素を統一して使用することで見やすく使いやすいデザインを作ることができる

反復の具体例

強調（Contrast）

サイズ、色、形などを変えることで視覚的な差異を作り出し、重要な要素を目立たせる
また、ユーザーの注目を集め、情報の優先順位を示したいときに用いる

強調の具体例