新媒体美工设计营销实战手册

｜新手入门篇｜

CHAPTER 1　快速入行：了解新媒体美工设计 2

1.1　基础知识：新媒体美工设计入门.3

1.1.1　什么是新媒体美工 3

1.1.2　新媒体美工的设计原则 4

1.1.3　新媒体美工的岗位要求 5

1.2　配色常识：色彩让界面更具魅力.7

1.2.1　色调奠定主旋律 7

1.2.2　调和配色使画面更和谐 10

1.2.3　色彩的使用要点 13

1.3　文字应用：字体赋予界面竞争力.14

1.3.1　文字要易于识别 14

1.3.2　文字的层次感要强 15

1.3.3　清晰地表达文字信息 17

1.3.4　握好文字之间的间距 17

1.3.5　适当设置文字的色彩 18

1.4　布局版式：新媒体美工版式设计.19

1.4.1　常见的版式布局 19

1.4.2　图片的布局处理 25

CHAPTER 2　工具应用：掌握新媒体美工运营工具 27

2.1　文案运营：新媒体文案小工具.28

2.1.1　话题寻找工具：高流量的热点在哪 28

2.1.2　文案策划工具：好的文案怎样写29

2.1.3　活动策划工具：如何确保强互动性 31

2.1.4　内容编辑工具：如何打造多彩内容 33

2.2　美工设计：新媒体设计小工具.35

2.2.1　图片处理工具：如何打造满意图片 35

2.2.2　视频音频工具：创新有声、动画内容 37

2.2.3　H5 制作工具：如何制作吸睛 H5 海报 39

2.2.4　动画制作工具：让新媒体内容更有趣 41

2.2.5　二维码生成工具：多种形式尽在“草料” 42

| 平台制作篇 |

CHAPTER 3　微信平台：朋友圈＋公众号＋小程序 46

3.1　朋友圈设计：名人版背景封面设计 47

3.1.1　制作朋友圈相册封面背景 47

3.1.2　制作朋友圈相册封面头像 49

3.1.3　制作朋友圈相册封面文案 50

3.2　公众号设计：自媒体名人求关注设计 52

3.2.1　制作矩形框背景效果 53

3.2.2　制作公众号求关注主体效果 54

3.2.3　制作自媒体求关注主体效果 55

3.3　小程序设计：婚纱摄影小程序界面设计 56

3.3.1　制作首页广告效果 57

3.3.2　制作服务中心效果 60

3.3.3　制作彩色导航栏 63

CHAPTER 4　资讯平台：今日头条＋一点资讯＋百度新闻65

4.1　今日头条：企业品牌 LOGO 设计 66

4.1.1　制作企业品牌 LOGO 主体效果 66

4.1.2　制作企业品牌 LOGO 字符效果 70

4.1.3　制作企业品牌 LOGO 文字效果 72

4.2　一点资讯：主页横幅广告设计.74

4.2.1　制作主页横幅广告背景效果 75

4.2.2　制作主页横幅广告文字效果 78

4.3　百度新闻：图文推送广告封面设计 80

4.3.1　制作广告封面背景效果 81

4.3.2　制作广告封面主体效果 82

4.3.3　制作广告封面文案效果 84

CHAPTER 5　媒体平台：新浪微博＋知乎＋豆瓣 87

5.1　微博设计：微博主图设计.88

5.1.1　制作微博主图主体效果 88

5.1.2　制作微博主图文字效果 91

5.2　知乎设计：知乎账号头像设计.93

5.2.1　制作知乎账号头像背景效果 94

5.2.2　制作知乎账号头像主体效果 95

5.2.3　制作知乎账号头像文字效果 99

5.3　豆瓣设计：书店页面广告设计.101

5.3.1　制作豆瓣书店页面广告主体效果102

5.3.2　制作豆瓣书店页面广告文字效果105

CHAPTER 6　视频平台：快手＋抖音＋直播 110

6.1　快手设计：摄影短视频教程宣传设计 111

6.1.1　制作短视频教程宣传主体效果 111

6.1.2　制作短视频教程宣传文字效果 114

6.2　抖音设计：抖音个人名片设计.117

6.2.1　制作个人名片背景效果 118

6.2.2　制作个人名片主体效果 119

6.2.3　制作个人名片文字效果 122

6.3　直播设计：直播应用宣传页面设计 124

6.3.1　制作直播应用背景效果 125

6.3.2　制作直播应用主体效果 128

