0 本書入門

1 Edge Animate 快速入門

2 圖像製作與匯入

3 動畫設計

4 精鍊動畫效果並加入複雜度

5 加入基本互動性

6 嵌入媒體和進階互動性

7 發佈與自應性設計

序



　　Adobe Edge Animate是一套全新的工具軟體，而這套工具將會為網頁上所需要的動畫式、互動性，以及豐富內容的編輯工作，提供最完整的創作環境。透過HTML5、CSS3，和JavaScript的開放式最新瀏覽器標準為基礎的方式，你的Edge Animate作品就可以在不需要透過Flash Player、Silverlight、QuickTime，或者任何應用程式下載處理的方式下，順利地執行在桌上型電腦、智慧型手機，以及平板裝置上。



　　運用Edge Animate，你就能夠輕鬆地建構出動畫式橫幅廣告、動態網站，甚至是搭配JavaScript來製作出互動遊戲。



　　「時間軸」（Timeline）、「舞台」（Stage），和「元件庫」（Library）等面板，都是有經驗的Flash Professional使用者和動畫師所熟悉的設計工具。而他們將會搭配含有各種屬性設定的關鍵影格、加減速，以及巢狀動畫的方式，來把各種動態效果套用到圖片，以及文字和簡單造型之類的HTML元素上。此外，只要是有任何程式設計經驗的人，都可以透過內建的程式碼片段或者搭配JavaScript來加入互動性。在具備這些洗鍊且直覺的開發控制方式，以及平台獨立性的內容的情況下，Adobe Edge Animate絕對會大大地拓展你的創作領域。



　　選擇Adobe Edge Animate的理由？



　　Adobe Edge Animate象徵的是，互動與動態網頁內容發展上的一個新的里程碑。隨著HTML5標準逐漸被大量採用的情況，最新的瀏覽器現在都能夠在不需要安裝Flash Player之類的外掛程式（plug-ins）的情況下，進行豐富媒體內容的顯示工作。另外，在結合CSS3和JavaScript技術之後，Edge Animate就能夠讓使用者透過整合動畫和複雜互動性的方式，來創作出迷人的視覺效果和優異的使用者體驗。



　　然而，相對於HTML5、CSS3，和JavaScript技術的快速發展情況，市面上目前卻還沒有出現任何專為有創造力的專業人士所設計的專屬工具。徒手編寫程式碼來產生動態圖像和互動內容的方式雖然可行，但那樣的方式不但有點曠日廢時，而且對於習慣使用圖像式使用介面的設計師和動畫師來說，那種方式根本就是場苦刑。因此，Adobe Edge Animate將藉由提供直覺化介面和常見工具的方式，來為設計師和動畫師開啟一扇門－這當中包括了：造型製作工具、樣式化、轉場、精確排版，和字型選項，以及具備動態圖像用的關鍵影格控制介面的時間軸。這下，設計師和動畫師就可以把他們的心力，完全地發揮到設計和動畫作業上，而不是把時間耗費在繁瑣的程式碼編寫作業上。