定 價(jià):¥79.00
作 者: | 蘇杭(小呆) |
出版社: | 人民郵電出版社 |
叢編項(xiàng): | |
標(biāo) 簽: | 暫缺 |
ISBN: | 9787115498519 | 出版時(shí)間: | 2019-04-01 | 包裝: | 平裝 |
開本: | 16開 | 頁(yè)數(shù): | 字?jǐn)?shù): |
第 1章 重新認(rèn)識(shí)H5 13
1.1 H5是什么 14
1.1.1 H5真的就是手機(jī)PPT嗎? 14
1.1.2 原來(lái)H5只是一個(gè)“洋外號(hào)” 15
1.2 H5的各項(xiàng)特征 17
1.2.1 H5現(xiàn)階段的應(yīng)用領(lǐng)域 17
1.2.2 H5目前的應(yīng)用形式 20
1.2.3 H5能實(shí)現(xiàn)的功能 21
1.2.4 H5的優(yōu)勢(shì)與不足 23
第 2章 了解H5設(shè)計(jì)的工具和規(guī)范 29
2.1 H5設(shè)計(jì)要經(jīng)歷的流程 30
2.1.1 認(rèn)真了解需求 31
2.1.2 做設(shè)計(jì)規(guī)劃 31
2.1.3 有計(jì)劃地設(shè)計(jì) 32
2.1.4 利用工具制作H5 33
2.1.5 體驗(yàn)與測(cè)試 33
2.1.6 總結(jié)分析數(shù)據(jù) 33
2.2 關(guān)于H5,你不可不知的工具 35
2.2.1 制作H5的常用工具 35
2.2.2 制作H5最常用軟件 38
2.3 H5設(shè)計(jì)要特別注意的規(guī)范 41
2.3.1 選擇瀏覽器 41
2.3.2 常用設(shè)計(jì)尺寸 42
2.3.3 H5響應(yīng)式特征 43
2.3.4 頁(yè)面“安全區(qū)” 45
第3章 怎么獲得高質(zhì)量的素材 49
3.1 H5案例素材在哪里找? 50
3.1.1 資訊網(wǎng)站 50
3.1.2 資訊自媒體 53
3.2 獲得圖片與設(shè)計(jì)素材 53
3.2.1 綜合類素材庫(kù) 54
3.2.2 付費(fèi)類素材庫(kù) 54
3.2.3 國(guó)外素材庫(kù) 54
3.2.4 圖標(biāo)類素材庫(kù) 55
3.2.5 素材庫(kù)的素材庫(kù) 55
3.2.6 教你尋找圖片出處 56
3.3 H5字體素材 57
3.3.1 優(yōu)質(zhì)字體素材 57
3.3.2 特殊字體素材 58
3.3.3 實(shí)用字體推薦 59
3.4 H5音效素材 61
3.4.1 云音樂搜索平臺(tái) 61
3.4.2 免費(fèi)音效素材庫(kù) 62
3.4.3 版權(quán)音效素材庫(kù) 63
第4章 H5的策劃技巧 65
4.1 了解移動(dòng)端用戶習(xí)慣 66
4.1.1 畫面尺寸差異 66
4.1.2 閱讀習(xí)慣差異 66
4.1.3 場(chǎng)景習(xí)慣差異 67
4.2 根據(jù)用戶心理設(shè)計(jì)H5內(nèi)容 68
4.2.1 認(rèn)同感 68
4.2.2 獎(jiǎng)勵(lì) 70
4.2.3 熟悉度 71
4.2.4 制造意外 72
4.3 根據(jù)項(xiàng)目特征選擇對(duì)應(yīng)形式 74
4.3.1 邀請(qǐng)函 74
4.3.2 個(gè)人簡(jiǎn)歷 75
4.3.3 企業(yè)幻燈片 75
4.3.4 電子宣傳冊(cè) 76
4.3.5 促銷廣告 77
4.3.6 問(wèn)卷、信息收集 77
第5章 頁(yè)面設(shè)計(jì)技巧 81
5.1 繪制頁(yè)面原型圖 82
5.1.1 什么是原型圖 82
5.1.2 H5設(shè)計(jì)的原型圖 82
5.2 把握頁(yè)面視覺氛圍 84
5.2.1 色彩是決定氛圍的關(guān)鍵 84
5.2.2 色彩的情感 85
5.2.3 色彩的4種風(fēng)格 86
5.2.4 頁(yè)面的3階配色法 90
5.2.5 配色工具推薦 94
5.3 H5版面設(shè)計(jì)技巧 95
5.3.1 好的版式讓內(nèi)容更清晰 95
5.3.2 創(chuàng)造畫面焦點(diǎn) 96
5.3.3 單個(gè)頁(yè)面的層級(jí) 99
5.3.4 多個(gè)頁(yè)面的層級(jí) 102
5.3.5 讓H5更有節(jié)奏感 103
第6章 元素與文字設(shè)計(jì)技巧 107
6.1 H5的視覺設(shè)計(jì)技巧 108
6.1.1 圖形永遠(yuǎn)好過(guò)文字 108
6.1.2 頁(yè)面元素要盡量統(tǒng)一 108
6.2 H5的圖片設(shè)計(jì)技巧 109
6.2.1 盡量使用全圖 109
6.2.2 可營(yíng)造空間感 110
6.2.3 多用特寫圖片 111
6.2.4 圖片版式要統(tǒng)一 112
6.3 H5的標(biāo)題設(shè)計(jì)技巧 113
6.3.1 標(biāo)題的空間 113
6.3.2 標(biāo)題的層級(jí) 115
6.3.3 標(biāo)題與圖形 116
6.3.4 標(biāo)題與背景 116
6.4 H5的正文設(shè)計(jì)技巧 117
6.4.1 壓縮內(nèi)容量 118
6.4.2 控制字號(hào) 119
6.4.3 字體及其顏色 120
6.4.4 字體裝飾 121
第7章 動(dòng)態(tài)設(shè)計(jì)技巧 123
7.1 H5動(dòng)態(tài)基本常識(shí) 124
7.1.1 正確理解動(dòng)效的作用 124
7.1.2 動(dòng)效要還原物理特征 125
7.2 內(nèi)頁(yè)動(dòng)效設(shè)計(jì) 126
7.2.1 內(nèi)容展示動(dòng)態(tài)特征 126
7.2.2 運(yùn)動(dòng)樣式的統(tǒng)一 128
7.2.3 動(dòng)效展示的層級(jí) 129
7.3 轉(zhuǎn)場(chǎng)動(dòng)效設(shè)計(jì) 130
7.3.1 最實(shí)用的轉(zhuǎn)場(chǎng)效果 130
7.3.2 轉(zhuǎn)場(chǎng)效果的時(shí)間 131
7.4 功能動(dòng)效設(shè)計(jì) 131
第8章 音效設(shè)計(jì)技巧 135
8.1 如何看待音效 136
8.1.1 聽覺和視覺哪個(gè)更重要 136
8.1.2 聲畫對(duì)位關(guān)系 137
8.2 背景音效制作技巧 138
8.2.1 如何獲得合適的音效 138
8.2.2 盡量不要使用歌曲 139
8.2.3 音樂要短小 139
8.2.4 加入“淡入”與“淡出”效果 140
8.2.5 學(xué)會(huì)采集音效 141
8.3 背景音效制作流程 142
8.3.1 用GarageBand制作音效 142
8.3.2 用Audition制作音效 147
第9章 H5數(shù)據(jù)分析與測(cè)試 153
9.1 你要了解的數(shù)據(jù)常識(shí) 154
9.1.1 常規(guī)數(shù)據(jù)概念 154
9.1.2 數(shù)據(jù)的作用 156
9.2 你也可以做的H5測(cè)試 157
9.2.1 好友、朋友圈和社群測(cè)試 158
9.2.2 公眾號(hào)測(cè)試 160
第 10章 H5設(shè)計(jì)案例全流程實(shí)戰(zhàn) 161
10.1 翻頁(yè)類H5-線下門店案例 162
10.1.1 項(xiàng)目素材(模擬案例) 162
10.1.2 項(xiàng)目主題與內(nèi)容框架 162
10.1.3 H5原型和設(shè)計(jì)構(gòu)思 164
10.1.4 H5制作過(guò)程 166
10.2 長(zhǎng)圖類H5-線下活動(dòng)案例 176
10.2.1 項(xiàng)目素材 176
10.2.2 項(xiàng)目主題與內(nèi)容框架 176
10.2.3 H5原型與設(shè)計(jì)思路 178
10.2.4 H5制作過(guò)程 179
10.3 數(shù)據(jù)類H5-模擬案例 186
10.3.1 項(xiàng)目素材(模擬案例) 186
10.3.2 項(xiàng)目主題與內(nèi)容框架 186
10.3.3 H5原型和設(shè)計(jì)構(gòu)思 188
10.3.4 H5制作過(guò)程 189
10.4 功能類H5-模版案例 197
10.4.1 投票模版類H5設(shè)計(jì) 197
10.4.2 抽獎(jiǎng)模版類H5設(shè)計(jì) 204
10.4.3 小游戲模版類H5設(shè)計(jì) 209
第 11章 H5的進(jìn)階學(xué)習(xí) 215
11.1 普通級(jí)H5與專業(yè)級(jí)H5的差別 216
11.2 H5的更多可能性 217
11.3 專業(yè)級(jí)H5工具推薦 220
11.3.1 可制作專業(yè)級(jí)H5的工具 220
11.3.2 工具的幾個(gè)關(guān)鍵點(diǎn) 220