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

第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　統(tǒng)一識別 /　9
1．2．2　重復利用 /　10
1．2．3　主次分明 /　10
1．2．4　具備視覺創(chuàng)意 /　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
實戰(zhàn)演練　/　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
實戰(zhàn)演練　/　35
第3章　微信界面的設計與制作 /　37
3．1　微信賬號頭像的設計與
制作　/38
3．1．1　微信賬號頭像的設計
標準　/38
3．1．2　微信賬號頭像的表現(xiàn)
方式　/40
3．1．3　案例設計：制作企業(yè)微信
賬號頭像　/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
實戰(zhàn)演練　/70
第4章　微博界面的設計與制作 /　71
4．1　微博賬號的設計與制作 /　72
4．1．1　微博頭像設計的要點 /　72
4．1．2　微博封面圖、主頁圖尺寸
規(guī)格　/　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
項目二　制作端午節(jié)開屏
廣告圖　/　99
實戰(zhàn)演練　/100
第5章　信息類平臺界面的設計與制作 /　101
5．1　今日頭條界面的設計
與制作　/102
5．1．1　今日頭條優(yōu)質(zhì)廣告的制作技
巧　/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
實戰(zhàn)演練　/121
第6章　音/視頻平臺界面的設計與制作 /　122
6．1　喜馬拉雅界面的設計與
制作　/123
6．1．1　喜馬拉雅各宣傳圖的設計
規(guī)范　/123
6．1．2　案例設計：制作喜馬拉雅
焦點宣傳圖　/124
6．1．3　案例設計：制作專輯/節(jié)目
封面圖　/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
實戰(zhàn)演練　/143
第7章　電商頁面的設計與制作 /　144
7．1　網(wǎng)店首頁的設計與
制作　/145
7．1．1　網(wǎng)店首頁布局的要點 /145
7．1．2　網(wǎng)店首頁設計的注意
事項　/146
7．1．3　網(wǎng)店首頁的設計要點 /146
7．1．4　案例設計：制作店招 /147
7．1．5　案例設計：制作主題
海報　/148
7．1．6　案例設計：制作優(yōu)惠
信息　/151
7．1．7　案例設計：制作商品
展示區(qū)　/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
實戰(zhàn)演練　/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　項目實訓
制作企業(yè)招聘長圖H5界/191
實戰(zhàn)演練　/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　案例設計：制作企業(yè)宣傳
短視頻　/201
9．2．4　案例設計：制作商品短
視頻　/206
9．3　項目實訓
拍攝家居短視頻　/209
實戰(zhàn)演練　/209