Design
グリッドシステム
見えない線に沿って要素をきれいに並べる手法。
定義
ページの中に見えない線(グリッド)を引いて、その線に沿って要素を整列させるデザインの手法。
なぜ必要か
線に沿って揃えることで、バラバラに配置するよりも整った印象になり、見る人にとって読みやすくなる。
現場での使い方
ページを縦にいくつかの列に分け、その列の幅に合わせて写真や文章を配置する。
よくある失敗
線を意識せずに配置してしまい、要素の端がそろわず、ちぐはぐな印象になる。
AIで活用する方法
レイアウトの案を作る際に、要素をきちんと整列させるための確認観点として使う。
実例
世の中の例
新聞や雑誌のレイアウトは、古くから決まった列(グリッド)に沿って写真や文章を配置することで、情報量が多くても整理された印象を保っている。