Webデザインの効率が上がる！便利なオンラインツール5選
：Webデザインをする時に、知ってて便利なオンラインツールを紹介します！
Webデザインをする時に、知ってて便利なオンラインツールを紹介します！
目次
- 1.METALLIC RATIO ／ 貴金属比 [黄金比・白銀比などを計算]
- 2.Gridpx：グリッドデザイン計算ツール | Webデザイン便利ツール
- 3.Placehold.jp｜ダミー画像生成 モック用画像作成
- 4.Wordmark.it – Helps you choose fonts
- 5.Gridulator: Make pixel grids, lickety-split
- まとめ
オンラインツールのご紹介
1.METALLIC RATIO ／ 貴金属比 [黄金比・白銀比などを計算]
http://voidism.net/metallicratio/
黄金比や白銀比など、美しい比率を使いたい時にオススメ。
使いたいサイズを入力すると、それに合わせて自動計算してくれるのでお手軽です。
2.Gridpx：グリッドデザイン計算ツール | Webデザイン便利ツール
http://www.kenjisugimoto.com/gridpx/
グリッド分割がカンタンに計算できます。
コンテンツ幅・カラム数・マージンを記入すればOK。
3.Placehold.jp｜ダミー画像生成 モック用画像作成
お手軽にダミー画像を作れる有名サイト。
ダミー画像のURLも発行できるため、htmlに記載するだけでダミー画像を使用することも可能。
jpg、pngに対応。
4.Wordmark.it – Helps you choose fonts
好きな文字を入力すると、PCに入っているフォントを使って一覧にしてくれます。
フォント探しで迷ってしまった時に使ってみてください。
気になったフォントだけを抜粋して表示することもできます！
5.Gridulator: Make pixel grids, lickety-split
グリッドデザインをする時に、カンタンにグリッドを作成できるツールです。
カラム数や、コンテンツ幅など自由に設定できます。
PNG書き出しも可能。
まとめ
有名なサイトが多いですが、どれも使いやすいものばかりです。
一度使ってみてはいかがでしょうか？