見出しやパラグラフの縦のリズムを大切にしたグリッドシステム -Gridlover

Post on:2011年11月15日

sponsors

ウェブページで使用する文字のスケールやリズムを設計するのに役立つGridloverを紹介します。

[ad#ad-2]

Gridloverでは下記の3点を調整し、見出しやパラグラフなどの縦のリズムを設計します。

Gridloverを起動するには、サイトの「Launch Gridlover」をクリックします。

クリックすると、元のページにグリッドが適用されます。

Gridloverを起動したところ

フォントのサイズ、行間、スケールはページ上部で調整できます。

[ad#ad-2]

右上の「Show CSS」をクリックすると、変更した値が反映されたスタイルシートが表示されます。

フォントの単位にpxを指定

フォントの単位にemを指定

フォントの単位はpx, emの他にも、これから利用されるであろうremにも対応しています。
remについて詳しく知りたい方は、下記ページをご覧ください。