ホワイトスペースは無駄なスペースではありません。それは、ページ上の要素の周囲や要素間の空白領域のことです。余白、パディング、ガター、行間、ロゴの周りのスペースなどです。デザイナーはそれをネガティブスペースと呼びますが、初心者は埋めるべきものだと考えがちです。しかし、その考えはほとんどの場合間違っています。
Appleの製品ページは、余白の使い方の見本と言えるでしょう。製品写真1枚、短い見出し、そしてあとは何も表示されていない。この余白が製品の高級感を際立たせ、メッセージを見逃すことを不可能にしています。バナー広告やポップアップ、テキストブロックで埋め尽くされたページと比べてみてください。視線を休める場所が全くありません。
空白は
- 関連する要素をグループ化し、関連しない要素を分離する
- テキストにゆとりを持たせることで読みやすさを向上させます
- 重要な要素を分離することで焦点を絞る
- 雰囲気を演出:ゆったりとした余白が、上品で落ち着いた印象を与える。
- 余白が狭いと、エネルギッシュで密度の高い印象を与える。
正しい余白の量というものは存在しません。ニュースサイトは高級ファッションブランドよりも狭い余白が必要です。データが密集したダッシュボードは、児童書とは異なる余白を必要とします。重要なのは、余白を意図的に、偶然に使うのではなく、適切に使うことです。余白が均一であれば、デザインは安定感を持ちます。逆に、余白が不均一だと、理由が分からなくてもページ全体が崩れたように感じられます。
Comments
No comments yet. Be the first to share a thought.
Leave a comment