アラサー主婦のWEBデザイン奮闘記
投稿日：
みなさんはデザインのグリッドを決めるとき、計算はどうしていますか？
私はいちいち電卓で計算したりしていましたが、もっと瞬時に計算する方法はないかな？と思い、調べたら便利なサイトを発見しました！
Gridpxというもので、面倒なグリッド計算が簡単にできちゃいますよ。
使い方はとっても簡単です！
コンテンツの幅・カラム数・マージンの幅を入力すればよいだけです！
すると、自動で各カラム何pxで設定したらいいのかを計算してくれます。
余白の感じがどのようになるのか、見た目のイメージがすぐに出てくるので便利です。
かなりシンプルなツールですが、意外と作業の効率化に繋がると思うのでよかったら活用してみて下さいね。
執筆者：buchiko
関連記事
頻繁に開くアプリが決まっている場合、Macの起動と同時に開くように設定にしておくと便利です。 些細なことかもしれませんが、特にいつも決まったアプリを複数開いている方にとっては、手間が省けるようになるの …
こんにちは、ぶちこです。 私は今斜めグリッドのサイトのデザインに挑戦しているのですが、斜めの角度や、コンテンツ間の余白の取り方など、レイアウトがなかなか難しく苦戦中です。 そこで、斜めグリットの参考サ …
【Illustrator】矢印キーでの移動の距離がおかしくなった時の対処法
Illustratorを使用中、突然移動の距離がおかしくなってしまったことはありませんか？ 移動の距離が大きくなってしまって、ピクセルできっちり移動ができなくなった…という感じです。 私はこの現象を時 …
Webサイトのスマホ対応はWebサイト制作において、もはや必須要件となってきていますよね。 とはいえ、スマホに適したデザインを考えるのは難しく迷ってしまうことも多いのではないでしょうか。 そこで今回は …
ウェブサイトの配色を解析してくれる「Web Colour Data」
ウェブサイトを作る時、配色をどうするかも悩みどころの1つですよね。 そんな時は、ウェブサイトで使われている色を解析してくれるサイト「Web Colour Data」が便利です！ 制作するサイトの同業他 …
2019/10/18
【Illustrator】配置した背景透明のPSD画像に黒いラインが出てしまう時の対処法
2019/08/27
2019/08/23
2019/08/19
レトロ・ヴィンテージ風なベクター素材が揃った「Retro Vectors」
2019/08/07
ウェブサイトの配色を解析してくれる「Web Colour Data」