余白（ホワイトスペース）とは

余白（ホワイトスペース）とは文字や画像などの要素のまわりに、意図して空けておく何も置かれていない空間のことです。

余白は単なる「空いている場所」ではなく、デザインを形づくる大事な要素の1つです。英語ではホワイトスペースと呼ばれますが、白である必要はなく、背景に色がついていても要素のない空間であれば余白にあたります。要素の外側の空間だけでなく、行と行のあいだ、文字と文字のあいだも余白の一部です。

余白が果たす役割

人は要素どうしの距離から、何と何がまとまりなのかを読み取ります。関係のある見出しと本文は近づけ、別の話題とのあいだは広く空けると、説明がなくても内容のまとまりが伝わります。また、大事な要素のまわりを広く空けると、そこに自然と目が向きます。余白が十分にあると、載せている情報の量が同じでも、すっきりと読みやすく感じられるでしょう。

詰め込みすぎないために

伝えたいことが多いと、余白を削って情報を詰め込みたくなります。しかし、すき間のない画面はどこから読めばよいかが分かりにくく、結果として何も伝わらなくなりがちです。余白の大きさを8ピクセルの倍数などの段階で決めておくと、ページ全体にリズムが生まれ、統一感のあるデザインになります。スマートフォンでは画面が狭いため、パソコンと同じ広さの余白をそのまま当てはめず、幅に合わせて調整します。余白を広くとることは、落ち着いた印象や上質な印象をつくる手段にもなります。