
アドビ システムズ社
Dreamweaver & Fireworks
プロダクトマネージャー
Fireworks CS4は、パフォーマンスの向上、そして痒いところに手が届く数々の新機能、機能強化が含まれ飛躍的に品質向上を目指して開発が進められております。今日におけるRIA(リッチ・インターネント・アプリケーション)の開発におけるデザイナー・デベロッパーワークフローでは、Fireworksは無くてはならない存在になっております。そんなFireworks CS4のパブリック・ベータ版を体験してみてください。
現在ベータ版ですので、機能の中には正確に作動しない個所もございます。また、最終的な製品版では機能の仕様変更などがあるかも知れませんので、ご了承ください。
日本のwebグラフィック・デザインの現場にてインタラクティブなプロトタイプデザインをされている方は少ないかもしれません。今後益々、RIA(リッチ・インターネント・アプリケーション)の需要が高まっていく中、クライアントに静止画像のプロトタイプで説明するのでは余計に時間がかかったり、自分の意図するニュアンスをうまく伝えるのは難しくなってきております。入札コンペなどでライバルに差をつけるためには、インタラクティブなプロトタイプデザインの重要性は日々増しております。Fireworks CS4では、Adobe AIRのプロトタイプ・パケージの書き出し、Adobe Flex 3用のファイルの書き出し、PDFの書き出しが可能になり、一層皆様の表現の幅を広げることができます。
Fireworks CS4は、あなたの問題点を解決します。
Webサイトデザインの工程で、いきなりグラフィック・アプリケーションを立ち上げて絵を描き始めることはまずないでしょう。
クライアントと協議中にノートに書くラフな手書きのスケッチ、プレゼンテーション用のプロトタイプ画像、設計書用のワイヤーフレーム、そして実際にプロダクション作業にかかると、納品用の画像の制作などがあると思います。それぞれの工程のために違ったアプリケーションを使用したり、ファイルを1から作り直したりするのは、非常に非効率的です。
今回のFireworks CS4には、プレゼンテーション用に「Demo Current Document」、そして既存の「htmlへの書き出し」などがあります。ページ構成や、ワイヤーフレームについてクライアントからコメントを頂いたり、印刷書類を生成するのに便利な「PDFへの書き出し」が可能です。そして、最終的な納品用の画像では、Photoshopのファイルの読み込み、書き出し機能の強化が挙げられます。
「Demo Current Document」は、Fireworksのpngドキュメントでの複数のページからスライド画像とhtml、そして制御するswfファイルを自動的に書き出せます。ブラウザーで、再生、早送り、巻き戻しの制御が可能です。

Demo Current Document
インタラクティブなプレゼンテーションをしたい場合は、Fireworksのpngファイルに、ホットスポットを作成し、違うページにリンクを張れば、「Preview all pages in Browser」でプレビューを書き出すことにより、実際にクライアントにリンクのナビゲーションをお見せできるようになります。
勿論、「PDFに書き出し」したファイルにもそのリンク情報がそのまま残りますので、インタラクティブなプレゼンテーション資料をクライアントに配布も可能です。PDFでは、パスワード制御により、ファイルの印刷、編集制限もできるので、機密保持には重宝します。

