隨著互聯網的普及和全民化，“新媒體”這個新興行業開始興起。本書從新媒體美工的角度出發，以案例設計和項目實訓相結合的方式，介紹新媒體美工設計的相關知識與操作技能。本書共包括9章內容，分別是初識新媒體美工、新媒體美工設計基礎、 界面的設計與制作、微博界面的設計與制作、信息類平臺界面的設計與制作、音/視頻平臺界面的設計與制作、電商頁面的設計與制作、H5界面的設計與制作，以及短視頻的拍攝與制作。本書旨在通過詳盡的知識講解與豐富的項目實訓幫助讀者理解和掌握新媒體美工設計的重點知識，有效鍛煉讀者的設計思維，並提高其實際操作能力。

D 1章 初識新媒體美工/ 1

1.1認識新媒體美工 /2

1.1.1什麼是新媒體美工 /2

1.1.2新媒體平臺的

分類/3

1.1.3新媒體美工設計的技能

要求/8

1.1.4新媒體美工設計的注意

事項/8

1.2新媒體美工的設計原則 /8

1.2.1統一識別 /9

1.2.2重復利用 /10

1.2.3主次分明 /10

1.2.4具備視覺創意 /11

1.3新媒體美工設計的

流程/11

1.3.1明確設計目的 /12

1.3.2搜集素材 /12

1.3.3整合與處理素材 /13

1.3.4界面設計 /14

1.4項目實訓 /14

項目一“小年夜”活動海報素材的

搜集與整合/14

項目二分析香米Banner整合前後

的效果/15

實戰演練/16

D 2章新媒體美工設計基礎 /17

2.1色彩的運用 /18

2.1.1色彩的三要素 /18

2.1.2色彩的對比 /20

2.1.3色彩搭配的原理 /21

2.1.4色彩搭配的技巧 /22

2.1.5案例分析：開屏

廣告的色彩分析/23

2.2構圖與布局 /23

2.2.1認識三大基本構圖

要素/23

2.2.2常見的構圖方式 /25

2.2.3界面布局的基本原則 /27

2.2.4案例分析：促銷海報的

構圖分析/28

2.3文字的運用 /28

2.3.1文字的運用原則 /28

2.3.2文字的設計原則 /29

2.3.3文字的字體 /30

2.3.4文字對比 /32

2.3.5案例分析： 宣傳海報

的文字分析/33

2.4項目實訓 /34

項目一H5界面的色彩與布局

鋻賞/34

項目二開屏海報色彩與文字

鋻賞/35

實戰演練/35

D3章 界面的設計與制作 /37

3.1 賬號頭像的設計與

制作/38

3.1.1 賬號頭像的設計

標準/38

3.1.2 賬號頭像的表現

方式/40

3.1.3案例設計：制作企業

賬號頭像/41

3.1.4案例設計：制作個人

賬號頭像/43

3.2 朋友圈界面的設計與

制作/45

3.2.1 朋友圈界面設計的

意義與作用/45

3.2.2 朋友圈海報設計

要點/45

3.2.3 朋友圈海報的設計

原則/46

3.2.4案例設計：制作 朋友圈

封面/47

3.2.5案例設計：制作 朋友圈活

動海報/49

3.3 公眾號推文界面的設計

與制作/52

3.3.1認識 公眾號推文的

組成/52

3.3.2 公眾號推文封面設計的注

意事項/53

3.3.3案例設計：制作 公眾號推

文封面/54

3.3.4案例設計：制作 公眾號推

文營銷長圖/55

3.4 小程序界面的設計與

制作/61

3.4.1 小程序界面設計的

技巧/61

3.4.2 小程序界面設計的注意

事項/61

3.4.3案例設計：制作 小程序

1頁/61

3.4.4案例設計：制作 小程序

搜索頁/65

3.4.5案例設計：制作 小程序

會員中心頁/67

3.5項目實訓 /69

項目一制作花圃 賬號頭像 /69

項目二制作 圖書公眾號推文

封面/69

實戰演練/70

D4章微博界面的設計與制作 /71

4.1微博賬號的設計與制作 /72

4.1.1微博頭像設計的要點 /72

4.1.2微博封面圖、主頁圖尺寸

規格/73

4.1.3案例設計：制作微博

頭像/74

4.1.4案例設計：制作微博封

面圖/76

4.1.5案例設計：制作微博主

頁圖/79

4.2微博開屏廣告圖的設計與

制作/83

4.2.1什麼是微博開屏廣告 /83

4.2.2微博開屏廣告的特點 /83

