時短でスイスイ!Webデザイン便利ツール4選

Webデザイン Webサービス

2017.08.25(Fri)

皆さま、こんにちは。デザイナーの櫻井です。
今回は、私がデザインをする時に利用している便利なツールをご紹介します。

gridulator

http://gridulator.com/

ボックスと余白の計算が、とても楽にできるツールです。
全体の横幅と分割する列数を入力すると、ボックスのサイズと余白の幅を一覧で確認できます。サンプル画像のプレビューや、ダウンロード(PNG)も可能です。

wordmark.it

https://wordmark.it/

パソコンにインストール済みのフォントの見栄えを、確認可能なツールです。
テキストボックスに文字を入力すると、結果を一覧で確認できます。黒背景に白文字で確認できる便利な機能もあります。

COLOR TOOL

https://material.io/color/

カラーパレットに悩んだ時に、ブラウザ上で色々試せるツールです。
「ACCESSIBILITY」タブを選択すると、パレット選択色(背景色)の白文字と黒文字の場合の可読性が確認できます。

tinypng

https://tinypng.com/

画像ファイル(jpg/png)を、圧縮・軽量化可能なツールです。
サイトの表示枠内(Drop your .png or .jpg files here!)に、対象のファイルをドロップ&ドラッグすると、ファイルがかなり最適化されます。

まとめ

デザイナーがおすすめするツール紹介、如何でしたか?
制作時間の短縮になる様々なツールがありますので、ぜひ利用してみてください!