第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