Dreamweaver & Fireworks MX
ウエブ・デザイナーズ・ティップス
part1 Button & Parts/ボタン&パーツデザイン
○ を描くアニメーション/細くなる(かすれていく)罫線/ビーコン・アニメーション・ボタン/マウスオーバーでクルっと回るボタン/Photoshopプラグインでライブエフェクト/記号テキストで作るメタル系パターン/角丸の処理になったテキストエリア/ベベルをきれいに表現する
part2 Logo Design/ロゴデザイン
グラデーションロゴでタイトルを華やかに/Fireworksのコマンドで作る/曲線の点線を描いて作成するロゴマーク/Fireworksで作成する手描き風のロゴ/きらめく虹のアニメーションロゴ/スタイル利用でジーンズテイスト/電光掲示板風ボタン/クレイのような質感のロゴ/フォントを使わず立方体で作るCubeなロゴ/プラモデルのランナーつきパーツ風ロゴ/カプセル薬で作るロゴ/システムフォントのロゴに一工夫
part3 Visual Design/画像加工
マスクなしで作成するビネット効果/Fireworksでの切り抜きはベジェマスクで/コントラストでみせるページデザイン/色の変化するモザイクパターン/フレームセットを使ったピアノメニュー/画像に水平線テクスチャを重ねてクールなイメージに
part4 Navigation & Interface/
ナビゲーション&インターフェイス
新聞紙をスキャンして作る新聞風インターフェイス/Mac OS9 のコントロールバーに似たメニューを作る/ドラッグできるコントロールパネル/シャドウと色設定でページに立体感を生み出す/ランダムに表示されるニュースヘッドライン/ポップアップメニューのバックグラウンドのカスタマイズ/横型のポップアップメニュー/ポップアップするタブで文字通りポップを演出/マウスオーバーするとカラーになる画像ボタン/写真に矩形を透かして文字を乗せる/CSSで背景をレイヤー風に扱う/写真に矩形を透かして文字を乗せる/料理などの美味しさを感じさせるメニュー/伸び縮みする影付きテーブル
part5 Interactive/インタラクティブ
レイヤーの表示・非表示でページ内容を変更する/サイトの階層構造を表示するナビゲーション/レイヤーを表示/非表示させて動かすプルダウンメニュー/CD をドラッグし、取り出して聞く音楽プレーヤー/自分の名前の入った名刺を表示/クイズに正解すると伸びていく得点バー/ビヘイビアを使ったポップアップウィンドウの挿入/電気スイッチで劇的に変化するページ/拡張機能を追加してページ上に時計を付ける/スワップイメージで切り替える日本語/英語画面
part6 Usability/ユーザビリティ・効率化
Dreamweaverでファイルの収集を行う/ウィンドウサイズに応じて移動するナビゲーションバー/Fireworksのスライス機能でWebページ作成までを効率化/グラフィックウィザードでタイトル画面を大量生産/プラグインチェックのビヘイビア