PDFに書き出し
無料のAdobe Readerでも、PDFにコメントを付けられるのをご存知でしたか?
「PDFへの書き出し」ができることにより、EメールにPDFを添付して送り、先方にフィードバックのコメントを付けて頂いてEメールで送り返して頂き、修正するというワークフローも可能になりました。
クライアントからカラーマネージメントされたPhotoshopのPSDファイルを送られて来ることもあるでしょう。納品用のグラフィックファイルも、PSDファイルを要求されることもあるかもしれません。
Fireworks CS4は、PhotoshopのPSDファイル読み込みをより一層強化しております。まず、Photoshop、Illustratorでお馴染みのAdobeタイプエンジンを搭載しました。これにより、Photoshopでカーニングを調整したものがそのまま、Fireworksで表示できます。もちろんPhotoshopとほぼ同じアンチエイリアス効果も再現できますので、特に日本語の小さいフォントサイズの文字でも奇麗に表示できます。
それから、ICCプロファイルを埋め込まれカラーマネージメントされたPSDファイルを読み込んだ場合でも、きちんと色を再現し表示できるようになりました。
これらのプレゼンテーション、ワイヤーフレーム制作、PDFへの書き出し、Photoshop PSDファイルとの親和性の強化により、Fireworks CS4は、一度作ったファイルをどんどん熟成させて行くことにより無駄になる工程を大幅に減らし、作業効率を飛躍的に向上するのに貢献できるでしょう。
Fireworks CS4でデザインする上で、生産効率を向上する数々の新機能をご用意しました。それだけでなく、Fireworksは、使っていて心の底からワクワク楽しいツールです。ロジカルな部分での効率は計れますが、やはり人間生き物ですから、心理的な部分が効率に影響する部分も大きいのではないでしょうか?
今回のFireworks CS4の新機能には、「9-slice scaling tool」、「Smart Guides」、「Measure tool」などがございます。強化された機能には、「角丸」「Styles panel」「HTMLとCSSの書き出し」そして、「グラデーション」などがあります。

Measure tool
現在のFireworks CS3では、Flashでおなじみのシンボルを使い9スライスを設定して角の四隅のグラフィックに変更せずに、拡大・縮小できることは、迅速にプロトタイプを制作するのに便利になりました。

9-slice scaling tool
特に角丸の四角形をリサイズしても、角丸が崩れないので、一度使うと病みつきになってしまうツールです。角丸については、今までパーセントでしか指定できなかったですがpxで指定できるようになりました。
Fireworks CS4のツールパネルにある「9-slice scaling tool」は、シンボルに変換しなくても、ビットマップの画像も、ベクトルのオブジェクトも9スライスを指定して拡大・縮小ができるのです。
「HTMLとCSSの書き出し」は、スライスした画像に対し、Foreground又はBackground imageの指定が可能になりました。

HTMLとCSSの書き出し
共有ライブラリーに、ボタンやチェックボックスなどのコンポーネントがあり、コンタクトフォームのプロトタイプを作るのに便利なものが揃っております。HTMLで書き出し、Dreamweaverで編集するのにより効率が上がるでしょう。
「Smart Guides」は、オブジェクトをより迅速に簡単に思った通りのレイアウトを構成するのに頼もしい機能です。ちょうどよい塩梅にスナップするので、「お弁当箱に具を詰め込む」感覚でwebサイトのレイアウトデザインをお楽しみください。

Smart Guides
「Styles panel」は、フォルダ構成により制御がしやすくなり、スタイルを書き出してチームメンバーで共有することにより、一括した作業環境を構築することも可能です。
「グラデーション」では、グラデーションのハンドルをカンバス上でマウスでドラッグするとライブで描画されるので思った通りのグラデージョンを視覚的に確認しながら作ることができるので、大幅に時間を節約することができるでしょう。
これらの新機能、機能改善により、一層使いやすくなり、そして新たな使い方の増えた Fireworks CS4 パブリック・ベータ版を是非お試しください。
現在ベータ版ですので、機能の中には正確に作動しない個所もございます。また、最終的な製品版では機能の仕様変更などがあるかも知れませんので、ご了承ください。
森房 卓史(もりふさたかし)
アメリカ本社にてAdobe Illustratorの品質管理部から製品開発に携わり、Adobe InDesign, Illustratorのプロダクトマネージャーを経て、Illustrator CS3出荷後、Dreamweaver兼Fireworksのプロダクトマネージャーに就任。常に「お客様第一」を唱えつつ、品質改善、パフォーマンス向上、使い易さを最重視した製品作りを心がけています。