6.3.3　制作直播应用文字效果 130

CHAPTER 7　音频平台：千聊＋荔枝＋喜马拉雅 133

7.1　千聊微课：微课讲师宣传长页设计 134

7.1.1　制作微课讲师介绍页面 135

7.1.2　制作微课课程大纲页面 137

7.1.3　制作用户反馈与求关注页面 141

7.2　荔枝微课：微课课程页设计.144

7.2.1　制作课程页背景效果 145

7.2.2　制作课程页主体效果 147

7.3　喜马拉雅：广播活动页设计.150

7.3.1　制作广播活动页背景效果 151

7.3.2　制作广播活动页背景效果 153

CHAPTER 8　电商平台：淘宝＋天猫＋微店＋微商.157

8.1　淘宝设计：美妆网店首页设计.158

8.1.1　制作纯色渐变效果 158

8.1.2　调整商品图像亮度 159

8.1.3　制作文案与图层样式 160

8.2　天猫设计：厨具网店主图设计.162

8.2.1　制作网店主图主体效果 162

8.2.2　制作网店主图文案效果 163

8.3　微店设计：图书微店界面设计.165

8.3.1　制作微店横幅广告效果 166

8.3.2　制作店铺商品展示效果 167

8.4　微商设计：微商朋友圈广告设计.169

8.4.1　制作微商朋友圈广告背景效果 170

8.4.2　制作微商朋友圈广告商品效果 171

8.4.3　制作微商朋友圈广告文案效果 173

| 广告设计篇 |

CHAPTER 9　活动设计：节日＋促销＋新品推广 178

9.1　元旦活动：商场折扣活动页面设计 179

9.1.1　制作商场折扣活动页面主体效果179

9.1.2　制作商场折扣活动页面文字效果181

9.2　促销活动：双十一促销活动页面设计 183

9.2.1　制作双十一促销活动页面主体效果 183

9.2.2　制作双十一促销活动页面文字效果 185

9.3　新品上市：产品推广活动页面设计 186

9.3.1　制作产品推广活动页面文字效果186

9.3.2　制作产品推广活动页面细节效果189

CHAPTER 10　广告设计：海报＋宣传册＋画册.191

10.1　商场海报：百货商场广告设计.192

10.1.1　制作商场海报背景效果 192

10.1.2　制作商场海报主体效果 194

10.2　画册广告：珠宝画册广告设计.196

10.2.1　制作珠宝画册背景效果 197

10.2.2　制作珠宝画册广告文字效果 200

10.3　宣传广告：数码产品广告设计.202

10.3.1　制作数码产品广告主体效果 202

10.3.2　制作数码产品广告文字效果 205

CHAPTER 11　动画设计：文字动画＋图形动画＋图像动画.207

11.1　文字动画：《清凉一夏》 .208

11.1.1　制作动画背景 208

11.1.2　制作图形元件 210

11.1.3　制作跳动文字 212

11.2　图形动画：《圣诞送礼》 .215

11.2.1　制作圣诞背景 216

11.2.2　创建影片元件 217

11.2.3　制作礼品动画 219

11.2.4　制作合成动画 222

11.2.5　导出动画效果 224

11.3　图像动画：《凌越汽车》 .225

11.3.1　制作背景效果 225

11.3.2　制作汽车标志 227

11.3.3　制作图形动画 228

11.3.4　制作文字动画 229

11.3.5　制作补间动画 232

CHAPTER 12　H5 设计：红包＋宣传＋邀请函 .236

12.1　微信增粉：口令红包 H5 页面设计237

12.1.1　设计口令红包页面效果 237

12.1.2　设计口令红包按钮效果 241

12.2　企业宣传：西餐厅 H5 页面设计242

12.2.1　制作餐厅 H5 背景效果 243

12.2.2　制作餐厅 H5 整体效果 245

12.3　邀请函：婚礼请柬 H5 页面设计246

13.3.1　设计婚礼请柬主题背景效果 247

13.3.2　设计婚礼请柬文本矩形效果 249

CHAPTER 13　APP 设计：修图＋娱乐＋游戏 253

13.1　修图 APP：首页 VIP 推广设计 254

13.1.1　制作 VIP 推广背景效果 254

13.1.2　制作 VIP 推广主体效果 256

13.2　娱乐 APP：发现界面活动设计.260

13.2.1　制作 APP 活动背景效果261

13.2.2　制作 APP 活动主体效果262

13.3　游戏 APP：启动页宣传设计.265

