今さら聞けない！Webデザインの定番とも呼べるレイアウト方法「グリッドレイアウト」の基本

画面を縦横で分断した"方眼のブロック"を組み合わせてコンテンツを作り上げていく、Webデザインの定番とも呼べるレイアウト方法を「グリッドレイアウト」と言います。 しかし、一口に「グリッドレイアウト」といっても「リキッドレイアウト」や「レスポンシブレイアウト」のようにグリッドレイアウトから派生したレイアウトも登場し、レイアウトの組み方も刻々と変わってきています。 そこで今回は、「グリッドレイアウト」の基礎をおさらいしながら、実際にどのようにレイアウトをしていくのかを見ていきます。 グリッドレイアウトとは グリッドレイアウト(グリッドデザイン、グリッドシステム)はホームページのデザイン手法の一つで、画面やページを縦横に分断する直線で格子状に分割し、これを組み合わせてブロック内の要素の大きさや配置を決定していく方法のことです。 特に、ページを方眼のように同じ大きさの正方形や長方形に分割し、これを

[academy0070]

Webレイアウトの基本