意味
列、行、余白、間隔を組み合わせてつくる見えないガイドです。複数の面やページで使うと、要素の位置関係に一貫性を持たせやすくなります。
かんたんに言うと
要素の位置や幅を揃えるための、格子状の配置基準です。
具体例
制作の場面で考えてみましょう。
冊子の本文と写真を同じ列幅に合わせたり、展示パネルを一定の高さと間隔で揃えたりします。
理解のポイント
揃えること自体が目的ではありません。主役を引き立てるために一部をずらす選択もできます。
グリッド
Grid
要素の位置や幅を揃えるための、格子状の配置基準です。