13.3.1　制作游戏宣传背景效果 266

13.3.2　制作游戏宣传主体效果 269

CHAPTER 14　视频设计：风景视频＋电商视频＋婚纱影像.273

14.1　风景视频：《繁花似锦》 .274

14.1.1　通过命令打开多相机编辑器 274

14.1.2　通过剪辑合成高原湖泊视频 276

14.2　电商视频：《摄影图书》 .279

14.2.1　导入电商视频素材 279

14.2.2　制作电商片头特效 281

14.2.3　制作画中画宣传特效 283

14.2.4　制作视频背景音效 284

14.2.5　渲染输出电商视频 286

14.3　婚纱影像：《执子之手》 .287

14.3.1　导入婚纱媒体素材 288

14.3.2　制作视频主体特效 289

14.3.3　制作视频背景音效 291

| 文案排版篇 |

CHAPTER 15　文案撰写：打造优质的标题与正文 .294

15.1　文案标题：掌握标题类型和撰写技巧 295

15.1.1　文案标题的主要类型 295

15.1.2　文案标题的撰写技巧 297

15.2　文案布局：专业的文案表现手法.301

15.2.1　有格局的精准文案 301

15.2.2　无装饰的精巧文案 302

15.2.3　突出式的简短文案 302

15.2.4　注重韵律斟酌表现 303

15.3　内容打磨：文案的多种写作技巧.304

15.3.1　正文开头的写作方法 304

15.3.2　正文中间的写作方法 306

15.3.3　正文结尾的写作方法 310

CHAPTER 16　排版实战：微信后台与专业排版器的应用.313

16.1　视觉体现：微信公众号栏目设置.314

16.1.1　栏目设置对平台的重要性 314

16.1.2　怎样进行公众号栏目设置 317

16.2　排版技巧：提升版式视觉效果的技巧 319

16.2.1　排版风格要选好 320

16.2.2　色彩搭配要适宜 321

16.2.3　文字间距要适宜 322

16.2.4　分隔线的妙用 325

16.2.5　图文结合要谨慎 326

16.2.6　版式简洁更舒适 327

16.3　特殊引流：开头、结尾版式的作用 328

16.3.1　文章开头增加关注 328

16.3.2　文章结尾增加点击量 329

16.4　排版工具：3 种最常用的编辑器介绍 .330

16.4.1　秀米编辑器330

16.4.2　135 微信编辑器 333

16.4.3　i 排版编辑器334

｜视觉运营篇｜

CHAPTER 17　图片编辑：超高颜值引爆读者眼球 .336

17.1　挑选图片：优质好图的挑选技巧.337

17.1.1　掌握图片的基本特征 337

17.1.2　掌握选图的基础要素 337

17.1.3　注重体现图片的质感 342

17.2　图片布局：掌握多种构图技巧.343

17.2.1　分隔构图：展示全貌，清晰明了343

17.2.2　直线构图：提供的不是一种选择344

17.2.3　发散构图：扩展目光 or 聚集焦点 344

17.2.4　渐进构图：明显的立体感与空间感 345

17.3　图片设计：超高颜品，一秒吸睛.345

17.3.1　长图文：连贯的图与文，相辅相成 345

17.3.2　水印：贴上专属标签，自动推广346

17.3.3　二维码：5 种类型，到处是商机 347

CHAPTER 18　视觉运营：美与卖点二者还须兼得 .349

18.1　页面展示：注重细节抓住消费者心理 350

18.1.1　陈列信息：导航清晰，重点突出350

18.1.2　重点信息：放在显眼的有效范围内 351

18.1.3　场景带入：须与受众心理高度契合 351

18.1.4　凡事至简：不费力地快速获取信息 352

18.1.5　通感效应：通过联想打造逼真效果 352

18.2　形式美感：字体 + 按钮和箭头 + 气氛353

18.2.1　字体选择：重要程度不同的信息的传递 353

18.2.2　按钮和箭头：引导受众进行购物354

18.2.3　气氛的营造：通过画面字眼来实现 354

18.3　广告视觉：通过视觉设计提升转化率 355

18.3.1　钻展广告：增加有活力，提升点击率 355

18.3.2　产品内页：要注重将卖点融入效果中 356

18.3.3　连续卖点：重视组合视觉，摆脱乏味 357

18.3.4　主题视觉化：吸引注意，提升转化率 359

18.3.5　技术实现：精细设计，阐述产品卖点 359