Invisible Structure

優れたデザインには、見えない「骨組み」があります。グリッドシステムと余白のルールを学びましょう。

Show 8pt Grid Show 12-Col Grid

Content aligned to grid.

Consistent spacing (16px/24px).

Visual rhythm created by grid.

画面解像度の多様化に対応するため、多くのデバイスサイズが8で割り切れることを利用したルールです。余白やサイズを8の倍数（8, 16, 24, 32...）にすることで、一貫性と実装の効率性が向上します。