各要素の位置や間隔や大きさなどをそろえます。
画面を秩序をもって整理することで、要素同士に視覚的な繋がりが生まれるよ。
画面内に要素を配置するときに、いろんなところとの関係性を意識して配置します。
こんな感じで、見えない線でそろえられています。
要素同士が関係しあう見えない線を意識
極端ですが、こんなバラバラなものがあったとして…
フリーレイアウトで楽しさとか賑やかさを目的にすることってのもあるんですけど、今回はきほんなんで見やすさを目的として各要素の位置や間隔や大きさなどをそろえて整理してみます。
これは見えないラインで整理されています。
こんな感じね。
見開きのページがあったとしたら
こうじゃなくて…
こんなかんじで左右のページもあわせて、整列させるといいよ
そろえ方いろいろ
架空の名刺で考えると…
どのように整列させてるのかというと
整列させて、視覚的なつながりもたせるよ！
以上、デザインの4要素の「整列」の話でした。