カラム幅と余白を算出してくれる「Gridulator」

はじめに

デザインをする際に複数個のコンテンツや写真を並べて配置したい時が頻繁にあります。
全体の幅とカラム数は決まっているけど...余白とカラム幅はどれくらいがいいかな？となり、単純に計算すればいいのですが小数点が出ない数値を自分で算出するのが結構めんどうです。
グリッドレイアウトのジェネレーターは色々ありますが、等分するだけでいい！という場合は「Gridulator」をおすすめしたいです。
使い方はすごくシンプルで全体の幅とカラム数を入力するだけ、カラム幅と余白を算出してくれます。ウェブデザインに限らず、印刷物などのデザインや資料作りなどにも活用できます。

https://gridulator.com/

「Gridulator」の使い方

Overall Widthに全体の幅の数値を入力

# of Columnsにカラム数を入力

カラム幅と余白が一覧で表示されます。

「Preview」ボタンを押すと実際にレイアウトした時の印象も見られて便利です。「Make SVG」からプレビュー画像もダウンロードできます。