オンラインで確認しながらグリッドの設計ができる -Grid Designer

Grid Designerは、確認しながらグリッドの幅・数、マージンなどが設計ができるオンラインサービスです。

Grid Designerのキャプチャ

Grid Designer

Grid Designerの画面では、「Columns:カラム数」「Pixels:全体の幅」「Gutters:カラム間の幅」「Margins:両横のマージン」を確認しながら、デザインの設計をすることができます。
それぞれの値は、数値を直接入力したり、右のボタンを使用して少しずつ調整することが可能です。

「Typography」を選択すると、実際にテキストを流し込んだ際にどのようになるのかを確認することもできます。

top of page

©2017 coliss