余白はページ上の項目同士の間にある空きスペースです。デザイナーは、文字やボタン、画像が窮屈に見えないように余白を使います。食卓に皿を並べるとき、間隔を空けるとそれぞれを見やすく使いやすくできるのと同じです。
ウェブサイトでは、見出しと段落の間や、カード同士の間に余白を設けます。何も置かなくても役割があります。どの項目が関連し、どれが別のセクションに属するかを間隔で示せます。
ページを読み取りにくいと感じたら、少し余裕を持たせるとよいでしょう。関連するものを近くに置き、無関係なものとは距離を取ることで、ページの構成を余白がさりげなく伝えます。
