ウエブ・デザイナーズ・ティップス-詳細目次 | デザインってオモシロイ -MdN Design Interactive-
contents

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





twitter facebook このエントリーをはてなブックマークに追加 RSS

こんな記事も読まれています

この連載のすべての記事

アクセスランキング

6.3-6.9

MdN BOOKS|デザインの本

Pick upコンテンツ

現在