新媒體美工設計（全彩慕課版）

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

葉軍,副教授,碩士，畢業於江南大學設計學院,現任教於廣東輕工職業技術學院,主要從事視覺傳達設計領域的教學與研究工，省級精品在線開放課程“圖形創意”主持人,指導學生獲得國內外多項設計賽事獎項,在核心期刊發表專業及教學改革論文多篇。

第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

第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

第3章　微信界面的設計與製作 /　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　案例設計：製作微信小程序首頁　/61
3．4．4　案例設計：製作微信小程序搜索頁　/65
3．4．5　案例設計：製作微信小程序會員中心頁　/67
3．5　項目實訓 /69
項目一　製作花圃微信賬號頭像 /69
項目二　製作微信圖書公眾號推文封面　/69
實戰演練　/70

第4章　微博界面的設計與製作 /　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

第5章　信息類平台界面的設計與製作 /　101
5．1　今日頭條界面的設計與製作　/102
5．1．1　今日頭條優質廣告的製作技巧　/102
5．1．2　案例設計：製作今日頭條賬號頭像　/103
5．1．3　案例設計：製作今日頭條廣告　/106
5．2　知乎界面的設計與製作　/109
5．2．1　知乎主頁封面的類型 /110
5．2．2　案例設計：製作知乎賬號頭像　/111
5．2．3　案例設計：製作知乎個人主頁封面　/112
5．2．4　案例設計：製作知乎宣傳廣告　/116
5．3　項目實訓 /120
項目一　製作雲端汽車服務今日
頭條頭像　/120
項目二　製作知乎音樂人的個
人主頁封面　/120
實戰演練　/121

第6章　音/視頻平台界面的設計與製作 /　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　抖音頂部展示圖的設計技巧　/130
6．2．2　案例設計：製作抖音賬號頭像　/130
6．2．3　案例設計：製作抖音頂部展示圖　/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

第7章　電商頁面的設計與製作 /　144
7．1　網店首頁的設計與製作　/145
7．1．1　網店首頁佈局的要點 /145
7．1．2　網店首頁設計的注意事項　/146
7．1．3　網店首頁的設計要點 /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　項目實訓製作茶葉店首頁　/170
實戰演練　/171

8．1　H5的基礎知識 /174
8．1．1　認識H5 /174
8．1．2　H5的類型 /175
8．1．3　H5界面設計的五大原則　/177
8．1．4　H5界面設計要點 /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

第9章　短視頻的拍攝與製作 /　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