ホワイトスペースとは、デザイン要素の間や周囲の空白部分のことです。これは無駄なスペースではなく、視覚的な休息を与え、要素のグループを区切り、関係性を示す役割を果たします。窮屈なレイアウトは不安感を、ゆったりとしたレイアウトは落ち着きと自信を与えます。この用語には、余白、パディング、行間、列やボタン間の隙間などが含まれます。
デザイナーは、マクロホワイトスペースとミクロホワイトスペースを区別します。マクロホワイトスペースとは、ページの余白など、主要な要素の周囲の広い領域のことです。ミクロホワイトスペースとは、ラベルと入力フィールドの間のスペースなど、コンポーネント内部の小さな隙間のことです。どちらも重要です。ミクロホワイトスペースが少なすぎると、テキストが密集して読みにくくなります。マクロホワイトスペースが少なすぎると、要素が少なくてもページがごちゃごちゃした印象になります。
最も効果を発揮する場所
- コンテンツを囲み、視線を誘導する余白。
- 読みやすさを向上させる行間隔。
- 関連する項目をグループ化し、関連しない項目を分離するギャップ。
- ボタンやカードにゆとりを持たせるためのパッド。
アップル、無印良品、そして多くの高級ブランドは、余白をステータスシンボルとして活用している。空白は自信の表れであり、製品が声高に主張する必要がないことを示している。
Comments (3)
Leave a comment