多くのデザイナーは、自分の作品が実際にどのように見えるかを見たいと考えており、それを生成する抽象的なコードを見たいとは思っていません。しかし、Macromedia Dreamweaver ( ; 2006年1月 ) やAdobe GoLive ( ; 2005年8月 ) といった多くのWYSIWYG Webデザインアプリケーションでは、デザイナーが望む通りのデザインを実現するために、少なくともHTML、CSS、JavaScriptの基礎知識を持っていることが求められます。その結果、プロのデザイナーはプログラマーのように考えたり、既成のテンプレートに頼らざるを得なくなったりすることがよくあります。
Softpress SystemsのFreeway 4 Proは、異なるアプローチを採用しています。コードを扱いたくないプロのデザイナーをターゲットとしたFreeway Proは、Webデザインアプリケーションの従来の手法を捨て去り、QuarkXPress ( ; 2005年3月 )やAdobe InDesign ( ; 2005年8月 )といった印刷に特化したプログラムに見られるレイアウト手法を採用しています。その結果、デザイナーがクリエイティブなアイデアを画面上で簡単に表現できるアプリケーションが誕生しました。
プロのデザイナーではない方には、Softpress の Freeway 4 Express(パッケージ版 99 ドル、ダウンロード版 89 ドル)もご利用いただけます。Express は、Web デザインのレイアウトを素早く行いたいものの、プロ版に搭載されている CSS レイアウトやドロップシャドウなどの特殊効果の追加といった高度な機能は必要としないホームユーザーを対象としています。
デザイナーのように考える
他のWYSIWYG Webデザインアプリケーションを使ったことがある方なら、Freeway 4 Proでまず気づくのは、Webサイトの扱い方でしょう。Freeway Proでは、サイトを一連の個別のページファイルとして表示するのではなく、サイトパネルに複数のページを含む単一のドキュメントとして表示します。このアプローチにより、個々のページを見つけて編集するプロセスが大幅に簡素化されます。さらに、サイトパネルでは、サイトにページを素早く追加したり、マスターページデザインを適用して基本的な外観を作成したり、必要に応じてページをカスタマイズしたりできます。
|
| Freeway Pro を使えば、Web サイト全体をまるで 1 つのドキュメントのように編集できます。(画像をクリックするとフルスクリーンのスクリーンショットが開きます) |
ページ上の好きな場所に要素をドラッグ&ドロップしたり、画像やテキストを重ねたりできます。Freeway Proは、HTMLテーブルまたはWebに適したCSSレイアウトを使用して、すべてのレイアウト計算を自動的に行います。プログラムは、選択したオブジェクトに関連するツールのみを表示するコンテキスト依存のインスペクタパレットを通じて、書式設定を制御します。
もちろん、Webは静的なコンテンツを表示するだけではありません。インタラクティブなメディアであり、Freeway Proはボタンのロールオーバーや新しいウィンドウの開きといった一般的なアクションをいくつか提供しています。また、SoftpressのWebサイトやサードパーティから追加のアクションをダウンロードすることもできます。Freeway Proの他の機能と同様に、これらのアクションを使用するためにJavaScriptの知識は必要ありません。
より良いコード
バージョン3(2000年9月)と同様に 、既存のCSSコードを含むWebサイトのインポートには依然として若干の問題があり、ページのスタイルが失われてしまいます。しかし、Freeway 4ではコード実装全体が大きく改善されています。Freeway Proで作成されたページは、XHTML TransitionalおよびCSS検証テストに見事合格しました。バージョン4のその他の改善点としては、ネイティブOS Xインターフェース(Carbonは廃止)や、HTMLテーブルに頼らない純粋なCSSレイアウトの使用など、CSS実装の改善が挙げられます。
Freeway 4は以前のバージョンと同様に、基盤となるコードへのアクセスや調整機能を提供していません。HTMLの複雑な仕様を扱うことに慣れた経験豊富なWebデザイナーにとっては、内部構造を確認できないのは不便でしょう。しかし、コードについて一切考えたくないグラフィックデザイナーにとっては、これはプラスのメリットとなります。
優れた画像処理
Adobe Illustrator ( ; 2005年8月 )、Photoshop ( ; 2005年8月 )、その他のグラフィックアプリケーション からファイルをインポートして作業を開始することもできますが、 Freeway Proで直接作業を開始することも可能です。このプログラムの最も優れた機能の一つは、画像の処理方法です。すべてのWebデザインアプリケーションでは、ページ上で画像を表示する場所を指定できますが、Freeway Proには、回転、傾斜、ミラーリング、さらには自由な形状の作成などができるツールが搭載されているため、多くのWebページで見られるような長方形の枠にとらわれないデザインを実現できます。
Freeway Pro には、ボタンやその他のコントロールを追加するためのシンプルな図形、グラデーション、その他のさまざまな視覚効果を簡単に作成できるツールも含まれています。
多くのデザイナーがWeb制作において直面するフラストレーションの一つは、書体の選択肢の少なさです。Freeway ProはWeb上のタイポグラフィの本質を根本的に変えることはできませんが、インストール済みのフォントを使ってグラフィック内にテキストを素早く作成し、視覚効果を追加して、出力用のグラフィックに変換することができます。
Macworldの購入アドバイス
DreamweaverやGoLiveなどのアプリケーションでHTMLコードをいじることに慣れている方にとって、Freeway 4 Proは使いこなすのに少し時間がかかるかもしれません。しかし、印刷業界出身で、コードの学習に抵抗があったり、Webデザインアプリケーションが使い慣れた通りに動作しないことに不満を感じていたりする場合、Freeway Proはまさにオンラインの世界であなたのビジョンを実現するために必要なツールとなるでしょう。
[ ジェイソン・クランフォード・ティーグはAOLのシニアユーザーインターフェースデザイナーであり、 『DHTML and CSS Advanced』 (Peachpit、2005年)など、Webデザインと開発に関する書籍を多数執筆しています。ジェイソンは自身のブログ 「webbedENVIRONMENTS」 で、テクノロジーと文化について定期的に論じています。]