意味解説
1.読みやすさと情報整理をつくる余白の設計
専門家向け解説
「余白」とは単なる空きではなく、要素間の関係性・優先順位・呼吸感を生み出す設計要素。近い要素は関連が高く、離れた要素は独立していると認識される（ゲシュタルトの近接の法則）。実装ではmargin・padding・line-heightなどのCSS値がホワイトスペースに直結する。要点は、詰め込みすぎたデザインより余白を適切に取ったデザインの方が情報の優先度が伝わりやすく、ユーザーの認知負荷が下がること。落とし穴は、情報が少なく見えることを恐れてクライアントが余白の削減を求めるケース。「余白＝情報の少なさ」ではなく「余白＝読みやすさのための設計」であることを根拠とともに説明できるとよい。
クライアント向け説明
デザイン上の「余白」のことです。「空白がもったいない」と感じることがあるかもしれませんが、余白は情報を読みやすく整理するための重要な設計要素です。余白が適切に取られているページは、何がどこにあるかが直感的に分かり、読む側の負担が下がります。窮屈に感じるデザインの多くは、余白の不足が原因のひとつです。
監修
yoneco
Makoto Koizumi (Zoomin)