デザインの効率を上げる!WEB デザインに便利なツール5選

こんにちは!波塚です。WEB制作をする際に人それぞれいつも使っているツール等あるかと思います。
今回は私がWEBデザインをする際に使っている便利ツールを5つ紹介します。

目次

  • Gridpx:グリッドデザイン計算ツール
  • Placehold.jp|ダミー画像生成 モック用画像作成
  • wordmark.it
  • METALLIC RATIO / 貴金属比 [黄金比・白銀比などを計算]
  • 全角半角 変換ツール
  • まとめ

 

Gridpx:グリッドデザイン計算ツール

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

http://www.kenjisugimoto.com/gridpx/

グリッドデザインをするときの必須ツールです。全体の幅からグリットの数を指定、グリッド間の余白等も指定できるのでとても便利です。

Placehold.jp|ダミー画像生成 モック用画像作成

Placehold_jp|ダミー画像生成_モック用画像作成
https://placehold.jp/

WEBサイトのワイヤーフレームを制作するときに大活躍のツールです。サイズが表示されたダミー画像をカンタンにつくることができます。
バナー等でよく使うサイズなども選択するだけなので使い勝手がとても良いです。

wordmark.it

wordmark_it_-_helps_you_choose_fonts_

http://wordmark.it/

PC内のフォントを一覧表示して確認できるサイトです。フォントにこだわるのは大切ですが、ついつい選ぶのに時間をかけてしまう方には必須ツールです。

METALLIC RATIO / 貴金属比 [黄金比・白銀比などを計算]

METALLIC_RATIO_/_貴金属比__黄金比・白銀比などを計算_

http://voidism.net/metallicratio/

美しい比率といわれる黄金比をカンタンに確認できるサイトです。画像の大きさに迷ったときはコレ!
画像の大きさはその都度デザインによって様々ですが、おおまかでも美しい比率を把握しておくといざ迷った時の助けになります。

全角半角 変換ツール

全角半角_変換ツール

http://so-zou.jp/web-app/text/fullwidth-halfwidth/

全角文字と半角文字を相互変換できるサイトです。受け取った資料などのテキストに半角文字などが混じっていたときなどに活用しています。

まとめ

あると便利なサイトばかりです。ちょっとしたことでも使い慣れれば大きな時間短縮にもなるのでぜひ活用下さい!

  • シェア
  • twitter
The following two tabs change content below.
Avatar photo

波塚浩平

デザイナー&コーダー株式会社インファクト
デザイナーの波塚です。昔からものづくりが好きで、なんでも自分でつくりたくなってしまうことが多いです。好きな言葉は「若いときに流さなかった汗は、老いてから涙となって返ってくる」です。後で後悔しないよう、今を全力で突き進みます!
  • twitter
  • このエントリーをはてなブックマークに追加
PAGE TOP
LINE it!