隨著互聯(lián)網(wǎng)的普及和全民化,“新媒體”這個新興行業(yè)開始興起。本書從新媒體美工的角度出發(fā),以案例設(shè)計和項目實訓相結(jié)合的方式,介紹新媒體美工設(shè)計的相關(guān)知識與操作技能。本書共包括9章內(nèi)容,分別是初識新媒體美工、新媒體美工設(shè)計基礎(chǔ)、微信界面的設(shè)計與制作、微博界面的設(shè)計與制作、信息類平臺界面的設(shè)計與制作、音/視頻平臺界面的設(shè)計與制作、電商頁面的設(shè)計與制作、H5界面的設(shè)計與制作,以及短視頻的拍攝與制作。本書旨在通過詳盡的知識講解與豐富的項目實訓幫助讀者理解和掌握新媒體美工設(shè)計的重點知識,有效鍛煉讀者的設(shè)計思維,并提高其實際操作能力。
本書定位于設(shè)計專業(yè)中需要學習和掌握新媒體美工設(shè)計的人員,教學內(nèi)容新穎,深度適當。在形式上完全按照現(xiàn)代教學需要編寫,較為適合實際教學,而在內(nèi)容上加入了不同平臺的新媒體美工設(shè)計,使讀者能夠在瀏覽中掌握不同平臺界面的設(shè)計方法,從而實現(xiàn)設(shè)計與理論的結(jié)合,具有較強的實用性。
葉軍,副教授,碩士,畢業(yè)于江南大學設(shè)計學院,現(xiàn)任教于廣東輕工職業(yè)技術(shù)學院,主要從事視覺傳達設(shè)計領(lǐng)域的教學與研究工,省級精品在線開放課程“圖形創(chuàng)意”主持人,指導學生獲得國內(nèi)外多項設(shè)計賽事獎項,在核心期刊發(fā)表專業(yè)及教學改革論文多篇。
第1章 初識新媒體美工 / 1
1.1 認識新媒體美工 / 2
1.1.1 什么是新媒體美工 / 2
1.1.2 新媒體平臺的
分類 / 3
1.1.3 新媒體美工設(shè)計的技能
要求 / 8
1.1.4 新媒體美工設(shè)計的注意
事項 / 8
1.2 新媒體美工的設(shè)計原則 / 8
1.2.1 統(tǒng)一識別 / 9
1.2.2 重復利用 / 10
1.2.3 主次分明 / 10
1.2.4 具備視覺創(chuàng)意 / 11
1.3 新媒體美工設(shè)計的
流程 / 11
1.3.1 明確設(shè)計目的 / 12
1.3.2 搜集素材 / 12
1.3.3 整合與處理素材 / 13
1.3.4 界面設(shè)計 / 14
1.4 項目實訓 / 14
項目一 “小年夜”活動海報素材的
搜集與整合 / 14
項目二 分析香米Banner整合前后
的效果 / 15
實戰(zhàn)演練 / 16
第2章 新媒體美工設(shè)計基礎(chǔ) / 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 構(gòu)圖與布局 / 23
2.2.1 認識三大基本構(gòu)圖
要素 / 23
2.2.2 常見的構(gòu)圖方式 / 25
2.2.3 界面布局的基本原則 / 27
2.2.4 案例分析:促銷海報的
構(gòu)圖分析 / 28
2.3 文字的運用 / 28
2.3.1 文字的運用原則 / 28
2.3.2 文字的設(shè)計原則 / 29
2.3.3 文字的字體 / 30
2.3.4 文字對比 / 32
2.3.5 案例分析:微信宣傳海報
的文字分析 / 33
2.4 項目實訓 / 34
項目一 H5界面的色彩與布局
鑒賞 / 34
項目二 開屏海報色彩與文字
鑒賞 / 35
實戰(zhàn)演練 / 35
第3章 微信界面的設(shè)計與制作 / 37
3.1 微信賬號頭像的設(shè)計與
制作 /38
3.1.1 微信賬號頭像的設(shè)計
標準 /38
3.1.2 微信賬號頭像的表現(xiàn)
方式 /40
3.1.3 案例設(shè)計:制作企業(yè)微信
賬號頭像 /41
3.1.4 案例設(shè)計:制作個人微信
賬號頭像 /43
3.2 微信朋友圈界面的設(shè)計與
制作 /45
3.2.1 微信朋友圈界面設(shè)計的
意義與作用 /45
3.2.2 微信朋友圈海報設(shè)計
要點 /45
3.2.3 微信朋友圈海報的設(shè)計
原則 /46
3.2.4 案例設(shè)計:制作微信朋友圈
封面 /47
3.2.5 案例設(shè)計:制作微信朋友圈活
動海報 /49
3.3 微信公眾號推文界面的設(shè)計
與制作 /52
3.3.1 認識微信公眾號推文的
組成 /52
3.3.2 微信公眾號推文封面設(shè)計的注
意事項 /53
3.3.3 案例設(shè)計:制作微信公眾號推
文封面 /54
3.3.4 案例設(shè)計:制作微信公眾號推
文營銷長圖 /55
3.4 微信小程序界面的設(shè)計與
制作 /61
3.4.1 微信小程序界面設(shè)計的
技巧 /61
3.4.2 微信小程序界面設(shè)計的注意
事項 /61
3.4.3 案例設(shè)計:制作微信小程序
首頁 /61
3.4.4 案例設(shè)計:制作微信小程序
搜索頁 /65
3.4.5 案例設(shè)計:制作微信小程序
會員中心頁 /67
3.5 項目實訓 /69
項目一 制作花圃微信賬號頭像 /69
項目二 制作微信圖書公眾號推文
封面 /69
實戰(zhàn)演練 /70
第4章 微博界面的設(shè)計與制作 / 71
4.1 微博賬號的設(shè)計與制作 / 72
4.1.1 微博頭像設(shè)計的要點 / 72
4.1.2 微博封面圖、主頁圖尺寸
規(guī)格 / 73
4.1.3 案例設(shè)計:制作微博
頭像 / 74
4.1.4 案例設(shè)計:制作微博封
面圖 / 76
4.1.5 案例設(shè)計:制作微博主
頁圖 / 79
4.2 微博開屏廣告圖的設(shè)計與
制作 / 83
4.2.1 什么是微博開屏廣告 / 83
4.2.2 微博開屏廣告的特點 / 83
4.2.3 微博開屏廣告的類別 / 84
4.2.4 案例設(shè)計:制作微博開屏
廣告圖 / 85
4.3 微博借勢營銷廣告圖的
設(shè)計與制作 / 91
4.3.1 什么是借勢營銷 / 91
4.3.2 微博借勢營銷廣告圖的設(shè)計
要點 / 92
4.3.3 案例設(shè)計:制作微博借勢
營銷廣告圖 / 93
4.4 項目實訓 / 98
項目一 制作通信公司微博
頭像 / 98
項目二 制作端午節(jié)開屏
廣告圖 / 99
實戰(zhàn)演練 /100
第5章 信息類平臺界面的設(shè)計與制作 / 101
5.1 今日頭條界面的設(shè)計
與制作 /102
5.1.1 今日頭條優(yōu)質(zhì)廣告的制作技
巧 /102
5.1.2 案例設(shè)計:制作今日頭條賬
號頭像 /103
5.1.3 案例設(shè)計:制作今日頭條廣
告 /106
5.2 知乎界面的設(shè)計與
制作 /109
5.2.1 知乎主頁封面的類型 /110
5.2.2 案例設(shè)計:制作知乎賬號
頭像 /111
5.2.3 案例設(shè)計:制作知乎個人
主頁封面 /112
5.2.4 案例設(shè)計:制作知乎宣傳
廣告 /116
5.3 項目實訓 /120
項目一 制作云端汽車服務(wù)今日
頭條頭像 /120
項目二 制作知乎音樂人的個
人主頁封面 /120
實戰(zhàn)演練 /121
第6章 音/視頻平臺界面的設(shè)計與制作 / 122
6.1 喜馬拉雅界面的設(shè)計與
制作 /123
6.1.1 喜馬拉雅各宣傳圖的設(shè)計
規(guī)范 /123
6.1.2 案例設(shè)計:制作喜馬拉雅
焦點宣傳圖 /124
6.1.3 案例設(shè)計:制作專輯/節(jié)目
封面圖 /126
6.1.4 案例設(shè)計:制作活動/專題
封面圖 /128
6.2 抖音界面的設(shè)計與
制作 /130
6.2.1 抖音頂部展示圖的設(shè)計
技巧 /130
6.2.2 案例設(shè)計:制作抖音賬號
頭像 /130
6.2.3 案例設(shè)計:制作抖音頂部
展示圖 /133
6.3 虎牙直播界面的設(shè)計與
制作 /135
6.3.1 虎牙直播Banner設(shè)計
要點 /135
6.3.2 案例設(shè)計:制作虎牙直播
Banner /137
6.3.3 案例設(shè)計:制作虎牙直播
封面 /139
6.4 項目實訓 /141
項目一 制作喜馬拉雅圖書焦點宣
傳圖 /141
項目二 制作虎牙培訓視頻
Banner /142
實戰(zhàn)演練 /143
第7章 電商頁面的設(shè)計與制作 / 144
7.1 網(wǎng)店首頁的設(shè)計與
制作 /145
7.1.1 網(wǎng)店首頁布局的要點 /145
7.1.2 網(wǎng)店首頁設(shè)計的注意
事項 /146
7.1.3 網(wǎng)店首頁的設(shè)計要點 /146
7.1.4 案例設(shè)計:制作店招 /147
7.1.5 案例設(shè)計:制作主題
海報 /148
7.1.6 案例設(shè)計:制作優(yōu)惠
信息 /151
7.1.7 案例設(shè)計:制作商品
展示區(qū) /155
7.2 商品詳情頁的設(shè)計與
制作 /159
7.2.1 商品詳情頁的制作
要點 /159
7.2.2 商品詳情頁的特征 /160
7.2.3 案例設(shè)計:制作焦
點圖 /160
7.2.4 案例設(shè)計:制作商品描
述圖 /163
7.2.5 案例設(shè)計:制作商品賣
點圖 /167
7.3 項目實訓
制作茶葉店首頁 /170
實戰(zhàn)演練 /171
8.1 H5的基礎(chǔ)知識 /174
8.1.1 認識H5 /174
8.1.2 H5的類型 /175
8.1.3 H5界面設(shè)計的五大
原則 /177
8.1.4 H5界面設(shè)計要點 /178
8.2 活動運營型H5界面的設(shè)計
與制作 /179
8.2.1 活動運營型H5界面的
設(shè)計思路 /180
8.2.2 案例設(shè)計:制作微信紅包
活動的H5界面 /180
8.2.3 案例設(shè)計:使用MAKA工
具生成微信紅包活動H5
界面 /183
8.3 商品推廣型H5界面的設(shè)計
與制作 /187
8.3.1 商品推廣型H5界面的設(shè)計
技巧 /187
8.3.2 案例設(shè)計:制作商品推廣
H5界面 /188
8.4 項目實訓
制作企業(yè)招聘長圖H5界/191
實戰(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è)計:拍攝水果類
短視頻 /198
9.2 短視頻的制作 /199
9.2.1 認識短視頻制作相關(guān)
工具 /200
9.2.2 短視頻的基本類型 /200
9.2.3 案例設(shè)計:制作企業(yè)宣傳
短視頻 /201
9.2.4 案例設(shè)計:制作商品短
視頻 /206
9.3 項目實訓
拍攝家居短視頻 /209
實戰(zhàn)演練 /209