做一个有商业思维的电商设计师 从小白到高手

本书内容由浅入深，从设计基础展开，逐步延伸到电商设计工作中的各种常见设计类型，并强调了电商设计的运营思维和用户思维。全书分为四大部分，共14章节。第一部分：电商设计基础，第1～3章。主要讲述设计基础知识，电商设计人员及电商工作人员应该具备的基础设计知识都有涉及。夯实设计基础可以让后续的设计工作更加得心应手。第二部分：电商设计的整体思维，第4～6章。内容涵盖如何建立设计思维，怎样建立品牌意识，如何探究卖点可视化常用的解决思路，如何写更实用的电商文案。正确的思路和解决问题的方式可以让工作更有效。第三部分：具体实施，第7～12章。是实操与理论结合的部分，内容涵盖怎样进行基础的拍摄、修图，怎么设计主图和直通车图，Banner、海报设计的技巧，以及详情页的设计思路和技巧，还包含了基础的GIF图片制作和短视频的拍摄与制作内容。电商设计要求的多元化要求我们的技能也更多元化。第四部分：思考和提升，第13、14章。内容包括结合项目执行细化全案的完整流程，还有设计师的自我提升规划。书中列举大量实例，重点案例还附视频讲解，可参考性较强。本书可供准备从事或者正在从事电商设计的设计人员、电商美工，以及从事网店运营、管理等相关人员阅读参考。

钱莹，自2012年从事电商设计相关工作，至今十一年。自创业期间，服务过超过300家电商卖家。2017-2018作为服务商，服务过阿里，京东，苏宁等超级电商平台。跟随电商从初代发展到如今。于2019年末开始经营自媒体（抖音/公众号/小红书）等平台，被更多设计师和电商人知悉和喜欢。

第一部分 电商设计基础

第1章 新时代的电商设计

1.1 什么是电商设计 002

1.2 常见电商设计图 004

1.2.1 主图 004

1.2.2 详情页 004

1.2.3 Banner 005

1.2.4 直通车图 006

1.2.5 首页 006

1.2.6 活动页/专题页 007

1.3 新零售对电商设计的改变 008

1.4 电商设计师的前景 008

1.4.1 做好电商设计需要看懂的几个数据 009

1.4.2 直播带货对电商设计的影响 010

第2章 电商设计师必会的设计软件

2.1 PS软件在电商设计中的应用 011

2.2 Cinema 4D软件在电商设计中的应用 012

2.3 AI软件在电商设计中的应用 013

2.4 选取设计软件时要考虑的因素 014

2.4.1 位图和矢量图 014

2.4.2 分辨率 014

2.4.3 RGB与CMYK 015

实例 用C4D和AI制作3D字体 015

第3章 电商的平面设计基础

3.1 版式设计基础 020

3.1.1 排版的意义 021

3.1.2 版式设计中的三大基本元素 023

3.1.3 点线面的运用 025

3.1.4 标题文字排版 025

3.1.5 字体设计及搭配运用 026

3.1.6 字体的类型 028

3.1.7 不同字体的性格和搭配 029

3.1.8 版式设计中的层次 031

技巧1 字体的下载与安装方法 032

技巧2 如何高效查找字体 032

3.2 色彩的基础知识 033

3.2.1 色彩的基本属性 033

3.2.2 色彩心理学 035

3.2.3 色彩和光源的关系 038

3.2.4 经典配色 038

技巧3 如何根据产品搭配颜色 040

实例 制作一个简约的版式 041

第二部分 电商设计的整体思维

第4章 电商设计的品牌意识

4.1 建立品牌意识 045

4.1.1 为什么要做品牌 045

4.1.2 品牌需求的设计类型 045

4.1.3 品牌设计的底层逻辑 046

4.1.4 好的品牌设计是什么样的？ 047

4.2 品牌logo设计 047

4.2.1 品牌与logo的关系 047

4.2.2 logo常见类型及趋势 048

4.2.3 logo设计原则 048

4.2.4 logo设计常用方法 048

4.2.5 logo配色技巧 050

4.3 设计要从品牌出发 051

技巧 logo配色技巧 052

第5章 电商设计的卖点可视化

5.1 什么是卖点可视化 053

5.2 如何形成卖点表达的思维 055

实例1 空气净化器产品图设计中的卖点思维 056

实例2 婴儿车产品图设计中的卖点思维 057

实例3 砧板产品图设计中的卖点思维 058

5.3 “风”的卖点表达 058

实例4 用PS制作“风”卖点可视化 059

5.4 “热”的卖点表达 062

实例5 用PS制作“冷”“热”卖点可视化 066

5.5 “安静”的卖点表达 069

5.6 “轻”的卖点表达 070

实例6 用PS制作“轻”卖点可视化 071

技巧 眼镜如何修图 074

