トップ > デザイン論 > 余白の重要性

余白の重要性

スポンサード リンク
余白と言っても、ただの無駄なスペースではありません。
デザインを考える上で非常に重要な要素なのです。

「行間と読みやすさ」の項目も実はそのひとつです。
行間も行と行の間の余白と言うことが出来ます。

行間以外の余白としては、marginやpaddingがあります。
これらを上手く設定することで、より見やすいデザインにすることが出来るでしょう。

例えば、下の2つを見て下さい。

「行間と読みやすさ」の項目も実はそのひとつです。
行間も行と間の余白と言うことが出来ます。
行間以外の余白としては、marginやpaddingがあります。
これらを上手く設定することで、より見やすいデザインにすることが出来るでしょう。
「行間と読みやすさ」の項目も実はそのひとつです。
行間も行と間の余白と言うことが出来ます。
行間以外の余白としては、marginやpaddingがあります。
これらを上手く設定することで、より見やすいデザインにすることが出来るでしょう。

これはかなり極端な例ですが、左がmarginとpaddingを指定した場合で、右が何も指定しない場合です。
ここで言いたいのは、まとまりを区別するための余白(margin)とボーダーと文章の間に与える余白(padding)の両方が重要だということです。

例えば、当サイトの場合、上部ヘッダーとメイン部分、メニュー部分の間にそれぞれ余白(margin)が設定してあり、さらにメイン部分とメニュー部分のボーダーと文章の間にも余白(padding)が設定してあるのが分かると思います。
これを例のようにくっつけてしまうと、非常に見にくい(醜い)デザインになってしまいます。

サイトを作る際には、余白にも十分気を使ってレイアウトを考える必要があると言えるでしょう。