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

Flash MX ウェブ・デザイナーズ・ティップス -詳細目次

2019.5.25 SAT

contents

Flash MX ウェブ・デザイナーズ・ティップス


はじめに
本書の使い方
著者プロフィール


Part1■Logo & Motion Typo ロゴ&モーションタイポ
TIPS 01 光のラインが走るタイトルロゴ
TIPS 02 スライドするアニメーションタイトル
TIPS 03 奥行きを感じさせる3Dタイトルアニメーション
TIPS 04 長いテキストが流れるモーショングラフィックス
HINT / 完成度をアップする円のアニメーション
TIPS 05 モーションブラーするロゴアニメーション
TIPS 06 シェイプトゥイーンを使ったカラーロゴアニメーション
HINT / テキストのシェイプトゥイーン
TIPS 07 スクリプトを使ったモーションタイポ


Part2■Button & Parts Design ボタン&パーツデザイン
TIPS 08 タグにマウスオーバーすると飛び出るボタン
TIPS 09 マウスの動きに連動して拡大縮小するドッグメニュー
TIPS 10 マウスオーバーで一瞬白く光るボタン
TIPS 11 マウスオーバーするとアイコンが切り替わるボタン
TIPS 12 カラフルでシンプルなプルダウンメニュー
TIPS 13 エレベーター風メニューボタン
TIPS 14 インスタンスのタイプ変更と透明ボタン
TIPS 15 キラリと光るスチールのアニメーションボタン


Part3■Navigation ナビゲーション
TIPS 16 順番にスライドしてくるナビゲーションバー
TIPS 17 JavaScirptを使ってウィンドウを開く
TIPS 18 loadMovieを使った疑似フレーム風インターフェイス
TIPS 19 ダブルクリックでポップアップするメニュー
TIPS 20 マウスオーバーでジャンプするキャラクタ・メニュー
TIPS 21 アニメーションのロールオーバーメニュー
TIPS 22 外部JPGファイルを読み込むギャラリー風インターフェイス


Part4■Visual Design ビジュアルデザイン
TIPS 23 ランダムに広がる波紋で背景の写真を動的に演出
TIPS 24 線がのびて拡大するスピード感のあるアニメーション
TIPS 25 描画メソッドによるリアルタイムなレーダーチャート描画
TIPS 26 文字がブラーしながら素早く出現する
TIPS 27 アルファを使った傷ついたフィルム表現
TIPS 28 動く背景を作る
TIPS 29 タイプライター風リンクページ
TIPS 30 ランダムに変化する背景画像


Part5■Interactivity インタラクティビティ
TIPS 31 マウスオーバーすると花に集まるムービー
TIPS 32 マスクを使ったトランジション効果
HINT / マスクで作るトランジション効果のバリエーション
TIPS 33 十字ボタンで動く箱形シンボル
TIPS 34 マウスに応じて速度変化するメニュー TIPS 35 フェードイン/アウトのプレゼンコンテンツ
TIPS 36 着せ替え人形
TIPS 37 マウスオーバーで加速するテキスト


Part6■Usability ユーザビリティ
TIPS 38 ファイルサイズやパーセントを表示するプリローダー
TIPS 39 LoadVarsオブジェクトによるTEXTファイルの読み込み
TIPS 40 外部mp3のストリーミングを再生するボタン
TIPS 41 外部テキストファイルで更新するダイアリー



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

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

この連載のすべての記事

アクセスランキング

5.23(昨日)

MdN BOOKS|デザインの本

Pick upコンテンツ

現在