4.2.3微博開屏廣告的類別 /84

4.2.4案例設計：制作微博開屏

廣告圖/85

4.3微博借勢營銷廣告圖的

設計與制作/91

4.3.1什麼是借勢營銷 /91

4.3.2微博借勢營銷廣告圖的設計

要點/92

4.3.3案例設計：制作微博借勢

營銷廣告圖/93

4.4項目實訓 /98

項目一制作通信公司微博

頭像/98

項目二制作端午節開屏

廣告圖/99

實戰演練/100

D5章信息類平臺界面的設計與制作 /101

5.1JR頭條界面的設計

與制作/102

5.1.1JR頭條優質廣告的制作技

巧/102

5.1.2案例設計：制作JR頭條賬

號頭像/103

5.1.3案例設計：制作JR頭條廣

告/106

5.2知乎界面的設計與

制作/109

5.2.1知乎主頁封面的類型 /110

5.2.2案例設計：制作知乎賬號

頭像/111

5.2.3案例設計：制作知乎個人

主頁封面/112

5.2.4案例設計：制作知乎宣傳

廣告/116

5.3項目實訓 /120

項目一制作雲端汽車服務JR

頭條頭像/120

項目二制作知乎音樂人的個

人主頁封面/120

實戰演練/121

D6章音/視頻平臺界面的設計與制作 /122

6.1喜馬拉雅界面的設計與

制作/123

6.1.1喜馬拉雅各宣傳圖的設計

規範/123

6.1.2案例設計：制作喜馬拉雅

焦點宣傳圖/124

6.1.3案例設計：制作專輯/節目

封面圖/126

6.1.4案例設計：制作活動/專題

封面圖/128

6.2抖音界面的設計與

制作/130

6.2.1抖音1；CY=CY部展示圖的設計

技巧/130

6.2.2案例設計：制作抖音賬號

頭像/130

6.2.3案例設計：制作抖音1；CY=CY部

展示圖/133

6.3虎牙直播界面的設計與

制作/135

6.3.1虎牙直播Banner設計

要點/135

6.3.2案例設計：制作虎牙直播

Banner/137

6.3.3案例設計：制作虎牙直播

封面/139

6.4項目實訓 /141

項目一制作喜馬拉雅圖書焦點宣

傳圖/141

項目二制作虎牙培訓視頻

Banner/142

實戰演練/143

D7章電商頁面的設計與制作 /144

7.1網店1頁的設計與

制作/145

7.1.1網店1頁布局的要點 /145

7.1.2網店1頁設計的注意

事項/146

7.1.3網店1頁的設計要點 /146

7.1.4案例設計：制作店招 /147

7.1.5案例設計：制作主題

海報/148

7.1.6案例設計：制作優惠

信息/151

7.1.7案例設計：制作商品

展示區/155

7.2商品詳情頁的設計與

制作/159

7.2.1商品詳情頁的制作

要點/159

7.2.2商品詳情頁的特征 /160

7.2.3案例設計：制作焦

點圖/160

7.2.4案例設計：制作商品描

述圖/163

7.2.5案例設計：制作商品賣

點圖/167

7.3項目實訓

制作茶葉店1頁/170

實戰演練/171

8.1H5的基礎知識 /174

8.1.1認識H5 /174

8.1.2H5的類型 /175

8.1.3H5界面設計的五大

原則/177

8.1.4H5界面設計要點 /178

8.2活動運營型H5界面的設計

與制作/179

8.2.1活動運營型H5界面的

設計思路/180

8.2.2案例設計：制作 紅包

活動的H5界面/180

8.2.3案例設計：使用MAKA工

具生成 紅包活動H5

界面/183

8.3商品推廣型H5界面的設計

與制作/187

8.3.1商品推廣型H5界面的設計

技巧/187

8.3.2案例設計：制作商品推廣

H5界面/188

8.4項目實訓

制作企業招聘長圖H5界/191

實戰演練/192

D9章短視頻的拍攝與制作 /193

9.1短視*的拍攝 /194

9.1.1拍攝設備的選擇 /194

9.1.2短視頻拍攝的要求 /196

9.1.3短視頻拍攝的流程 /196

9.1.4案例設計：拍攝水果類

短視頻/198

9.2短視頻的制作 /199

9.2.1認識短視頻制作相關

工具/200

9.2.2短視頻的基本類型 /200

9.2.3案例設計：制作企業宣傳

短視頻/201

9.2.4案例設計：制作商品短

視頻/206

9.3項目實訓

拍攝家居短視頻/209

實戰演練/209