デザインの効率を上げる!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/

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

まとめ

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

The following two tabs change content below.
波塚浩平

波塚浩平

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

記事を気に入ったらシェアをしてね

  • twitter
  • facebook
  • google+
  • このエントリーをはてなブックマークに追加
  • Evernoteに保存
  • LINEで送る
  • twitter
  • このエントリーをはてなブックマークに追加
  • Pocket
ブログの読者になる
ブログの読者になると新着記事の通知を
メールで受け取ることができます。
読者登録はコチラ

関連記事

ワードプレスブログに画像挿入するための5つの基本

インファクト編集部 インファクト編集部

記事を読む

Googleアナリティクス「行動」の見方

インファクト編集部 インファクト編集部

記事を読む

PCでも簡単にできる!LINE@のログイン方法

山井海人 山井海人

記事を読む

TwitterでPCでもスマでも最適な画像サイズがあるんです!

今野 ちか 今野 ちか

記事を読む

メタタグって何?SEOに大切って本当?【初心者向け】

インファクト編集部 インファクト編集部

記事を読む

ブログの読者になる

ブログの読者になると新着記事の通知をメールで受け取ることができます。

読者登録はコチラ

文字サイズの変更

標準 拡大
インファクトベトナム語ブログ
すぐ使える!オススメのGoogleWebフォント20選

こんにちは!デザイナーの波塚です。会社からすぐそこの不忍の池周辺は

スマホや専用ソフトを使わずにロゴの背景を透明にする方法

おはようございます、名畑です。 今回は印刷物ではないですが写真にロゴを

コンテンツマーケティング・ブログのネタを調べる方法

インファクトの加藤です。 コンテンツマーケティング(ブログなどのオウ

【10倍売る人の文章術】課題図書|レビュー

コピーライティングとはキャッチコピーや広告文を作ったり、ブログにも

インハウスSEOの対策の仕方と効果を出すための方法とは?

こんにちは。WEB集客&メディア化アドバイザーの持田です。 今週は、