デザインの4つの基本原則の補足(整列)

今回は、デザインの4つの基本原則(整列の原則)の補足を行いたいと思います。

まだ、デザインの4つの基本原則(整列の原則)を読んでない方は、下のリンクからぜひ!

デザインの4つの基本原則の補足(整列)

上記の画像のように、整列とは、要素同士を、見えない線(画像では、わかりやすく赤い線を引いてます)で結び、揃えるということです。

これは、以前の記事で詳しく説明しています。

今回は、以前説明できなかったところをご紹介致します。

1.斜めに見えない線を引く

以下の画像のように、要素を斜めにし、見えない線を意識して、デザインすると、

要素が揃っていることでの『まとまり・安定感』、要素を斜めにしたことによる『動き』をデザインで表現出来ます。

2.ボックス内のズレも揃える

見落としてしまう箇所として、ボックス内のテキストが揃っていないということがあります。

以下の画像のように、1つ目のボックスは、テキストの上下の余白が明らかに違います。

そのため、読者は、1つ目のボックスには違和感を感じてしまうと思います。

なので、2つ目のボックスのように、上下の余白は均等にし、左右の余白もなるべく揃えるようにしましょう!

まとめ

・斜めに要素を配置する時も、見えない線を意識して揃える

・ボックス内テキストの上下左右の余白を揃える

今回は、デザインの4つの基本原則(整列の原則)の補足として解説していきました。

これからも、新しく学んだことでためになることは、共有させていただきます!

それでは、最後まで読んでいただきありがとうございました。