新媒體美工設(shè)計(jì)（全彩慕課版）

第1章 初識(shí)新媒體美工　/ 1
1．1　認(rèn)識(shí)新媒體美工 /　2
1．1．1　什么是新媒體美工 /　2
1．1．2　新媒體平臺(tái)的
分類(lèi)　/　3
1．1．3　新媒體美工設(shè)計(jì)的技能
要求　/　8
1．1．4　新媒體美工設(shè)計(jì)的注意
事項(xiàng)　/　8
1．2　新媒體美工的設(shè)計(jì)原則 /　8
1．2．1　統(tǒng)一識(shí)別 /　9
1．2．2　重復(fù)利用 /　10
1．2．3　主次分明 /　10
1．2．4　具備視覺(jué)創(chuàng)意 /　11
1．3　新媒體美工設(shè)計(jì)的
流程　/　11
1．3．1　明確設(shè)計(jì)目的 /　12
1．3．2　搜集素材 /　12
1．3．3　整合與處理素材 /　13
1．3．4　界面設(shè)計(jì) /　14
1．4　項(xiàng)目實(shí)訓(xùn) /　14
項(xiàng)目一　“小年夜”活動(dòng)海報(bào)素材的
搜集與整合　/　14
項(xiàng)目二　分析香米Banner整合前后
的效果　/　15
實(shí)戰(zhàn)演練　/　16
第2章　新媒體美工設(shè)計(jì)基礎(chǔ) /　17
2．1　色彩的運(yùn)用 /　18
2．1．1　色彩的三要素 /　18
2．1．2　色彩的對(duì)比 /　20
2．1．3　色彩搭配的原理 /　21
2．1．4　色彩搭配的技巧 /　22
2．1．5　案例分析：開(kāi)屏
廣告的色彩分析　/　23
2．2　構(gòu)圖與布局 /　23
2．2．1　認(rèn)識(shí)三大基本構(gòu)圖
要素　/　23
2．2．2　常見(jiàn)的構(gòu)圖方式 /　25
2．2．3　界面布局的基本原則 /　27
2．2．4　案例分析：促銷(xiāo)海報(bào)的
構(gòu)圖分析　/　28
2．3　文字的運(yùn)用 /　28
2．3．1　文字的運(yùn)用原則 /　28
2．3．2　文字的設(shè)計(jì)原則 /　29
2．3．3　文字的字體 /　30
2．3．4　文字對(duì)比 /　32
2．3．5　案例分析：微信宣傳海報(bào)
的文字分析　/　33
2．4　項(xiàng)目實(shí)訓(xùn) /　34
項(xiàng)目一　H5界面的色彩與布局
鑒賞　/　34
項(xiàng)目二　開(kāi)屏海報(bào)色彩與文字
鑒賞　/　35
實(shí)戰(zhàn)演練　/　35
第3章　微信界面的設(shè)計(jì)與制作 /　37
3．1　微信賬號(hào)頭像的設(shè)計(jì)與
制作　/38
3．1．1　微信賬號(hào)頭像的設(shè)計(jì)
標(biāo)準(zhǔn)　/38
3．1．2　微信賬號(hào)頭像的表現(xiàn)
方式　/40
3．1．3　案例設(shè)計(jì)：制作企業(yè)微信
賬號(hào)頭像　/41
3．1．4　案例設(shè)計(jì)：制作個(gè)人微信
賬號(hào)頭像　/43
3．2　微信朋友圈界面的設(shè)計(jì)與
制作　/45
3．2．1　微信朋友圈界面設(shè)計(jì)的
意義與作用　/45
3．2．2　微信朋友圈海報(bào)設(shè)計(jì)
要點(diǎn)　/45
3．2．3　微信朋友圈海報(bào)的設(shè)計(jì)
原則　/46
3．2．4　案例設(shè)計(jì)：制作微信朋友圈
封面　/47
3．2．5　案例設(shè)計(jì)：制作微信朋友圈活
動(dòng)海報(bào)　/49
3．3　微信公眾號(hào)推文界面的設(shè)計(jì)
與制作　/52
3．3．1　認(rèn)識(shí)微信公眾號(hào)推文的
組成　/52
3．3．2　微信公眾號(hào)推文封面設(shè)計(jì)的注
意事項(xiàng)　/53
3．3．3　案例設(shè)計(jì)：制作微信公眾號(hào)推
文封面　/54
3．3．4　案例設(shè)計(jì)：制作微信公眾號(hào)推
文營(yíng)銷(xiāo)長(zhǎng)圖　/55
3．4　微信小程序界面的設(shè)計(jì)與
制作　/61
3．4．1　微信小程序界面設(shè)計(jì)的
技巧　/61
3．4．2　微信小程序界面設(shè)計(jì)的注意
事項(xiàng)　/61
3．4．3　案例設(shè)計(jì)：制作微信小程序
首頁(yè)　/61
3．4．4　案例設(shè)計(jì)：制作微信小程序
搜索頁(yè)　/65
3．4．5　案例設(shè)計(jì)：制作微信小程序
會(huì)員中心頁(yè)　/67
3．5　項(xiàng)目實(shí)訓(xùn) /69
項(xiàng)目一　制作花圃微信賬號(hào)頭像 /69
項(xiàng)目二　制作微信圖書(shū)公眾號(hào)推文
封面　/69
實(shí)戰(zhàn)演練　/70
第4章　微博界面的設(shè)計(jì)與制作 /　71
4．1　微博賬號(hào)的設(shè)計(jì)與制作 /　72
4．1．1　微博頭像設(shè)計(jì)的要點(diǎn) /　72
4．1．2　微博封面圖、主頁(yè)圖尺寸
規(guī)格　/　73
4．1．3　案例設(shè)計(jì)：制作微博
頭像　/　74
4．1．4　案例設(shè)計(jì)：制作微博封
面圖　/　76
4．1．5　案例設(shè)計(jì)：制作微博主
頁(yè)圖　/　79
4．2　微博開(kāi)屏廣告圖的設(shè)計(jì)與
制作　/　83
4．2．1　什么是微博開(kāi)屏廣告 /　83
4．2．2　微博開(kāi)屏廣告的特點(diǎn) /　83
4．2．3　微博開(kāi)屏廣告的類(lèi)別 /　84
4．2．4　案例設(shè)計(jì)：制作微博開(kāi)屏
廣告圖　/　85
4．3　微博借勢(shì)營(yíng)銷(xiāo)廣告圖的
設(shè)計(jì)與制作　/　91
4．3．1　什么是借勢(shì)營(yíng)銷(xiāo) /　91
4．3．2　微博借勢(shì)營(yíng)銷(xiāo)廣告圖的設(shè)計(jì)
要點(diǎn)　/　92
4．3．3　案例設(shè)計(jì)：制作微博借勢(shì)
營(yíng)銷(xiāo)廣告圖　/　93
4．4　項(xiàng)目實(shí)訓(xùn) /　98
項(xiàng)目一　制作通信公司微博
頭像　/　98
項(xiàng)目二　制作端午節(jié)開(kāi)屏
廣告圖　/　99
實(shí)戰(zhàn)演練　/100
第5章　信息類(lèi)平臺(tái)界面的設(shè)計(jì)與制作 /　101
5．1　今日頭條界面的設(shè)計(jì)
與制作　/102
5．1．1　今日頭條優(yōu)質(zhì)廣告的制作技
巧　/102
5．1．2　案例設(shè)計(jì)：制作今日頭條賬
號(hào)頭像　/103
5．1．3　案例設(shè)計(jì)：制作今日頭條廣
告　/106
5．2　知乎界面的設(shè)計(jì)與
制作　/109
5．2．1　知乎主頁(yè)封面的類(lèi)型 /110
5．2．2　案例設(shè)計(jì)：制作知乎賬號(hào)
頭像　/111
5．2．3　案例設(shè)計(jì)：制作知乎個(gè)人
主頁(yè)封面　/112
5．2．4　案例設(shè)計(jì)：制作知乎宣傳
廣告　/116
5．3　項(xiàng)目實(shí)訓(xùn) /120
項(xiàng)目一　制作云端汽車(chē)服務(wù)今日
頭條頭像　/120
項(xiàng)目二　制作知乎音樂(lè)人的個(gè)
人主頁(yè)封面　/120
實(shí)戰(zhàn)演練　/121
第6章　音/視頻平臺(tái)界面的設(shè)計(jì)與制作 /　122
6．1　喜馬拉雅界面的設(shè)計(jì)與
制作　/123
6．1．1　喜馬拉雅各宣傳圖的設(shè)計(jì)
規(guī)范　/123
6．1．2　案例設(shè)計(jì)：制作喜馬拉雅
焦點(diǎn)宣傳圖　/124
6．1．3　案例設(shè)計(jì)：制作專(zhuān)輯/節(jié)目
封面圖　/126
6．1．4　案例設(shè)計(jì)：制作活動(dòng)/專(zhuān)題
封面圖　/128
6．2　抖音界面的設(shè)計(jì)與
制作　/130
6．2．1　抖音頂部展示圖的設(shè)計(jì)
技巧　/130
6．2．2　案例設(shè)計(jì)：制作抖音賬號(hào)
頭像　/130
6．2．3　案例設(shè)計(jì)：制作抖音頂部
展示圖　/133
6．3　虎牙直播界面的設(shè)計(jì)與
制作　/135
6．3．1　虎牙直播Banner設(shè)計(jì)
要點(diǎn)　/135
6．3．2　案例設(shè)計(jì)：制作虎牙直播
Banner　/137
6．3．3　案例設(shè)計(jì)：制作虎牙直播
封面　/139
6．4　項(xiàng)目實(shí)訓(xùn) /141
項(xiàng)目一　制作喜馬拉雅圖書(shū)焦點(diǎn)宣
傳圖　/141
項(xiàng)目二　制作虎牙培訓(xùn)視頻
Banner　/142
實(shí)戰(zhàn)演練　/143
第7章　電商頁(yè)面的設(shè)計(jì)與制作 /　144
7．1　網(wǎng)店首頁(yè)的設(shè)計(jì)與
制作　/145
7．1．1　網(wǎng)店首頁(yè)布局的要點(diǎn) /145
7．1．2　網(wǎng)店首頁(yè)設(shè)計(jì)的注意
事項(xiàng)　/146
7．1．3　網(wǎng)店首頁(yè)的設(shè)計(jì)要點(diǎn) /146
7．1．4　案例設(shè)計(jì)：制作店招 /147
7．1．5　案例設(shè)計(jì)：制作主題
海報(bào)　/148
7．1．6　案例設(shè)計(jì)：制作優(yōu)惠
信息　/151
7．1．7　案例設(shè)計(jì)：制作商品
展示區(qū)　/155
7．2　商品詳情頁(yè)的設(shè)計(jì)與
制作　/159
7．2．1　商品詳情頁(yè)的制作
要點(diǎn)　/159
7．2．2　商品詳情頁(yè)的特征 /160
7．2．3　案例設(shè)計(jì)：制作焦
點(diǎn)圖　/160
7．2．4　案例設(shè)計(jì)：制作商品描
述圖　/163
7．2．5　案例設(shè)計(jì)：制作商品賣(mài)
點(diǎn)圖　/167
7．3　項(xiàng)目實(shí)訓(xùn)
制作茶葉店首頁(yè)　/170
實(shí)戰(zhàn)演練　/171

