注冊 | 登錄讀書好,好讀書,讀好書!
讀書網(wǎng)-DuShu.com
當(dāng)前位置: 首頁出版圖書科學(xué)技術(shù)計算機/網(wǎng)絡(luò)圖形圖像、多媒體、網(wǎng)頁制作視頻/音頻/流媒體H5+ 營銷設(shè)計手冊 創(chuàng)意 視覺 實戰(zhàn)

H5+ 營銷設(shè)計手冊 創(chuàng)意 視覺 實戰(zhàn)

H5+ 營銷設(shè)計手冊 創(chuàng)意 視覺 實戰(zhàn)

定 價:¥79.00

作 者: 蘇杭(小呆)
出版社: 人民郵電出版社
叢編項:
標(biāo) 簽: 暫缺

ISBN: 9787115498519 出版時間: 2019-04-01 包裝: 平裝
開本: 16開 頁數(shù): 字?jǐn)?shù):  

內(nèi)容簡介

  本書是為H5的入門學(xué)習(xí)者編寫的,以“圖書”+“動態(tài)演示”+“視頻教程”+“社群交流”+“行業(yè)文章”的立體教學(xué)模式,系統(tǒng)講解H5設(shè)計的常識和規(guī)范,以及制作方法和技巧。 全書共11章。第1~2章從認識H5開始講起,闡明其特征和功能,詳細講解H5的設(shè)計規(guī)范與常用工具,并介紹如何為設(shè)計與制作做好高質(zhì)量的素材準(zhǔn)備工作;第3~9章圍繞H5的設(shè)計與制作的全流程,逐步講解H5的策劃,頁面設(shè)計,元素與文字設(shè)計,動態(tài)設(shè)計和音頻設(shè)計等內(nèi)容,并闡述H5的數(shù)據(jù)分析與測試方法;第10章精選了翻頁類、長圖類、數(shù)據(jù)類和功能類等4個H5設(shè)計全流程案例,詳細講解了H5的設(shè)計思路和制作方法,幫助讀者鞏固前面所學(xué)的知識,提高讀者的應(yīng)用能力。第11章介紹了進階專業(yè)級H5設(shè)計的方法,幫讀者搭好提高的臺階。 為了讓讀者能更好地學(xué)習(xí)H5的制作,本書以二維碼的形式在書中植入了大量的動態(tài)輔助內(nèi)容,包括動態(tài)演示、聲效演示、H5案例演示和全套的教學(xué)視頻。另外,通過本書作者的微信公眾號,讀者還能獲得行業(yè)“干貨”文章,并能加入讀者社群進行討論。 除了從事設(shè)計工作的設(shè)計師外,本書還適合H5設(shè)計的初學(xué)者和H5設(shè)計的愛好者閱讀。

作者簡介

  蘇杭(小呆) 從最初的平面廣告設(shè)計師到后來的互聯(lián)網(wǎng)視覺設(shè)計師,再到如今的設(shè)計內(nèi)容媒體人,小呆在設(shè)計行業(yè)已從業(yè)8年。 他在H5領(lǐng)域的學(xué)習(xí)與研究已經(jīng)持續(xù)了4年,并且于2017年出版了《H5+移動營銷設(shè)計寶典》一書,向?qū)W習(xí)H5的讀者分享了自己的方法和經(jīng)驗。

圖書目錄

第 1章 重新認識H5 13

 

1.1 H5是什么 14

 

1.1.1 H5真的就是手機PPT嗎? 14

 

1.1.2 原來H5只是一個“洋外號” 15

 

1.2 H5的各項特征 17

 

1.2.1 H5現(xiàn)階段的應(yīng)用領(lǐng)域 17

 

1.2.2 H5目前的應(yīng)用形式 20

 

1.2.3 H5能實現(xiàn)的功能 21

 

1.2.4 H5的優(yōu)勢與不足 23

 

第 2章 了解H5設(shè)計的工具和規(guī)范 29

 

2.1 H5設(shè)計要經(jīng)歷的流程 30

 

2.1.1 認真了解需求 31

 

2.1.2 做設(shè)計規(guī)劃 31

 

2.1.3 有計劃地設(shè)計 32

 

2.1.4 利用工具制作H5 33

 

2.1.5 體驗與測試 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è)計要特別注意的規(guī)范 41

 

2.3.1 選擇瀏覽器 41

 

2.3.2 常用設(shè)計尺寸 42

 

2.3.3 H5響應(yīng)式特征 43

 

2.3.4 頁面“安全區(qū)” 45

 

第3章 怎么獲得高質(zhì)量的素材 49

 

3.1 H5案例素材在哪里找? 50

 

3.1.1 資訊網(wǎng)站 50

 

3.1.2 資訊自媒體 53

 

3.2 獲得圖片與設(shè)計素材 53

 

3.2.1 綜合類素材庫 54

 

3.2.2 付費類素材庫 54

 

3.2.3 國外素材庫 54

 

3.2.4 圖標(biāo)類素材庫 55

 

3.2.5 素材庫的素材庫 55

 

3.2.6 教你尋找圖片出處 56

 

3.3 H5字體素材 57

 

3.3.1 優(yōu)質(zhì)字體素材 57

 

3.3.2 特殊字體素材 58

 

3.3.3 實用字體推薦 59

 

3.4 H5音效素材 61

 

3.4.1 云音樂搜索平臺 61

 

3.4.2 免費音效素材庫 62

 

3.4.3 版權(quán)音效素材庫 63

 

第4章 H5的策劃技巧 65

 

4.1 了解移動端用戶習(xí)慣 66

 

4.1.1 畫面尺寸差異 66

 

4.1.2 閱讀習(xí)慣差異 66

 

4.1.3 場景習(xí)慣差異 67

 

