<內容簡介>
夏皮羅編著的《JavaScript網頁動畫設計》由業界最先進的動畫庫Velocity.js的作者所著,書中內容共分為8章,簡明扼要地總結了在網頁上使用動畫的技術技巧,讓讀者掌握如何有效利用動畫實現無與倫比的用戶體驗。具體內容包括:JavaScript動畫優勢,Velocity.js的利用,動畫工作流,文本動畫,SVG,動畫性能。
本書適合所有Web開發工程師和動畫設計師晉階學習。
<章節目錄>
第1章 JavaScript動畫的優勢
1.1 JavaScript動畫與CSS動畫
1.2 強大的性能
1.3 功能
1.3.1 頁面滾動
1.3.2 動畫反轉
1.3.3 基於物理的動效
1.4 易維護的工作流
1.5 小結
第2章 使用Velocity.js實現動畫
2.1 JavaScript動畫庫的種類
2.2 安裝jQuery和Velocity
2.3 使用Velocity:基礎知識
2.3.1 Velocity和jQuery
2.3.2 參數
2.3.3 屬性
2.3.4 值
2.3.5 鏈式操作
2.4 使用Velocity:選項
2.4.1 duration(持續時間)
2.4.2 easing(緩動)
2.4.3 begin(開始)和complete(完成)
2.4.4 loop(循環)
2.4.5 delay(延遲)
2.4.6 display(顯示)和visibility(可見性)
2.5 使用Velocity:其他功能
2.5.1 reverse(反轉)命令
2.5.2 scrolling(滾動)
2.5.3 color(顏色)
2.5.4 transform(變換)
2.6 使用Velocity:不用jQuery(中級技巧)
2.7 小結
第3章 動效設計理論
3.1 動效設計提升用戶體驗
3.2 實用
3.2.1 借鑒慣例
3.2.2 預覽結果
3.2.3 無聊時的消遣
3.2.4 用本能反應
3.2.5 使人對互動充滿慾望
3.2.6 體現重要性
3.2.7 減少同時發生的動畫
3.2.8 減少動畫種類
3.2.9 鏡像動畫
3.2.10 限制持續時間
3.2.11 限制動畫
3.3 優雅
3.3.1 不要華而不實
3.3.2 唯一華而不實的機會
3.3.3 考慮個性化
3.3.4 不要拘泥於不透明度動畫
3.3.5 將動畫拆分為多步
3.3.6 錯開動畫
3.3.7 從觸發元素處產生動畫
3.3.8 使用圖形
3.4 小結
第4章 動畫工作流
4.1 CSS動畫工作流
4.1.1 CSS的問題
4.1.2 什麼時候用CSS比較明智
4.2 代碼技巧:將樣式與邏輯分離
4.2.1 一般做法
4.2.2 優化做法
4.3 代碼技巧:組織排序動畫
4.3.1 一般做法
4.3.2 優化做法
4.4 代碼技巧:打包你的效果
4.4.1 一般做法
4.4.2 優化做法
4.5 設計技巧
4.5.1 定時乘數
4.5.2 使用Velocity動效設計器
4.6 小結
第5章 文本動畫
5.1 文本動畫的一般做法
5.2 為使用Blast.js實現動畫準備文本元素
5.2.1 Blast.js的工作原理
5.2.2 安裝
5.2.3 選項:delimiter(分隔符)
5.2.4 選項:customClass(自定義類)
Reference demo_5
In stock 297 Items
Data sheet