第一章 新媒體動態(tài)設計概述 001
第一節(jié) 動態(tài)設計的發(fā)展歷程 002
一、動態(tài)設計的起源 002
二、動畫產(chǎn)業(yè)的崛起 002
三、動態(tài)設計的初步探索 003
四、移動設備和應用的崛起 003
五、動態(tài)設計的挑戰(zhàn)和前景 003
第二節(jié) 動態(tài)設計的基本概念 004
一、什么是動態(tài)設計 004
二、動態(tài)設計在新媒體中的應用 005
三、基本動畫技巧 006
第三節(jié) 新媒體動態(tài)設計的優(yōu)勢和應用 008
一、新媒體動態(tài)設計的特點 009
二、新媒體動態(tài)設計的優(yōu)勢 009
三、新媒體動態(tài)設計的應用 009
四、新媒體動態(tài)設計的設計要點 010
第四節(jié) 動態(tài)設計的設計元素和設計原則 010
一、設計元素 011
二、設計原則 011
三、迪士尼動畫的十二原則 012
第五節(jié) 常見動態(tài)設計軟件和工具 016
一、二維動畫軟件 017
二、三維動畫軟件 018
第六節(jié) 新媒體動態(tài)設計的發(fā)展趨勢和前景展望 019
一、技術驅(qū)動的創(chuàng)新 020
二、用戶體驗的重塑 020
三、跨媒體融合與互聯(lián)性 020
四、數(shù)據(jù)驅(qū)動 020
五、設計倫理與社會責任 021
六、可持續(xù)性設計 021

第二章 新媒體動態(tài)設計的創(chuàng)意構思 023
第一節(jié) 創(chuàng)意構思的流程和方法 024
一、常見的創(chuàng)意構思流程 024
二、 動態(tài)設計創(chuàng)意構思方法 025
第二節(jié) 設計思維的應用 026
一、用戶觀察與人性化設計 026
二、問題定義與原型測試 026
三、創(chuàng)新與品牌差異化 027
四、敏捷設計和快速迭代 027
五、跨學科合作 028
第三節(jié) 創(chuàng)意構思的案例分析 028
一、常見的網(wǎng)站動態(tài)設計的創(chuàng)意應用 028
二、可視化數(shù)據(jù) 029
三、交互游戲 030
四、藝術品展示 030
五、品牌與產(chǎn)品宣傳 031

第三章 新媒體動態(tài)設計的實現(xiàn)方法 033
第一節(jié) HTML 基礎與動態(tài)設計準備 034
一、HTML 簡介 034
二、HTML 的基礎結構 034
三、常用HTML 元素簡介 035
四、CSS 和JavaScript 與HTML 的互動 036
五、HTML5 新特性與動態(tài)設計 036
六、開發(fā)者工具與動態(tài)設計 036
第二節(jié) 使用JavaScript 制作動畫 037
一、JavaScript 及其在動畫制作中的角色 037
二、JavaScript 的基礎知識 037
三、使用JavaScript 進行DOM 操作 039
四、使用JavaScript 創(chuàng)建動畫 040
五、實戰(zhàn)：使用JavaScript 制作一個簡單的動畫 042
六、JavaScript 動畫的優(yōu)化 043
七、JavaScript 動畫庫 044
第三節(jié) 使用CSS 制作動畫 046
一、CSS 及其在動畫制作中的角色 046
二、CSS 基礎知識 046
三、初識CSS 動畫 047
四、深入理解CSS transition 049
五、深入理解CSS animation 051
六、CSS 動畫的優(yōu)化 052
七、CSS 動畫庫 053
第四節(jié) 使用動態(tài)設計軟件實現(xiàn)動態(tài)效果　　 055
一、 動態(tài)網(wǎng)頁設計工具概述 055
二、 Adobe Dreamweaver：綜合網(wǎng)頁設計工具 056
三、 Adobe XD：從靜態(tài)到動態(tài) 057
四、 Webflow：無代碼網(wǎng)頁動態(tài)設計 058
五、 跨平臺設計工具 059

