章 新媒体美工设计入门 1
1.1 新媒体美工设计基础 2
1.1.1 什么是新媒体美工 2
1.1.2 新媒体美工设计的意义 3
1.1.3 认识色彩的三种属 7
1.1.4 美工的配色应用技巧 12
1.2 新媒体美工文字设计 16
1.2.1 常见的字体风格 16
1.2.2 文字的编排规则 18
1.3 新媒体美工版式设计 20
1.3.1 常见的版式布局 20
1.3.2 图片的布局处理 24
第2章 新媒体图文广告设计 26
2.1 新媒体图文设计 27
2.1.1 设计封面图 27
2.1.2 设计信息长图 32
2.1.3 设计九宫格图片 34
2.1.4 设计海报图片 36
2.1.5 设计LOGO标志 38
2.1.6 设计表单 40
2.2 新媒体图文排版 43
2.2.1 图片排版 43
2.2.2 文字排版 44
2.. 视频排版 48
2.2.4 音频排版 51
第3章 新媒体视频广告设计 56
3.1 下载新媒体视频 57
3.1.1 下载文章视频 57
3.1.2 下载朋友圈视频 59
3.1.3 下载微博视频 59
3.1.4 转换视频格式 61. 与录制新媒体视频 62
3.2.1 使用VUE 63
3.2.2 使用美拍大师 65
3.. 使用 68
3.2.4 使用Camtasia Studio 70
3.2.5 使用SnagIt 72
第4章 新媒体音频广告设计 74
4.1 下载与转换音频 75
4.1.1 搜索音频并进行下载 75
4.1.2 通过APP录制语音旁白 77
4.1.3 转换音频文件的格式 79
4.2 处理音频文件 80
4.2.1 调整声音大小 80
4.2.2 裁剪音频 81
4.. 滤镜处理 82
第5章 新媒体H5广告设计 83
5.1 H5的制作平台 84
5.1.1 凡科互动平台 84
5.1.2 视界互动平台 85
5.1.3 人人秀平台 85
5.2 H5网页广告设计 87
5.2.1 文本与动画设计 87
5.2.2 交互跳转页面设计 90
5.. H5互动游戏设计 93
5.2.4 H5抽奖活动设计 95
5.2.5 投票问卷在线表单设计 98
5.2.6 红包H5活动设计 100
第6章 朋友圈广告设计 103
6.1 前期准备：朋友圈设计要点 104
6.1.1 头像是的广告位 104
6.1.2 好的昵称就是品牌 105
6.1.3 个签名字字千金 108
6.1.4 主题照片展示商业价值 110
6.2 案例实战：朋友圈广告设计 112
6.2.1 名人版朋友圈设计 112
6.2.2 简介版朋友圈设计 118
6.. 店招版朋友圈设计 124
第7章 公众号广告设计 130
7.1 前期准备：公众号设计要点 131
7.1.1 设计一个有特色的公众号头像 131
7.1.2 在页面模板中设计好文章封面 134
7.1.3 文章开头或结尾增加关注类图片做宣传 135
7.2 案例实战：公众号广告设计 136
7.2.1 横幅广告Banner设计 137
7.2.2 公众号封面设计 141
7.. 公众号求关注设计 146
第8章 小程序广告设计 150
8.1 前期准备：小程序界面设计要点 151
8.1.1 体现小程序的功能界面 151
8.1.2 内容围绕主营业务设计 152
8.1.3 以特意提升用户体验 152
8.2 案例实战：小程序界面设计 153
8.2.1 旅游小程序界面设计 153
8.2.2 婚纱摄影小程序界面设计 159
8.. 食品小程序界面设计 165
第9章 头条号广告设计 172
9.1 前期准备：今日头条新媒体设计要点 173
9.1.1 企业头像是品牌象征 173
9.1.2 每日更新提高点击率 174
9.1.3 善于利用热门头条事件 176
9.2 案例实战：今日头条广告设计 178
9.2.1 今日头条头像设计 178
9.2.2 主页横幅广告设计 182
9.. 图文推送广告封面设计 186
0章 微博广告设计 192
10.1 前期准备：微博新媒体设计要点 193
10.1.1 设计一个好名称 193
10.1.2 设计合适的微博头像 194
10.1.3 借时下热门话题炒作 195
10.2 案例实战：微博新媒体广告设计 196
10.2.1 微博LOGO设计 196
10.2.2 微博主图设计 202
10.. 微博广告设计 205
1章 微课广告设计 209
11.1 前期准备：微课新媒体设计要点 210
11.1.1 微课的构思设计要点 210
11.1.2 微课的内容设计要点 210
11.1.3 微课的版式设计要点 211
11.2 案例实战：微课宣传广告设计 212
11.2.1 微课讲师页设计 212
11.2.2 微课课程页设计 216
11.. 微课推广页设计 221
2章 直播广告设计 227
12.1 前期准备：直播新媒体设计要点 228
12.1.1 把握热点话题占先机 228
12.1.2 全过程结合产品主题 229
12.1.3 “娱乐+直播”设计方式 0
12.2 案例实战：直播新媒体广告设计 1
12.2.1 主播招募海报设计 2
12.2.2 直播宣传长页设计
12.. 主播海报设计 243
3章 商铺设计 249
13.1 前期准备：微商电商设计要点 250
13.1.1 直观地展示店铺的信息 250
13.1.2 运用技巧提高店铺转化率 251
13.1.3 店铺装修中的注意事项 253
13.2 案例实战：微商电商广告设计 254
13.2.1 店招设计 254
13.2.2 商品简介区设计 259
13.. 美妆界面设计 264
2.1新媒体图文设计在媒体，各类信息都争想要入消费者的眼中。图片相对于信息更有优势，而且丰富的颜色可以让人眼注意到它。运用适当的技巧来设计你的图片，可以让你的文章更加出彩。本节主要介绍一些新媒体的图文设计方法。
2.1.1设计封面图通常来说，封面图会是读者看到的张图片，它能否吸引住读者，是读者会不会点开链接、了解链接详情的关键。如图2-1所示为手机摄影构图大全公众号的文章封面，该公众号以摄影构图为主，所以图片是一张张精美的摄影作品，吸引着爱好摄影的朋友驻足，并点进去查看还有更多精美的图片。
图2-1手机摄影构图大全公众号的文章封面了解封面图片的重要后，可以尝试制作封面图。下面以创客贴为例，介绍制作封面图的方法。
创客贴是一款简单的在线平面设计工具，如图2-2所示。它不需要下载客户端，可以直接在浏览器中编辑，平台提供了大量的模板与图片素材，只要简单地拖曳就可以轻松制作出精美的图片效果。
图2-2创客贴首页STEP01进入创客贴首页，单击“开启设计”按钮，进入到模板挑选页面，如图-所示。
图-模板挑选页面STEP02各类模板根据使用的场景进行划分，每个类别又以不同平台不同尺寸来划分。选择好喜欢的模板后，按照提示登录，即可进入设计页面，如图2-4所示。此处选择的是“官方公众号首图”中的一个模板，页面的左侧是“素材分类区”，中间是“设计操作区”，右侧则是“页面管理区”。
图2-4设计页面STEP03首先可以修改文字信息，双击文字，即可修改文本内容，修改时，文字会变成黑体，修改完后，将鼠标光标移至方框外单击，即可应用修改，字体也会变成模板原来使用的字体。
STEP04如果对字体格式不满意，A①可以在“设计操作区”上方修改相应的格式，B②包括字体颜色、字体、字号、样式、对齐方式、字间距、行间距、透明度、复制、删除等。C或者③单击左侧的“字体”按钮，D④可以在其中挑选字体模板，只需要单击选择的字体，字体就会出现在“设计操作区”中央，再修改文字信息即可，如图2-5所示。
图2-5修改文本内容STEP05然后再修改背景图片，单击背景，图片变为可编辑状态，可在左侧“背景”中挑选纯色、纹理或渐变背景，如图2-6所示。
STEP06也可以使用一些图片来作为背景，单击左侧“素材”中的“图片”按钮，即可显示大量的图片，用户可以从中挑选喜欢的图片作为背景，如图2-7所示。
图2-6背景界面图2-7图片素材界面STEP07如果想用自己已有的图片，可以A单击左侧的“上传”按钮，用电脑或者手机上传图片，上传完成后，B图片会显示在左侧，单击上传的图片，即可添加到“设计操作区”，C调整图片的位置与大小，再根据需要调整元素的位置，即可完成设计，如图2-8所示。
图2-8调整背景STEP08当有新的元素添加至“设计操作区”时，会直接叠加在上方，如果要将新元素放置在底层，可以A①单击“设计操作区”右上方的“图层”按钮，B②在弹出的列表框中可以设置新元素的图层顺序，如图2-9所示。
图2-9移动图层列表框STEP09如果觉得画面较空，也可以试着添加一些元素，如线条、形状、图标等，挑选一些元素进行适当的组合，如图2-10所示。如果已经确定主题，也可以直接在搜索框中搜索关键词，即可搜索到很多相关内容，如图2-11所示。
图2-10“素材”界面 图2-11“检索”界面STEP10制作完成后，可以A①单击“设计操作区”下方的预览按钮，②B对封面图进行预览，看标题会遮挡住封面图的信息，如图2-12所示。但需要注意的是，只有在编辑封面图时才能预览。
图2-12预览封面图STEP11确认无误后，单击界面左上方的“文件”|“保存”命令，即可将文件保存到“设计管理”中，方便以后再次调用，如图2-13所示。
图2-13保存封面图STEP12完成后可以下载图片保存到电脑中，A单击右上方的“下载”按钮，B即可弹出“下载作品”对话框，C设置需要的图片格式后，D单击“确认下载”按钮，如图2-14所示。
图2-14下载封面图STEP13如果想要将自己的作品分享到平台，可以A单击右上方的“发布分享”按钮，B即可弹出“分享设计”对话框，C并生成图片链接，复制链接发布到平台，或者直接分享至对话框下方的三个平台之一，如图2-15所示。
非常抱歉，您前期未参加预订活动，
无法支付尾款哦！
![正版新书]Photoshop新媒体广告设计倪林峰9787302514992](http://imgservice.suning.cn/uimg1/b2c/image/qAF1NnBtHEitVBol--kBFA.jpg_400w_400h_4e)
![正版新书]Photoshop新媒体广告设计倪林峰9787302514992](http://imgservice.suning.cn/uimg1/b2c/image/qAF1NnBtHEitVBol--kBFA.jpg_60w_60h_4e)
![正版新书]Photoshop新媒体广告设计倪林峰9787302514992](http://imgservice.suning.cn/uimg1/b2c/image/Fy7sim2h5SrChEu8tIAz5g.png_60w_60h_4e)
![正版新书]Photoshop新媒体广告设计倪林峰9787302514992](http://imgservice.suning.cn/uimg1/b2c/image/vnkto7VpxAB9gRCWkDcFBQ.png_60w_60h_4e)
