隨著互聯(lián)網(wǎng)的普及和全民化,“新媒體”這個(gè)新興行業(yè)開始興起。本書從新媒體美工的角度出發(fā),以案例設(shè)計(jì)和項(xiàng)目實(shí)訓(xùn)相結(jié)合的方式,介紹新媒體美工設(shè)計(jì)的相關(guān)知識(shí)與操作技能。本書共包括9章內(nèi)容,分別是初識(shí)新媒體美工、新媒體美工設(shè)計(jì)基礎(chǔ)、微信界面的設(shè)計(jì)與制作、微博界面的設(shè)計(jì)與制作、信息類平臺(tái)界面的設(shè)計(jì)與制作、音/視頻平臺(tái)界面的設(shè)計(jì)與制作、電商頁面的設(shè)計(jì)與制作、H5界面的設(shè)計(jì)與制作,以及短視頻的拍攝與制作。本書旨在通過詳盡的知識(shí)講解與豐富的項(xiàng)目實(shí)訓(xùn)幫助讀者理解和掌握新媒體美工設(shè)計(jì)的重點(diǎn)知識(shí),有效鍛煉讀者的設(shè)計(jì)思維,并提高其實(shí)際操作能力。
本書定位于設(shè)計(jì)專業(yè)中需要學(xué)習(xí)和掌握新媒體美工設(shè)計(jì)的人員,教學(xué)內(nèi)容新穎,深度適當(dāng)。在形式上完全按照現(xiàn)代教學(xué)需要編寫,較為適合實(shí)際教學(xué),而在內(nèi)容上加入了不同平臺(tái)的新媒體美工設(shè)計(jì),使讀者能夠在瀏覽中掌握不同平臺(tái)界面的設(shè)計(jì)方法,從而實(shí)現(xiàn)設(shè)計(jì)與理論的結(jié)合,具有較強(qiáng)的實(shí)用性。
葉軍,副教授,碩士,畢業(yè)于江南大學(xué)設(shè)計(jì)學(xué)院,現(xiàn)任教于廣東輕工職業(yè)技術(shù)學(xué)院,主要從事視覺傳達(dá)設(shè)計(jì)領(lǐng)域的教學(xué)與研究工,省級(jí)精品在線開放課程“圖形創(chuàng)意”主持人,指導(dǎo)學(xué)生獲得國內(nèi)外多項(xiàng)設(shè)計(jì)賽事獎(jiǎng)項(xiàng),在核心期刊發(fā)表專業(yè)及教學(xué)改革論文多篇。
第1章 初識(shí)新媒體美工 / 1
1.1 認(rèn)識(shí)新媒體美工 / 2
1.1.1 什么是新媒體美工 / 2
1.1.2 新媒體平臺(tá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 具備視覺創(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 案例分析:開屏
廣告的色彩分析 / 23
2.2 構(gòu)圖與布局 / 23
2.2.1 認(rèn)識(shí)三大基本構(gòu)圖
要素 / 23
2.2.2 常見的構(gòu)圖方式 / 25
2.2.3 界面布局的基本原則 / 27
2.2.4 案例分析:促銷海報(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)目二 開屏海報(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)推
文營銷長圖 /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ì):制作微信小程序
首頁 /61
3.4.4 案例設(shè)計(jì):制作微信小程序
搜索頁 /65
3.4.5 案例設(shè)計(jì):制作微信小程序
會(huì)員中心頁 /67
3.5 項(xiàng)目實(shí)訓(xùn) /69
項(xiàng)目一 制作花圃微信賬號(hào)頭像 /69
項(xiàng)目二 制作微信圖書公眾號(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 微博封面圖、主頁圖尺寸
規(guī)格 / 73
4.1.3 案例設(shè)計(jì):制作微博
頭像 / 74
4.1.4 案例設(shè)計(jì):制作微博封
面圖 / 76
4.1.5 案例設(shè)計(jì):制作微博主
頁圖 / 79
4.2 微博開屏廣告圖的設(shè)計(jì)與
制作 / 83
4.2.1 什么是微博開屏廣告 / 83
4.2.2 微博開屏廣告的特點(diǎn) / 83
4.2.3 微博開屏廣告的類別 / 84
4.2.4 案例設(shè)計(jì):制作微博開屏
廣告圖 / 85
4.3 微博借勢(shì)營銷廣告圖的
設(shè)計(jì)與制作 / 91
4.3.1 什么是借勢(shì)營銷 / 91
4.3.2 微博借勢(shì)營銷廣告圖的設(shè)計(jì)
要點(diǎn) / 92
4.3.3 案例設(shè)計(jì):制作微博借勢(shì)
營銷廣告圖 / 93
4.4 項(xiàng)目實(shí)訓(xùn) / 98
項(xiàng)目一 制作通信公司微博
頭像 / 98
項(xiàng)目二 制作端午節(jié)開屏
廣告圖 / 99
實(shí)戰(zhàn)演練 /100
第5章 信息類平臺(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 知乎主頁封面的類型 /110
5.2.2 案例設(shè)計(jì):制作知乎賬號(hào)
頭像 /111
5.2.3 案例設(shè)計(jì):制作知乎個(gè)人
主頁封面 /112
5.2.4 案例設(shè)計(jì):制作知乎宣傳
廣告 /116
5.3 項(xiàng)目實(shí)訓(xùn) /120
項(xiàng)目一 制作云端汽車服務(wù)今日
頭條頭像 /120
項(xiàng)目二 制作知乎音樂人的個(gè)
人主頁封面 /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ì):制作專輯/節(jié)目
封面圖 /126
6.1.4 案例設(shè)計(jì):制作活動(dòng)/專題
封面圖 /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)目一 制作喜馬拉雅圖書焦點(diǎn)宣
傳圖 /141
項(xiàng)目二 制作虎牙培訓(xùn)視頻
Banner /142
實(shí)戰(zhàn)演練 /143
第7章 電商頁面的設(shè)計(jì)與制作 / 144
7.1 網(wǎng)店首頁的設(shè)計(jì)與
制作 /145
7.1.1 網(wǎng)店首頁布局的要點(diǎn) /145
7.1.2 網(wǎng)店首頁設(shè)計(jì)的注意
事項(xiàng) /146
7.1.3 網(wǎng)店首頁的設(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 商品詳情頁的設(shè)計(jì)與
制作 /159
7.2.1 商品詳情頁的制作
要點(diǎn) /159
7.2.2 商品詳情頁的特征 /160
7.2.3 案例設(shè)計(jì):制作焦
點(diǎn)圖 /160
7.2.4 案例設(shè)計(jì):制作商品描
述圖 /163
7.2.5 案例設(shè)計(jì):制作商品賣
點(diǎn)圖 /167
7.3 項(xiàng)目實(shí)訓(xùn)
制作茶葉店首頁 /170
實(shí)戰(zhàn)演練 /171
8.1 H5的基礎(chǔ)知識(shí) /174
8.1.1 認(rèn)識(shí)H5 /174
8.1.2 H5的類型 /175
8.1.3 H5界面設(shè)計(jì)的五大
原則 /177
8.1.4 H5界面設(shè)計(jì)要點(diǎn) /178
8.2 活動(dòng)運(yùn)營型H5界面的設(shè)計(jì)
與制作 /179
8.2.1 活動(dòng)運(yùn)營型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è)招聘長圖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ì):拍攝水果類
短視頻 /198
9.2 短視頻的制作 /199
9.2.1 認(rèn)識(shí)短視頻制作相關(guān)
工具 /200
9.2.2 短視頻的基本類型 /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