●"01 認識H5與廣告1.1 傳統廣告怎麼了?\\ 4聊點傳統廣告的事兒 \\ 4傳統廣告如今還是行業大佬麼? \\ 6那麼,傳統廣告會被打敗麼? \\ 81.2 H5究竟是什麼? \\ 10“H5=HTML5”是否可以成立? \\ 12“H5=微信網頁”是否可以成立? \\ 13“H5=移動PPT\\APP”又是否可以成立? \\ 14那麼H5究竟是什麼? \\ 15了解定義的作用 \\ 171.3 H5與未來數碼設計\\ 18超媒體是什麼? \\ 19那麼超媒體的 “非線性” 又是什麼樣子? \\ 21超媒體的具體特征 \\ 22超媒體實現的4個條件 \\ 23H5是超媒體麼? \\ 251.4 一個水果的比喻,讓你認識H5的優勢\\ 27水果是否有營養價值 \\ 27水果是否新鮮,好喫 \\ 28水果的成熟周期 \\ 30水果是否物美價廉 \\ 3202 設計流程與規範技巧2.1 H5 的設計流程 \\ 36 目前H5 在設計方法上可以籠統地劃分為三大類型 \\ 36 了解需求,選好方向 \\ 38 確定表現形式 \\ 40 設計表現 \\ 42 開發執行階段 \\ 43 數據總結分析 \\ 45 2.2 H5 常用設計工具箱 \\ 48 H5 設計師使用工具 \\ 48 H5 動效展示工具 \\ 51 H5 設計生成工具 \\ 53 H5 常用輔助設計工具 \\ 57 2.3 H5 頁面尺寸設計注意事項 \\ 58 03 H5 的設計方法3.1 認識H5 的原型圖 \\ 66 什麼是原型圖 \\ 66 H5 的原型圖 \\ 67 H5 原型圖應具備的因素 \\ 70 原型圖存在的作用 \\ 72 3.2 把握好H5 設計的表現力 \\ 73 視覺氣氛(傳遞情感) \\ 73 形式感(打動用戶的重要方法) \\ 79 參與感(H5 設計的爆點) \\ 82 3.3 H5 頁面的版式設計要領 \\ 86 H5 與平面設計的版式到底哪裡不同? \\ 86 要如何應對H5 版面設計? \\ 89 3.4 H5 的文字設計 \\ 103 設計師!你需要重新認識文字 \\ 103 改變你的排版習慣 \\ 112 H5 的標題設計 \\ 115 3.5 H5 的動效設計 \\ 124 關於動效,你要清楚一些事情 \\ 124 在H5 ,我們可以實現哪些動效? \\ 139 動效在H5 的一些實際運用 \\ 146 3.6 H5 的聲效設計 \\ 154 你一直在忽略聲音 \\ 154 聲音的3 個類別 \\ 156 H5 的背景音效 \\ 157 H5 的輔助音效 \\ 1 一些采樣常識 \\ 16604 H5 的精品案例精品案例 4.1 大眾點評—我們之間就一個字 \\ 176 精品案例 4.2 LPI—夢幻H5 \\ 189 精品案例 4.3 尋龍訣一起來尋龍摸金,活蒸大粽子 \\ 202 精品案例 4.4 騰訊遊戲—眾粉絲哭倒?吳亦凡圓寸疑為入伍做準備 \\ 214 精品案例 4.5 阿迪達斯—羅斯絕不凋零 \\ 228 精品案例 4.6 大眾點評—你一身的渴望,我們從頭開始滿足你! \\ 239 工具類精品案例 4.7 工具類精品案例—手機有話對你說 \\ 252 05 H5 的內容訪談魚臉互動Fish Face 專訪內容(節選)\\ 265 UID WORKS 專訪內容(節選)\\ 268 LxU 專訪內容(節選)\\ 270 LPI 良品互動 專訪內容(節選)\\ 272 W 上海 專訪內容(節選)\\ 274 騰訊TGideas 專訪內容(節選)\\ 278 搜狐新聞 專訪內容\\ 280 萬達集團 專訪內容\\ 283 iH5 專訪內容\\ 286 甲本 專訪內容\\ 290 致謝/ 293 "