H5+移動(dòng)營(yíng)銷設(shè)計(jì)寶典

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