Photoshop H5廣告設計

《Photoshop H5廣告設計》是清華大學出版社出版的一本圖書。

基本介紹

• 書名：Photoshop H5廣告設計 
• 作者：盧博 
• ISBN：9787302517924 
• 出版社：清華大學出版社 
• 出版時間：2019年4月1日 

基本信息

《Photoshop H5廣告設計》是清華大學出版社出版的一本圖書。

作者：盧博

定價：79.80元

印次：1-1

ISBN：9787302517924

出版日期：2019年4月1日

印刷日期：2019年3月29日

內容簡介

菜鳥如何快速成為H5廣告頁面設計高手？如何用H5廣告頁面征服上司和客戶？如何零基礎製作出專業、漂亮的H5廣告頁面？《Photoshop H5廣告設計》將按照兩條線路幫助讀者精通Photoshop H5廣告設計： 一條是橫向案例線，通過20多個經典案例，包括產品推廣、活動推廣、互粉增粉、人才招募、企業宣傳、節日活動、會議邀請、喜慶請柬等，從零開始學習製作H5廣告效果。 另一條是縱向技巧線，講解了配色常識、文字排版、版式布局等核心技能，幫助讀者徹底讀懂、玩透H5廣告設計。 《Photoshop H5廣告設計》適合H5微信頁面廣告設計者、新媒體廣告設計師、移動網際網路廣告設計人員等閱讀。

目錄

第1章 H5廣告設計入門 1

1.1 什麼是H5 2

1.1.1 H5是什麼 2

1.1.2 無處不在的H5 3

1.1.3 H5的主要功能 5

1.1.4 使用H5有哪些優勢 5

1.1.5 探索H5廣告的潮流和方向 8

1.2 H5頁面的類型 9

1.2.1 活動運營型 10

1.2.2 品牌宣傳型 10

1.2.3 產品介紹型 11

1.2.4 總結報告型 11

1.3 形式為功能服務 12

1.3.1 簡單圖文的H5頁面 12

1.3.2 禮物 賀卡 邀請函的H5頁面 12

1.3.3 問答 評分 測試的H5頁面 12

1.3.4 遊戲的 H5頁面 13

第2章 H5設計的常用工具 14

2.1 基於網際網路平台的H5開發工具 15

2.1.1 APICloud：H5代碼編輯工具 15

2.1.2 Egret：提供開源的H5引擎 16

2.1.3 雲適配：一鍵PC網站轉移動網站 17

2.1.4 iH5：HTML5可視化編輯工具 18

2.1.5 人人秀：無代碼的H5製作工具 20

2.1.6 易企秀：H5場景定製工具 22

2.2 基於套用軟體的H5設計工具 24

2.2.1 Photoshop：圖形圖像設計工具 24

2.2.2 Illustrator：專業的矢量圖繪製工具 25

2.2.3AfterEffects：製作酷炫的視頻特效25

2.2.4CINEMA4D：專業的三維軟體工具26

2.2.5隨身錄音室：數碼音樂創作軟體26

2.2.6HYPE：HTML5動畫製作利器27

2.2.7其他：H5設計常用的輔助工具27

2.3選擇H5的工具組合形式29

2.3.1選擇開發類H5工具29

2.3.2選擇網站類H5工具30

2.3.3利用手機製作H530

第3章H5設計的基本操作32

3.1如何“生產”H533

3.1.1選擇平台和進行登錄33

3.1.2選擇模板33

3.1.3布局頁面34

3.1.4添加和編輯圖片35

3.1.5添加和編輯文本元素36

3.1.6添加動畫元素36

3.1.7添加音樂元素37

3.1.8添加視頻元素37

3.1.9添加互動元素38

3.1.10添加表單和組件39

3.1.11預覽作品40

3.1.12發布作品40

3.2在H5頁面中添加各種元素41

3.2.1添加彈幕元素41

3.2.2添加地圖元素42

3.2.3添加倒計時元素43

3.2.4添加動畫文字元素45

