|
|
“The Missing Manual系列可說是我讀過最有見地、最實用的系列書籍了…”
—Kevin Kelly, Wired 之共同創辦人
書架上不能沒有的一本書
答案就在這裡！
想要利用熟悉的 Adobe 功能，為 iPhone、iPad 及網路製作動畫圖形嗎？找這本書就對了！本書針對如何利用 Adobe 的視覺工具建置 HTML5 圖形，提供了詳盡說明。沒有程式編寫經驗嗎？沒問題。Adobe Edge Animate 全數為你代勞，有了這本書，就能立即設計出吸引人的網路元件。
你不可不知的重要訣竅
．躍入動畫世界：徹底掌握 Animate 的元件、屬性和時間軸面板。
．任何尺寸都完美：發佈響應式網頁，使其因應各種螢幕、平板電腦或智慧型手機，自動調整版面。
．圖形的創建與匯入：利用 Animate 的工具建立圖形，或是使用其他軟體建置的作品。
．文字妙用多：建立功能表、標籤按鈕，以提供指示和執行其他任務。
．賦予互動性：運用觸發器和動作，讓使用者擁有其網路經驗的掌控權。
．動手玩味JavaScript：調整程式碼以自訂專案。
作者簡介
Chris Grover
擔任技術撰寫人、廣告文案和產品公關，已逾25年。Chris是Bolinas Road Creative的負責人，該機構協助中小企業宣傳產品和服務。他同時也是 Flash CS6：The Missing Manual 及 Office 2011 Macintosh：The Missing Manual 等書的作者。
不可或缺的功臣
前言
第一部： 作業舞台上的點點滴滴
第一章： 介紹 Adobe Edge Animate
建立並儲存 Edge Animate 專案
Animate 工作區導覽
動畫建立初體驗
第二章： 建立圖形並製成動畫
設定作業舞台
檢視作業舞台
運用 Animate 繪製圖形
元件的對齊、均分和排列
矩形動畫應用
圓角矩形：比看起來更深奧
新增圖形下陰影
裁切所需之處
匯入圖形
開啟∕關閉：另一種顯示和隱藏元件的方法
第三章： 新增文字並設定格式
新增文字至專案
變更文字特有的屬性
使用網路字體
變更其他文字屬性
裁切文字邊緣
讓大標題轟然落下
範本的應用
新增彈跳特效
新增連結至文字
Animate 中的 HTML 標籤
第二部： 用 Edge Animate 製作動畫
第四章： 學習時間軸與轉場特效技巧
時間軸介紹
瞭解元件的時間軸控制項
時間軸鍵盤快速鍵的運用
建立轉場特效
製作幻燈片帶動畫
逃離時間軸的幽閉恐懼症
第五章： 觸發動作
元件、觸發器和動作
觸發其他元件的動作
作業舞台及時間軸的觸發器和動作
時間軸的觸發器及其技巧
再訪投影片播放專案
非線性思考與設計
時間軸按鈕控制項
iPhone 和 Android 的觸發器
第六章： 巧妙運用符號
關於符號
利用符號建構動畫
將符號巢套至符號中
符號時間軸的運用
將作業舞台上的符號製成動畫
利用滑過變換動作建立按鈕符號
在專案間移動符號
建構下拉式選單系統
利用滑過變換動作建立文字標註
第三部： Edge Animate 與 HTML5 和JavaScript
第七章： 運用基本 HTML 和 CSS 製作動畫
讀懂HTML文件
讀懂 CSS 檔案
讀懂 Animate 創建的 HTML
以 Animate 開啟 HTML 文件
將構圖置於 HTML 文件中
將 Animate 構圖置中
在同一頁面設置兩個構圖
第八章： 用 JavaScript 和 jQuery 操控動畫
JavaScript 和 jQuery 歷史沿革極簡版
逐行探索 Animate 建立的 JavaScript
JavaScript 和 jQuery 基本知識
jQuery 的選取法則
「this」和「sym」皆是特殊文字
第九章： 有用的 JavaScript 技巧
更多顯示與隱藏的技巧
在 Animate 中置換影像
識別並更改元件與符號
識別符號內的元件
播放符號的時間軸
條件敘述的運用
第四部： 發布 Animate 構圖
第十章： 發布響應式網頁
新增背景圖片至構圖和元件
創建響應式設計
為構圖建立預載畫面
舊版瀏覽器的相容性處理
以網頁形式發布構圖
第五部： 附錄
附錄 A： 安裝步驟及說明
Edge Animate 系統需求
安裝 Edge Animate
解除安裝 Edge Animate
尋求幫助
附錄 B： 功能表說明
File（檔案）
Edit（編輯）
View（檢視）
Modify（調整）
Timeline（時間軸）
Window（視窗）
Help（說明）
索引
