WEB制作、プロの無料サービス活用術 第1回

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

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



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





[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]
レイアウトに黄金比・白銀比を活用する
「レイアウトの小技」



COVER101

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


twitter facebook このエントリーをはてなブックマークに追加 RSS

▷こんな記事も読まれています

Recommended by