3.2.5添加圖表外掛程式元素46

3.2.6添加祝福賀卡元素48

3.2.7添加雷達掃描元素49

3.2.8添加語音留言元素50

3.2.9添加照片海報元素51

3.2.10製作長頁面H552

3.3為設計加分的4個要點54

3.3.1細節與統一54

3.3.2熱點與話題55

3.3.3故事與情感55

3.3.4技術與互動56

第4章H5的視覺互動設計57

4.1H5頁面的版式設計58

4.1.1H5版式設計的原則58

4.1.2H5頁面的格線設計59

4.1.3H5頁面版式的突破62

4.2H5頁面的字型設計62

4.2.1設定H5頁面的字型62

4.2.2設定H5頁面的字號64

4.2.3設定H5頁面的字間距64

4.2.4設定H5頁面的行間距65

4.2.5H5字型設計的基本技巧65

4.3H5頁面的色彩設計66

4.3.1了解色彩原理66

4.3.2了解色彩三要素67

4.3.3實用H5配色技巧70

4.4H5頁面的互動設計74

4.4.1了解H5互動設計74

4.4.2製作H5互動設計74

4.5H5頁面的視覺流程設計78

4.5.1什麼是視覺流程設計78

4.5.2H5常見的視覺流程設計類型78

第5章H5的創意內容設計81

5.1創建H5活動行銷頁面82

5.1.1答題活動的H5頁面82

5.1.2問卷調查活動的H5頁面84

5.1.3微信紅包活動的H5頁面86

5.1.4VR全景的H5頁面88

5.1.5一鏡到底的H5頁面89

5.1.6快閃活動的H5頁面90

5.1.7砍價活動的H5頁面91

5.2創建H5趣味行銷頁面92

5.2.1互動遊戲設計92

5.2.2微信場景模擬93

5.2.3來電界面模擬95

5.2.4通知界面模擬95

第6章產品推廣：行銷展示的H5廣告設計97

6.1新品上市：掌握新品發布的H5頁面設計98

6.1.1設計新品發布背景形狀效果98

6.1.2設計新品發布圖文信息效果101

6.1.3設計新品發布圖層裝飾效果105

6.2數碼宣傳：掌握電商產品的H5頁面設計108

6.2.1設計電商產品雜色背景效果108

6.2.2設計電商產品主體布局效果110

6.2.3設計電商產品信息點綴效果115

6.3品牌汽車：掌握汽車產品的H5頁面設計116

6.3.1設計汽車產品頁面背景效果117

6.3.2設計汽車產品界面框架效果118

6.3.3設計汽車產品文字修飾效果120

第7章活動推廣：互動投票的H5廣告設計123

7.1新春活動：掌握砸金蛋的H5頁面設計124

7.1.1設計砸金蛋新春背景效果124

7.1.2設計砸金蛋元素裝飾效果126

7.1.3設計砸金蛋文字按鈕效果130

7.2商場活動：掌握抽獎活動的H5頁面設計133

7.2.1設計抽獎活動轉盤底盤效果134

7.2.2設計抽獎活動獎品文字信息139

7.2.3設計抽獎活動頁面裝飾效果144

7.3行銷活動：掌握投票活動的H5頁面設計147

7.3.1設計投票活動背景效果147

7.3.2設計投票活動文字信息149

7.3.3設計投票活動點綴效果154

第8章互粉增粉：遊戲紅包的H5廣告設計157

8.1遊戲程式：掌握小遊戲的H5頁面設計158

8.1.1設計小遊戲背景底紋效果158

8.1.2設計小遊戲界面按鈕效果159

8.1.3設計小遊戲素材外掛程式效果164

8.2攝影論壇：掌握旅行相冊的H5頁面設計165

8.2.1設計旅行相冊顆粒背景效果166

8.2.2設計旅行相冊文字信息效果167

8.2.3設計旅行相冊照片裝飾效果169

8.3微信增粉：掌握口令紅包的H5頁面設計171

8.3.1設計口令紅包頁面效果171

