| 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ページ作成までを効率化/グラフィックウィザードでタイトル画面を大量生産/プラグインチェックのビヘイビア |
|