作業効率がアップする隠れた使い方教えます！

WEB制作、プロの無料サービス活用術
──デザインに使えるツール（1）

クラウド隆盛の昨今、ソフトウエアと同等か、それ以上に便利な機能を持ったオンラインサービス／ツールが豊富に取りそろってきた。本記事では、オンラインサービスの中でも無料利用が可能なものを選りすぐり、Web制作を6つのシーンに分類してより快適に作業するための 82の活用術の中から、Web制作に使えるデザインに特化した無料オンラインツールの活用法を13点紹介する。デザインの幅を広げ、Webサイトの質を高める実践方法を試してほしい。


Tweet


[technique 01]
オンラインで本格的な画像編集をする
「pixlr」

[technique 02]
繰り返し用の背景画像を作成する
「Tiled backgrounds designer」

[technique 03]
カラーパターンを作成しアプリケーションで活用する
「Color Match」

[technique 04]
ビットマップ画像をベクターデータに変換する
「Vector Magic」

[technique 05]
アカウント不要の画像編集ツールを扱う
「Aviary Phoenix」

[technique 06]
グリッドレイアウトを正確にすばやく設計する
「Grid Designer 2」

[technique 07]
写真に含まれる色のカラーパレットを生成する
「Pictaculous Tool PunyPNG」

[technique 08]
読み込み中……を表すローディングアイコンをつくる
「Ajax loading gif generator」

[technique 09]
プロトタイピングをもっと効率的にする
「Mockingbird」

[technique 10]
画像を劣化させずに容量を削減する
「PunyPNG」

[technique 11]
カラージェネレーターでカラーパレットを作成する
「Color Scheme Designer」

[technique 12]
レイアウトに黄金比・白銀比を活用する
「レイアウトの小技」




本記事は『web creators』2010 vol.101からの転載です。本特集全記事は誌面で読むことができます。
月刊『web creators』掲載記事号の情報はこちら！＞＞＞