新媒体美工设计（全彩慕课版）

　　随着互联网的普及和全民化，“新媒体”这个新兴行业开始兴起。本书从新媒体美工的角度出发，以案例设计和项目实训相结合的方式，介绍新媒体美工设计的相关知识与操作技能。本书共包括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