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

笔者经常被问到一些问题：“设计是青春饭吗？”“设计这行有没有前途？”“我××岁了，现在入行设计还来得及吗？”“我做设计为什么总是没有想法？”这两年我们听到越来越多的“不要做工具人”“设计赋能商业”“触达用户”这样的声音，对于大部分设计从业者，这都还是一句空口号。设计师这一人群虽然很庞大，但是真正有机会进入大公司或者是在专业的设计机构工作的人毕竟是少数。很多设计师接触不到数据，不懂什么是用户思维、什么是站在用户角度，不明白设计能给数据带来怎样的改变，不懂赋能是赋什么能…… 
作为一名设计师，在不能很好地掌握技术的前提下，达不到可以用设计解决问题的能力前，笔者自认为，谈“不要做工具人”为时过早。 
设计是设计师了解这个世界的工具，通过设计，我们洞察身边的事物，包含工作，透过设计我们甚至能发现不同行业之间的相通性，比如设计和运营、运营和产品经理。设计和运营在某些思维方面是相通的，优秀的运营往往对设计非常了解，他们可以对设计的流行趋势以及未来的一些变化侃侃而谈；同样一些优秀的设计师运营思维也很厉害，他可以向你讲述什么样的设计可以拉高数据，什么样的设计可以提高用户体验…… 
设计师很重要的一个能力就是：用设计解决问题。只有当你用设计解决过足够多的问题之后，积累了足够的经验之后，你才会更深刻地理解“不要做工具人”的含义。一个优秀的设计师一定善于捕捉用户的、运营的需求，可以从很少的内容和沟通中抓取到很重要的信息，这些都是学习软件给不了你的，也是chatGPT做不到的。 
笔者认为设计是一个非常好的行业，它出售的是你的专业和思维，你可以随时随地办公，你也可以借助设计表达、发泄。你可以在这个行业里面潜心钻研技术成为技术大牛，大公司的需求和一流的项目会因为你的技术而主动找到你；你也可以研究策划营销，将视觉与营销结合起来，真的做到赋能商业。还有其他无数种的可能等待你去发掘，但这个行业，需要你热爱并为之付出。这是一个门槛比较低的行业，低到可能经过一个月的软件培训你就可以找到一个相关的工作岗位。但同时这也是一个天花板很高的行业，在这个行业里面待得越久，越觉得自己能力还远远不够。 
能为电商行业写一本书，我感到非常荣幸，也给笔者自己在职业生涯中记了很重要的一笔。从事电商设计工作这十多年中，很巧的是笔者同淘宝、京东、拼多多甚至抖音这些主流的电商平台一起成长了起来。笔者身边的客户从默默无闻的小卖家做到了行业TOP（顶端），再从TOP做到了行业第一，笔者也见证了很多爆款、品牌做起来的过程。感谢这些客户在成长初期与笔者并肩作战，教笔者看数据，笔者明白了数据的重要性，了解了什么是洞察。再到后来笔者接触到一些大品牌、大公司的项目外包，被项目经理“调教”，被UED（用户体验设计师）“调教”，被需求方“调教”，曾经在无数个改稿的夜晚，笔者觉得世界都不美好了，但是经历过之后再回头看，这些都是笔者成长的重要节点。在后面笔者开始去听运营的课程、品牌的课程，在带领团队的同时一直坚持自我学习，作为电商设计师，学习一定是贯穿我们职业生涯的。 
在本书中，笔者从设计基础逐步深入，再到我们工作中案例的拆解，以及数据反馈，将设计和运营思维、用户思维联合起来，将笔者这十来年的设计经验，和对设计的一些思考分享出来。希望这本书不仅仅可以解决工作中的设计问题，还能为你的设计带来一点更有价值的思考。 
由于时间和水平有限，书中不足之处在所难免，敬请批评指正。 

编著者

本书内容由浅入深，从设计基础展开，逐步延伸到电商设计工作中的各种常见设计类型，并强调了电商设计的运营思维和用户思维。全书分为四大部分，共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

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

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