5.7 其他卖点的表达 076

实例7 用PS制作眼镜卖点可视化——眼镜防蓝光卖点表现 078

实例8 用C4D制作家居卖点可视化——牙刷防水卖点表现 080

第6章 利用文案为设计加分

6.1 用用户思维写文案 084

6.1.1 电商文案的类型 085

6.1.2 如何写更合适的电商文案 086

6.2 文案的创作方式 088

6.3 文案如何优化 088

6.3.1 精准地说获得的感受 088

6.3.2 精准地说特点 089

6.4 电商设计作品的文案编排 090

实例 制作一个带文案的电商视觉设计作品 090

 

第三部分 具体实施

第7章 电商产品图的拍摄与美化

7.1 产品图片拍摄 093

7.1.1 如何搭建拍摄台面 093

7.1.2 如何用手机拍摄产品图片 094

7.1.3 如何拍摄出符合产品属性的广告图 096

实例1 用手机拍摄帽子产品图 096

7.2 产品图片修图 098

实例2 用钢笔工具抠图 099

实例3 整体调色 099

技巧1 杂乱背景如何修图 101

技巧2 如何修图使产品更具质感 102

实例4 饰品精修案例详解 103

7.3 图片创意合成 106

7.3.1 什么是透视 106

7.3.2 怎样运用光影关系 107

实例5 奶粉创意海报合成 109

第8章 电商产品主图和直通车图设计

8.1 设计师的运营思维：主图/直通车图 114

8.1.1 主图 115

实例1 腰带图 116

8.1.2 直通车图 116

8.1.3 主图与直通车图的区别 117

8.2 主图/直通车图常见设计技巧 117

8.2.1 主图常用的设计版式 118

8.2.2 如何制造差异化 118

8.3 主图/直通车图常用的表现形式 121

8.4 主图/直通车图的制作思路 122

8.5 常用的高点击率的主图设计思路 123

实例2 用PS制作日用品主图 125

实例3 用PS制作美妆类主图 131

实例4 用C4D制作数码3C主图 134

技巧 毛发的制作 138

第9章 平面海报设计和Banner设计

9.1 平面海报设计与Banner设计的区别 140

9.2 平面海报设计 141

9.2.1 平面海报设计的原则 141

9.2.2 常规的平面海报布局方式 142

9.2.3 非常规的平面海报布局方式 143

9.2.4 不同风格类型平面海报表现方式 144

9.2.5 平面海报设计思维训练 149

9.2.6 平面海报设计的印刷规范 150

技巧1 如何不抠图制作设计感海报 151

技巧2 活用混合模式的技巧 154

9.3 Banner设计 156

9.3.1 Banner的组成要素 156

9.3.2 Banner设计前的准备工作 156

9.3.3 Banner版式部分的设计技巧 157

9.3.4 Banner色彩部分的设计技巧 158

9.3.5 Banner常见的视觉风格 160

实例 用PS制作大促活动Banner 161

第10章 电商详情页设计

10.1 设计详情页前的准备 166

10.1.1 找到产品的目标人群 168

10.1.2 风格策划 170

10.1.3 怎样提高转化率 171

10.2 详情页的结构规范 172

10.3 优化详情页视觉体验 175

10.4 详情页的制作流程分析 178

技巧 如何打造爆款详情页 178

实例 用PS制作沙发套详情页 180

第11章 电商GIF动图制作 183

11.1 电商动图的使用类型 183

11.2 动态详情页设计与制作 184

实例 用PS制作蝴蝶飞舞动态图 189

第12章 电商短视频拍摄与制作 191

12.1 短视频的拍摄 191

12.1.1 产品拍摄流程 192

12.1.2 视频构图的基本原则 193

12.1.3 景别 195

12.1.4 角度 195

12.2 短视频的剪辑 195

12.2.1 常用剪辑软件 195

12.2.2 视频剪辑流程 196

12.2.3 视频剪辑技巧 197

12.2.4 视频制作技巧 197

12.3 短视频的输出与应用 199

12.3.1 常用的视频输出格式 200

12.3.2 视频的尺寸 200

 

第四部分 思考和提升

第13章 电商品牌全案设计流程

13.1 项目设计流程 202

13.2 如何更有效地沟通 203

13.3 养成优秀的复盘习惯 205

13.4 外包如何报价 206

实例 制订一个电商视觉设计方案 207

第14章 设计师的自我提升

14.1 给自己制订学习计划 213

14.2 在实践中不断提升 215

 

附录

一、人群的精准定位 216

二、常见的电商促销节日主题活动 218

三、设计工具推荐 219

四、优秀设计资源推荐 222

五、矢量插画 224

实例 用AI绘制矢量插画 225

六、常用的logo灵感网站 227

七、赠送案例制作视频 228