• Facebook
  • Twitter
  • RSS

月別

コツコツあつめるWeb作りのためのたね たねっぱ!Web系情報ブログ Webのお役立ちネタ配信中!

Webデザインの効率が上がる!便利なオンラインツール5選

投稿者アイコン

2018/04/20

書いた人:
rurippa!
カテゴリ:
Web制作   デザイン
1,061 views

Webデザインをする時に、知ってて便利なオンラインツールを紹介します!

Webデザインの効率が上がる!便利なオンラインツール5選


Webデザインをする時に、知ってて便利なオンラインツールを紹介します!

目次

オンラインツールのご紹介

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

inlinetool_img01

http://voidism.net/metallicratio/

黄金比や白銀比など、美しい比率を使いたい時にオススメ。
使いたいサイズを入力すると、それに合わせて自動計算してくれるのでお手軽です。

2.Gridpx:グリッドデザイン計算ツール | Webデザイン便利ツール

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

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

グリッド分割がカンタンに計算できます。
コンテンツ幅・カラム数・マージンを記入すればOK。

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

inlinetool_img03

https://placehold.jp/

お手軽にダミー画像を作れる有名サイト。
ダミー画像のURLも発行できるため、htmlに記載するだけでダミー画像を使用することも可能。
jpg、pngに対応。

4.Wordmark.it – Helps you choose fonts

inlinetool_img04

https://wordmark.it/

好きな文字を入力すると、PCに入っているフォントを使って一覧にしてくれます。
フォント探しで迷ってしまった時に使ってみてください。
気になったフォントだけを抜粋して表示することもできます!

5.Gridulator: Make pixel grids, lickety-split

http://gridulator.com/

http://gridulator.com/

グリッドデザインをする時に、カンタンにグリッドを作成できるツールです。
カラム数や、コンテンツ幅など自由に設定できます。
PNG書き出しも可能。

まとめ

有名なサイトが多いですが、どれも使いやすいものばかりです。
一度使ってみてはいかがでしょうか?


この記事を読んだ人はこんな記事も読んでいます

<

>