ここが違う！ Adobe Fireworksで軽快プロトタイピング

まとめ

　筆者はもともとPhotoshopでWebサイトのデザインをしていました。ページ数の少ないプロモーション型のサイトが多かったので、写真の加工やイメージの作成など、Photoshopの得意とする機能を使い、手に馴染んだツールとなっていました。

　ところがその後、ページ数の多いWebサイトやWebアプリケーションのUIデザインをするようになってからは、Fireworksでの作業に切り替えました。

　当時の社内での基本ツールがFireworksで最初は強制だったこともありますが、何よりも「ページ」が簡単に扱える点がそれまでになく便利だと感じたことが、今では自分のメイングラフィックツールがFireworksとなった大きな理由です。

　Photoshopでなければ作成できないような画像はそちらを利用しますが、限られた作業時間の中で幅広い種類のアウトプットを出していくために、現在はFireworksが自分にとってのベストチョイスとなっています。

付録：これからFireworksをはじめてみようというデザイナーの方へ

　Photoshopに比べると利用者人口は若干少なめで教本もあまり見かけることがありませんが、オンラインで利用できるチュートリアルやリソースサイトなどは数多く存在しますので、ぜひそちらを利用してみてください。

機能拡張

　デフォルトの状態でも情報設計からパーツの書き出しまでを行うことができるFireworksですが、Adobe社公式や個人が配布する「機能拡張」を追加することでより使い勝手が向上します。筆者は「ガイドパネル」や「Kuler」「LoremIpsum」などをよく利用しますが、公式サイトなどで自分に合った機能拡張を探してみるのも楽しいかもしれません。

• Fireworks Exchange（Adobe公式）
• johndunning.com（個人サイト）

チュートリアル（Adobe TV）

　Adobe TV内で閲覧可能なムービーチュートリアルです。

• Adobe Fireworksポータル（日本語）
• Adobe Fireworksポータル（英語）
• LEARN FIREWORKS CS5（日本語）
• Fireworks tips and tricks（英語）

素材配布サイト

　Fireworks用のスタイルやパターン素材を配布しているサイトなど。

• Ftg
  商用利用可能なテクスチャスタイルが数百種類も配布されています。
• ファイヤーワークスマニア
  スタイルやテクスチャ素材が配布されています。チュートリアルなども充実しています。

チュートリアル

　Fireworks用のチュートリアルやTipsなどが充実しているサイトなど。

• REDLINE MAGAZINE
  機能の拡張方法やTipsも満載です。
• Fireworks Bros.
  こちらもチュートリアル。Fireworks関連のサイト情報もあります。
• FireworksZone
  ツールの利用法やTipsのほかニュース記事なども掲載しています（欧文）。