8．1　H5的基礎(chǔ)知識(shí) /174
8．1．1　認(rèn)識(shí)H5 /174
8．1．2　H5的類(lèi)型 /175
8．1．3　H5界面設(shè)計(jì)的五大
原則　/177
8．1．4　H5界面設(shè)計(jì)要點(diǎn) /178
8．2　活動(dòng)運(yùn)營(yíng)型H5界面的設(shè)計(jì)
與制作　/179
8．2．1　活動(dòng)運(yùn)營(yíng)型H5界面的
設(shè)計(jì)思路　/180
8．2．2　案例設(shè)計(jì)：制作微信紅包
活動(dòng)的H5界面　/180
8．2．3　案例設(shè)計(jì)：使用MAKA工
具生成微信紅包活動(dòng)H5
界面　/183
8．3　商品推廣型H5界面的設(shè)計(jì)
與制作　/187
8．3．1　商品推廣型H5界面的設(shè)計(jì)
技巧　/187
8．3．2　案例設(shè)計(jì)：制作商品推廣
H5界面　/188
8．4　項(xiàng)目實(shí)訓(xùn)
制作企業(yè)招聘長(zhǎng)圖H5界/191
實(shí)戰(zhàn)演練　/192
第9章　短視頻的拍攝與制作 /　193
9．1　短視頻的拍攝 /194
9．1．1　拍攝設(shè)備的選擇 /194
9．1．2　短視頻拍攝的要求 /196
9．1．3　短視頻拍攝的流程 /196
9．1．4　案例設(shè)計(jì)：拍攝水果類(lèi)
短視頻　/198
9．2　短視頻的制作 /199
9．2．1　認(rèn)識(shí)短視頻制作相關(guān)
工具　/200
9．2．2　短視頻的基本類(lèi)型 /200
9．2．3　案例設(shè)計(jì)：制作企業(yè)宣傳
短視頻　/201
9．2．4　案例設(shè)計(jì)：制作商品短
視頻　/206
9．3　項(xiàng)目實(shí)訓(xùn)
拍攝家居短視頻　/209
實(shí)戰(zhàn)演練　/209