4.2 根據(jù)用戶心理設(shè)計H5內(nèi)容 68

 

4.2.1 認同感 68

 

4.2.2 獎勵 70

 

4.2.3 熟悉度 71

 

4.2.4 制造意外 72

 

4.3 根據(jù)項目特征選擇對應(yīng)形式 74

 

4.3.1 邀請函 74

 

4.3.2 個人簡歷 75

 

4.3.3 企業(yè)幻燈片 75

 

4.3.4 電子宣傳冊 76

 

4.3.5 促銷廣告 77

 

4.3.6 問卷、信息收集 77

 

第5章 頁面設(shè)計技巧 81

 

5.1 繪制頁面原型圖 82

 

5.1.1 什么是原型圖 82

 

5.1.2 H5設(shè)計的原型圖 82

 

5.2 把握頁面視覺氛圍 84

 

5.2.1 色彩是決定氛圍的關(guān)鍵 84

 

5.2.2 色彩的情感 85

 

5.2.3 色彩的4種風(fēng)格 86

 

5.2.4 頁面的3階配色法 90

 

5.2.5 配色工具推薦 94

 

5.3 H5版面設(shè)計技巧 95

 

5.3.1 好的版式讓內(nèi)容更清晰 95

 

5.3.2 創(chuàng)造畫面焦點 96

 

5.3.3 單個頁面的層級 99

 

5.3.4 多個頁面的層級 102

 

5.3.5 讓H5更有節(jié)奏感 103

 

第6章 元素與文字設(shè)計技巧 107

 

6.1 H5的視覺設(shè)計技巧 108

 

6.1.1 圖形永遠好過文字 108

 

6.1.2 頁面元素要盡量統(tǒng)一 108

 

6.2 H5的圖片設(shè)計技巧 109

 

6.2.1 盡量使用全圖 109

 

6.2.2 可營造空間感 110

 

6.2.3 多用特寫圖片 111

 

6.2.4 圖片版式要統(tǒng)一 112

 

6.3 H5的標(biāo)題設(shè)計技巧 113

 

6.3.1 標(biāo)題的空間 113

 

6.3.2 標(biāo)題的層級 115

 

6.3.3 標(biāo)題與圖形 116

 

6.3.4 標(biāo)題與背景 116

 

6.4 H5的正文設(shè)計技巧 117

 

6.4.1 壓縮內(nèi)容量 118

 

6.4.2 控制字號 119

 

6.4.3 字體及其顏色 120

 

6.4.4 字體裝飾 121

 

第7章 動態(tài)設(shè)計技巧 123

 

7.1 H5動態(tài)基本常識 124

 

7.1.1 正確理解動效的作用 124

 

7.1.2 動效要還原物理特征 125

 

7.2 內(nèi)頁動效設(shè)計 126

 

7.2.1 內(nèi)容展示動態(tài)特征 126

 

7.2.2 運動樣式的統(tǒng)一 128

 

7.2.3 動效展示的層級 129

 

7.3 轉(zhuǎn)場動效設(shè)計 130

 

7.3.1 最實用的轉(zhuǎn)場效果 130

 

7.3.2 轉(zhuǎn)場效果的時間 131

 

7.4 功能動效設(shè)計 131

 

第8章 音效設(shè)計技巧 135

 

8.1 如何看待音效 136

 

8.1.1 聽覺和視覺哪個更重要 136

 

8.1.2 聲畫對位關(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é)會采集音效 141

 

8.3 背景音效制作流程 142

 

8.3.1 用GarageBand制作音效 142

 

8.3.2 用Audition制作音效 147

 

第9章 H5數(shù)據(jù)分析與測試 153

 

9.1 你要了解的數(shù)據(jù)常識 154

 

9.1.1 常規(guī)數(shù)據(jù)概念 154

 

9.1.2 數(shù)據(jù)的作用 156

 

9.2 你也可以做的H5測試 157

 

9.2.1 好友、朋友圈和社群測試 158

 

9.2.2 公眾號測試 160

 

第 10章 H5設(shè)計案例全流程實戰(zhàn) 161

 

10.1 翻頁類H5-線下門店案例 162

 

10.1.1 項目素材(模擬案例) 162

 

10.1.2 項目主題與內(nèi)容框架 162

 

10.1.3 H5原型和設(shè)計構(gòu)思 164

 

10.1.4 H5制作過程 166

 

10.2 長圖類H5-線下活動案例 176

 

10.2.1 項目素材 176

 

10.2.2 項目主題與內(nèi)容框架 176

 

10.2.3 H5原型與設(shè)計思路 178

 

10.2.4 H5制作過程 179

 

10.3 數(shù)據(jù)類H5-模擬案例 186

 

10.3.1 項目素材(模擬案例) 186

 

10.3.2 項目主題與內(nèi)容框架 186

 

10.3.3 H5原型和設(shè)計構(gòu)思 188

 

10.3.4 H5制作過程 189

 

10.4 功能類H5-模版案例 197

 

10.4.1 投票模版類H5設(shè)計 197

 

10.4.2 抽獎模版類H5設(shè)計 204

 

10.4.3 小游戲模版類H5設(shè)計 209

 

第 11章 H5的進階學(xué)習(xí) 215

 

11.1 普通級H5與專業(yè)級H5的差別  216

 

11.2 H5的更多可能性 217

 

11.3 專業(yè)級H5工具推薦 220

 

11.3.1 可制作專業(yè)級H5的工具 220

 

11.3.2 工具的幾個關(guān)鍵點 220

本目錄推薦

掃描二維碼
Copyright ? 讀書網(wǎng) www.dappsexplained.com 2005-2020, All Rights Reserved.
鄂ICP備15019699號 鄂公網(wǎng)安備 42010302001612號