Blog

グリッドデザイン時の計算に便利なサイト「Gridpx」

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-27-1-51-01

webサイトのデザインをする時に、グリッドレイアウトのデザインを作成することがあります。

横幅は○○ピクセルで、マージンはどのくらい空けるか、
3カラム、4カラム、5カラム、どうするかみたいなことを考える時、
たまに電卓を使用して、それぞれ何ピクセルだとぴったり収まるか試行錯誤することがあります。

地味にめんどくさかったりするので、なにか良いツールないかと探したらありました。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-27-1-51-01

Gridpx:グリッドデザイン計算ツール | Webデザイン便利ツール

使い方は簡単です。(というかそもそもがそんなに難しいことではないんですが…笑)
・コンテンツの幅
・カラム数
・マージンの幅

を入力すると、
各カラムを何pxで設定したらいいか計算してくれます。

シンプルなツールですが、地味に便利です!!

Author Profile

abe
abe
アベと申します。 ディレクター兼デザイナー兼コーダーです。 まだまだ未熟者ですが、日々頑張っています。。。
» 投稿一覧
  • Launch Cart次世代ECサイト構築システム 初期月額無料
  • LaunchMovie ECに特化した動画制作サービス

Archive

ページTOPへ