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

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

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

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

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

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

https://placehold.jp/

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

wordmark.it

http://wordmark.it/

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

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

http://voidism.net/metallicratio/

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

全角半角 変換ツール

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

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

まとめ

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