8.3.2設計口令紅包按鈕效果174

8.3.3設計口令紅包背景效果178

第9章人才招募：招聘求職的H5廣告設計179

9.1企業招聘：掌握專場招聘會的H5頁面設計180

9.1.1設計專場招聘會漸變合成背景效果180

9.1.2設計專場招聘會招聘信息框線效果183

9.1.3設計專場招聘會的文字宣傳內容184

9.2實習招募：掌握校園招聘會的H5頁面設計188

9.2.1設計校園招聘會動感模糊背景效果189

9.2.2設計校園招聘會頁面主題宣傳信息190

9.2.3設計校園招聘會元素裝飾效果194

9.3應聘求職：掌握個人簡歷的H5頁面設計197

9.3.1設計個人簡歷舞台揭幕效果198

9.3.2設計個人簡歷主題文字效果200

9.3.3設計個人簡歷光斑點綴效果203

第10章企業宣傳：品牌介紹的H5廣告設計206

10.1會議宣傳：掌握商務匯報的H5頁面設計207

10.1.1設計商務匯報頁面背景效果207

10.1.2設計商務匯報主題內容效果209

10.1.3設計商務匯報背景裝飾效果211

10.2公司簡介：掌握公司介紹的H5頁面設計214

10.2.1設計公司介紹背景色塊效果214

10.2.2設計公司介紹圖片文字效果215

10.2.3設計公司介紹文字裝飾效果219

10.3企業品牌：掌握品牌展示的H5頁面設計220

10.3.1設計品牌展示色彩搭配效果221

10.3.2設計品牌展示主題文字效果223

10.3.3設計品牌展示企業標誌效果225

第11章節日活動：電商購物的H5廣告設計227

11.1購物活動：掌握年中大促的H5頁面設計228

11.1.1設計年中大促漸變背景效果228

11.1.2設計年中大促底部裝飾效果229

11.1.3設計年中大促標誌文字效果231

11.2電商活動：掌握雙十二促銷的H5頁面設計237

11.2.1設計雙十二促銷紋理綠葉效果238

11.2.2設計雙十二促銷文字框線效果240

11.2.3設計雙十二促銷產品布局效果242

11.3七夕活動：掌握情人節的H5頁面設計244

11.3.1設計情人節浪漫星空背景效果245

11.3.2設計情人節漸變文字按鈕效果246

11.3.3設計情人節情侶裝飾效果251

第12章會議邀請：年會晚會邀請函的H5廣告設計254

12.1企業年會：掌握年會邀請函的H5頁面設計255

12.1.1設計年會邀請函歐式框線效果255

12.1.2設計年會邀請函主題內容效果257

12.1.3設計年會邀請函底部裝飾效果259

12.2招商加盟：掌握招商邀請函的H5頁面設計261

12.2.1設計招商邀請函背景底紋效果261

12.2.2設計招商邀請函文字廣告信息264

12.2.3設計招商邀請函個性花紋效果265

12.3頒獎晚會：掌握頒獎典禮邀請函的H5頁面設計266

12.3.1設計頒獎典禮邀請函旋轉背景效果266

12.3.2設計頒獎典禮邀請函內容效果268

12.3.3設計頒獎典禮邀請函裝飾效果271

第13章喜慶請柬：賀卡卡片的H5廣告設計273

13.1結婚請帖：掌握婚禮請柬的H5頁面設計274

13.1.1設計婚禮請柬主題背景效果274

13.1.2設計婚禮請柬文本矩形效果276

13.1.3設計婚禮請柬裝飾效果279

13.2新春賀卡：掌握新年祝福的H5頁面設計281

13.2.1設計新年祝福背景紋理效果282

13.2.2設計新年祝福文字信息效果283

13.2.3設計新年祝福新春元素效果290

13.3愛情卡片：掌握情侶表白的H5頁面設計294

13.3.1設計情侶表白浪漫背景效果294

13.3.2設計情侶表白文本內容效果295

13.3.3設計情侶表白元素裝飾效果297