目 录
第1 章 新媒体美工设计基础快速入门
1.1 了解新媒体美工行业 2
1.1.1 新媒体究竟是什么 2
1.1.2 什么是新媒体美工 3
1.1.3 新媒体美工的岗位要求 4
1.2 了解新媒体设计中的构成要素 6
1.2.1 色彩：让画面更具魅力 6
1.2.2 布局：让信息更有格调 8
1.2.3 图片：让界面更具吸引力 9
1.2.4 文字：让内容更具竞争力 10
1.3 新媒体设计工具总览 13
1.3.1 图片处理工具 13
1.3.2 视频音频工具 14
1.3.3 H5 动画制作工具 17
1.3.4 其他常用工具介绍 18
第2 章 美工设计应掌握的配色知识
2.1 认识色彩 20
2.1.1 色彩的来源 20
2.1.2 色彩的三原色 23
2.1.3 色彩的显示模式 24
2.2 色彩的要素与心理影响 27
2.2.1 色彩的三要素 27
2.2.2 色彩的冷与暖 29
2.2.3 常见色彩与心理 31
2.3 色彩的搭配技巧 33
2.3.1 反差较大的颜色搭配 34
2.3.2 反差较小的颜色搭配 36
2.3.3 色调的搭配方法 38
2.4 受众与色彩的选择 40
2.4.1 根据受众年龄选色 40
2.4.2 根据受众性别选色 42
2.4.3 根据产品特性选色 43
第3 章 高格调的版式效果设计方法
3.1 版式设计基础知识 46
3.1.1 什么是版式设计 46
3.1.2 版式设计的原则 47
3.1.3 版式设计的视觉流程 50
3.2 版式设计的基本构图元素 54
3.2.1 点 54
3.2.2 线 56
3.2.3 面 57
3.3 版式设计的布局 57
3.4 版式设计的形式法则 64
3.4.1 对称与均衡 64
3.4.2 节奏与韵律 66
3.4.3 虚实与留白 68
3.4.4 对比与协调 69
第4 章 图片的应用与搭配很讲究
4.1 应该准备什么样的图片 72
4.1.1 图片清晰度要高 72
4.1.2 图片大小要求能快速打开 73
4.1.3 最佳的图片尺寸 74
4.1.4 图片的光线效果要好 78
4.1.5 动图的动感效果要好 79
4.1.6 水印图片要具有推广作用 80
4.2 优质封面图片的制作技巧 82
4.2.1 什么样的图是优质好图 82
4.2.2 信息展示要有主次 83
4.2.3 直线构图产生视觉冲击力 84
4.2.4 发散构图聚焦设计突出主题 85
4.3 图片的编排注意事项 86
4.3.1 图片的位置 87
4.3.2 图片的面积 89
4.3.3 图片的数量 90
4.4 图片布局中如何用好形状 92
4.4.1 线条的妙用 92
4.4.2 圆形的妙用 94
4.4.3 矩形的妙用 96
4.5 神器图片网站大集合 97
4.5.1 觅元素：免费抠图素材网站 97
4.5.2 Shape Collage：将图片拼成马赛克效果 98
4.5.3 Optimizilla：在线图片优化器 99
4.5.4 iLoveIMG：图像在线编辑工具 99
4.5.5 图好快：优化图片大小 100
第5 章 设计中的字体规划有学问
5.1 了解文字的功能 102
5.1.1 信息交流与知识传播 102
5.1.2 文化传承与象征 103
5.1.3 形象符号与视觉吸引 103
5.2 字体设计论成败 104
5.2.1 不同的字体张力不同 105
5.2.2 改变文字的颜色 107
5.2.3 将文字进行创意重叠 107
5.2.4 改变文字的外形 108
5.3 文字设计中的原则 109
5.3.1 字体与版面主题统一 109
5.3.2 字体与版面背景统一 110
5.3.3 文本具有较高可读性 111
第6 章 新媒体文案设计与编排技巧
6.1 新媒体文案的常见类型 114
6.1.1 按目的划分文案类型 114
6.1.2 按特点划分文案类型 117
6.1.3 按形式划分文案类型 118
6.2 文案撰写中的四要素 121
6.2.1 标题是文案吸睛第一步 121
6.2.2 开篇是文案成功的起点 124
6.2.3 文案内容需要善于表达 126
6.2.4 文案结尾需要画龙点睛 127
6.3 新媒体文案编排技巧提升 128
6.3.1 为文案布局等于化妆 129
6.3.2 文案配图更具吸引力 129
6.3.3 不可忽略的动图与视频 131
6.3.4 文案编排的通用技巧 133
第7 章 信息的视觉呈现全掌握
7.1 信息可视化的基础认知 136
7.1.1 信息可视化呈现的优势是什么 137
7.1.2 了解信息可视化的方式有哪些 140
7.1.3 信息如何从文字变为可视化效果 146
7.2 关系信息图可视化展示，你需要懂得什么 152
7.2.1 手动绘制关系图中的图形符号 152
7.2.2 图形与信息要保持一致 154
7.2.3 想象力是提升关系图可视化呈现的关键 154
7.3 专业数据图表可视化展示的设计要点 156
7.3.1 从文字体现专业 156
7.3.2 从颜色体现专业 158
7.3.3 从外观体现专业 160
7.3.4 从细节体现专业 163
7.3.5 从表达体现专业 165
第8 章 Photoshop 图像处理软件实操
8.1 初次接触Photoshop 168
8.1.1 认识Photoshop 的工作界面 168
8.1.2 Photoshop 的优化设置 169
8.1.3 快速掌握图像文件的基本操作 173
8.2 利用Photoshop 进行抠图操作 180
8.2.1 认识选择与抠图的方法 180
8.2.2 选区的基本操作 181
8.2.3 选区的编辑操作 183
8.3 颜色与色调调整有规律可循 186
8.3.1 颜色的基础知识 186
8.3.2 转换图像的颜色模式 187
8.3.3 快速调整图像 189
8.3.4 图像色调的精细调整 191
8.4 打造时尚炫酷的文字 194
8.4.1 输入横排文字 194
8.4.2 输入直排文字 195
第9 章 H5 界面设计与制作方法
9.1 H5 基础知识全掌握 198
9.1.1 认识H5 198
9.1.2 常用H5 制作网站介绍 199
9.2 H5 的常规用途 199
9.2.1 电子传单 200
9.2.2 电子邀请函 200
9.2.3 招聘广告 201
9.2.4 营销游戏 202
9.2.5 其他用途 202
9.3 H5 制作准备工作 203
9.3.1 选择浏览器 203
9.3.2 页面尺寸 203
9.3.3 资料准备 204
9.4 H5 制作七大步骤 206
9.4.1 确定物料用途 206
9.4.2 选择风格模板 207
9.4.3 拆分设计要点 208
9.4.4 添加动画元素 215
9.4.5 添加背景音乐 217
9.4.6 完成并发布作品 218
9.4.7 数据跟踪与分析 219
9.5 专业级的互动H5 220
9.5.1 了解各类交互模块 220
9.5.2 添加交互动作 221
9.6 H5 作品的应用及推广 223
9.6.1 H5 作品的商用场景 223
9.6.2 扩大H5 的推广范围 224
第10 章 网络互动平台设计实例
10.1 微博主图广告设计 226
10.1.1 制作微博主图的主体效果 226
10.1.2 制作微博主图的文字效果 229
10.2 朋友圈相册封面设计 232
10.2.1 制作头像与装饰效果 232
10.2.2 制作信息简介效果 237
10.3 公众号求关注页面设计 239
10.3.1 制作推荐公众号标志效果 240
10.3.2 制作推荐公众号文案效果 244
10.4 微信小程序主界面设计 246
10.4.1 制作搜索框效果 246
10.4.2 制作功能菜单与首页广告效果 250
10.4.3 制作导航栏效果 254
第11 章 资讯与微商平台设计实例
11.1 今日头条资讯横幅广告设计 258
11.1.1 制作横幅广告背景效果 258
11.1.2 制作横幅广告文字效果 260
11.2 百度新闻图文推送广告封面设计 263
11.2.1 制作广告封面背景效果 264
11.2.2 制作广告封面主体效果 266
11.2.3 制作广告封面主体效果 268
11.3 新品推广秒杀活动页面设计 271
11.3.1 制作秒杀页面的主体效果 271
11.3.2 制作秒杀页面的文案效果 274
第12 章 直播视听平台设计实例
12.1 腾讯直播课程宣传长页设计 280
12.1.1 制作直播讲师信息效果 280
12.1.2 制作讲师简介与课程大纲效果 283
12.1.3 制作图书推荐与求关注效果 286
12.2 快手直播推荐海报设计 290
12.2.1 制作直播推荐海报背景 290
12.2.2 制作发光标题文字效果 292
12.2.3 制作海报立体按钮效果 295
12.3 荔枝微课音频课堂主图设计 297
12.3.1 制作音频课堂主图背景效果 298
12.3.2 制作音频课堂主图文字效果 299
12.4 喜马拉雅播放主页封面设计 302
12.4.1 制作播放主页封面背景效果 302
12.4.2 制作播放主页封面主体效果 306
