“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(說明)
索引
不可或缺的功臣
前言
第一部: 作業舞台上的點點滴滴
第一章: 介紹 Adobe Edge Animate
建立並儲存 Edge Animate 專案
Animate 工作區導覽
動畫建立初體驗
第二章: 建立圖形並製成動畫
設定作業舞台
檢視作業舞台
運用 Animate 繪製圖形
元件的對齊、均分和排列
矩形動畫應用
圓角矩形:比看起來更深奧
新增圖形下陰影
裁切所需之處
匯入圖形
開啟/關閉:另一種顯示和隱藏元件的方法
第三章: 新增文字並設定格式
新增文字至專案
變更文字特有的屬性
使用網路字體
變更其...
購物須知
退換貨說明:
會員均享有10天的商品猶豫期(含例假日)。若您欲辦理退換貨,請於取得該商品10日內寄回。
辦理退換貨時,請保持商品全新狀態與完整包裝(商品本身、贈品、贈票、附件、內外包裝、保證書、隨貨文件等)一併寄回。若退回商品無法回復原狀者,可能影響退換貨權利之行使或須負擔部分費用。
訂購本商品前請務必詳閱退換貨原則。