WEBデザイナーがスムーズに仕事を進めるための無料ツール一覧

useful tools striped by stripe generator

ウェブデザイナー、昔はデザインを作ってパーツを切り出して終わりという人が多かったようです。今でもある程度の規模の会社などは、デザイナー・コーダー・プログラマと分業で回しているようですが、小さな制作会社ですとそうはいかず、デザインもコーディングもphpやCMS構築なども!と、多岐にわたるスキルが要求されるようになってきました。

そのくらい重宝な人でないと、小さな会社では生きていけないのかもしれません。

WEB関連のスクールで講師をしていると、「大切なことは何か」ということより、技法に目が行く人が多くみかけられ、そこはサクっと済ませて、コンテンツをどう見せるか?というところに視点を移動していってもらいたいと思うこともしばしば。

実務になると多くの仕事をしていくわけですから、自動化とまではいかなくても、同じ結果が出るのであれば、便利なツールを使って作業を効率化し、よりクリエイティブな仕事に時間を割いたほうがいいではないかと考えます。

前回のgoogleの無料ツールとあわせて、実際に使ってみて良かった無料ツールを備忘録を兼ねて掲載します。

useful tools striped by stripe generator

Stripe Generator

http://www.stripegenerator.com/
サイトの背景画像、たとえば斜めの線でリピートさせたりするときにラインをしっかり引くのは結構厄介。フォトショップのパターンに入れたりするケースも多く、デザインの幅を広げる手助けになります。
ラインのカラーと背景色を決めれば、さくっと小さな画像を作ってくれます。

stripe generator

Golden Ratio Calculator

http://goldenratiocalculator.com/
黄金比自動計算サイト。画像制作などをしていて、サイズがどうもしっくりこない・・・。そんなときは一度黄金比や白銀比でレイアウトしてみるのもいいかと思います。

ちなみにこの写真がほぼ黄金比1:1.618
golden ratio

CSS3 Generator

http://css3generator.com/
CSS3を数値入力していけば自動で書き出してくれる人気のサイト。グラデーションなどは色の適用を決めるまでがデザイナーの仕事。あとは自動でやってもいいのではないでしょうか。

CSSGenerator

Ultimate CSS Gradient Generator

http://www.colorzilla.com/gradient-editor/
もうほとんどフォトショップ感覚でグラデーションを作成できるCSS3必須ツール。スマートフォンサイトのボタン作りなどには欠かせません。

Ultimate CSS Gradient Generator

Font comparer

http://www.fontcomparer.com/
多くのウェブフォントを一括で見比べ出来て、googleWEBフォントのリンクもCSSも書き出してくれるサイト。自分で入力しよう考えている文字を入力すると、その文字を適用したプレビューが出てきます。超便利。
フォント比較

IE TESTER

http://www.my-debugbar.com/wiki/IETester/HomePage
もうIEって文字見ただけで少しだけイラっとする。そのIEのバージョンごとの違いを比較して表示してくれるもの。

IE Tester

Adobe BrowserLab

https://browserlab.adobe.com/ja-jp/
こちらはアドビが作ったブラウザチェックソフト。様々なブラウザタイプでの簡単なプレビューが可能です。

Adobe BrowserLab

The W3C Markup Validation Service

http://validator.w3.org/
言わずと知れたW3Cのhtmlバリデータ。時間帯によってとても重いのは利用者が多いのだろうか?

The W3C Markup Validation Service

XENU

http://home.snafu.de/tilman/xenulink.html
優れものリンクチェッカー。ルートを指定するだけで、全てのページのリンク切れだけではなく、画像のリンク切れ、JavaScriptやCSSや背景画像、様々なリンク切れのチェックをしてくれます。

Xenu

SEOチェキ

http://seocheki.net/
検索順位やリンク数などSEOに重要な項目をチェックできます。ただ、SEOが完了する!のではなく、そのデータをもとにサイト内のキーワードなどの再検討する際に便利かと。

SEOチェキ

検索順位チェックツールGRC

http://seopro.jp/grc/
ダウンロードして使うタイプの順位チェックソフト。グラフ化された推移表が感覚的で使いやすい。

GRC

このほかにも多くの無料ツールがあると思いますので、自分が使いやすいツールを活用させてもらい、作業の効率化を図れればと思います。
また、お薦めのツールなどがございましたら、ぜひお知らせください。

コメントを残す

メールアドレスが公開されることはありません。