第四章 動態(tài)設計在新媒體中的應用 061
第一節(jié) 動態(tài)設計在網(wǎng)頁設計中的應用 062
一、動畫效果 062
二、頁面轉(zhuǎn)場效果 066
第二節(jié) 動態(tài)設計在APP 設計中的應用 067
一、交互性元素 067
二、動態(tài)過渡效果 068
三、動態(tài)加載 069
四、導航菜單 071
五、數(shù)據(jù)可視化 074
第三節(jié) 動態(tài)設計在品牌形象設計中的應用 075
一、動態(tài)品牌標志 075
二、動態(tài)字體設計 076
三、動畫包裝設計 076
四、動態(tài)廣告設計 077
五、品牌的動態(tài)社交媒體營銷 077
六、虛擬現(xiàn)實和增強現(xiàn)實體驗 078

第五章 新媒體動態(tài)設計的優(yōu)化和測試 081
第一節(jié) 動態(tài)設計的優(yōu)化方法 082
一、硬件、軟件的優(yōu)化 082
二、關鍵幀動畫優(yōu)化 082
三、動畫合并 083
四、減少細節(jié) 084
五、素材優(yōu)化 085
六、預渲染和緩存 085
七、層次化動畫 086
八、質(zhì)量和性能平衡 087
第二節(jié) 動態(tài)設計的測試方法 087
一、觀察與分析 087
二、動作演繹 087
三、遵循動畫法則 088
四、用戶反饋與用戶交互 088
五、原型測試 089
六、提供優(yōu)雅降級方案 089
七、專家評審 089
第三節(jié) 動態(tài)設計的調(diào)整和改進 089
一、姿勢和動作的流暢性 089
二、時間和節(jié)奏 091
三、表情和姿態(tài) 092
四、造型優(yōu)化 094
五、特效和粒子效果 095
六、反饋和迭代 095

第六章 新媒體動態(tài)設計案例分析 097
第一節(jié) 網(wǎng)頁動態(tài)設計案例 098
一、菜單導航 098
二、頁腳設計 101
三、鼠標懸停 103
四、加載 105
第二節(jié) APP 動態(tài)設計案例 106
一、視覺反饋 106
二、按鈕點擊反饋 107
三、菜單展開和折疊 107
四、元素視覺引導 108
五、系統(tǒng)狀態(tài) 109
六、有趣的動效 109
第三節(jié) 品牌形象動態(tài)設計案例 110
一、標志設計的動態(tài)化 110
二、海報設計的動態(tài)化 112
三、表現(xiàn)形式的動態(tài)化 115
四、未來趨勢與挑戰(zhàn) 119

第七章 新媒體動態(tài)設計進階技巧 121
第一節(jié) 利用SVG 實現(xiàn)動態(tài)效果 122
一、SVG 入門 122
二、掌握SVG 基礎 122
三、SVG 顏色和樣式 123
四、SVG 變換和動畫 124
五、SVG 天氣圖標項目實戰(zhàn) 126
第二節(jié) 利用Canvas 實現(xiàn)動態(tài)效果 127
一、Canvas 入門 127
二、掌握Canvas 基礎 128
三、Canvas 顏色和樣式 131
四、Canvas 圖形變換 131
五、Canvas 事件和交互 132
六、Canvas 像素操作和性能優(yōu)化 132
七、Canvas 項目實戰(zhàn) 134
第三節(jié) 利用WebGL 實現(xiàn)動態(tài)效果 136
一、WebGL 簡介 136
二、WebGL 環(huán)境和基本語法 136
三、WebGL 圖形渲染基礎 139
四、WebGL 坐標系統(tǒng)和變換 139
五、WebGL 光照 143
六、WebGL 動畫和交互 148
七、 WebGL 性能優(yōu)化 150

參考文獻 152