电商视觉营销设计必修课（Photoshop版）

在信息技术飞速发展的今天，尽管市面上拥有众多的软件应用类教程和书籍，但初入职场的青年人、大学生、设计爱好者在工作中依然会发现自己精心设计的视觉作品并不能很好地得到领导的认可和客户的喜欢。为此，作者在执笔构思本书之前曾多次调研了在校学生、应往届毕业生、设计师、Photoshop设计爱好者，调研中发现的问题主要体现在以下3点。
（1）软件说明书式的庞大百科教程只是让大家在学习过程中更多地了解软件的使用说明，而无法真正地接触到电商视觉营销设计中基于市场需求的思维技巧和符合创意要求的核心诉求。
（2）虽然每天都会通过多种途径接触到各类设计教程，但很多时候，自己参考教程所设计的作品并不能符合浏览者的真实需要，花费大量时间设计的华丽视觉效果也无法获得较高的点击量。
（3）传统教育中的说教式教程编写方式，无法实现“以设计需求为中心”，也无法让自己的设计思维得到真正的拓展。
基于以上3点，作者决定不做软件说明书式的百科教程，同时也尽力避免软件功能简单罗列的编写方式，因此按照以下4点进行本书内容的设计。
（1）知己知彼：在本书的基本技能结构搭建上，我们对电商用户的消费心理、设计技巧、思维技巧、创意技巧、知识点活用、案例分享等内容进行了梳理，力求做到让大家“知其然，更知其所以然”。
（2）活学活用：在总体的编写模式上，我们采用了分享的方式，与大家分享设计的技巧和思考的方法和技巧，力求对核心知识点进行提炼，将它们在实际应用中的前因后果、应用拓展等“干货”拿来与大家分享。
（3）弃繁就简：在具体的写作方式上，我们采用了概括整理的方式，对行业应用与设计工具使用技巧和思维方法进行了归纳和总结，限度地方便大家对各知识点和应用技巧在横向、纵向之间展开对比，进而实现自我实战能力的提升和思维能力的拓展。
（4）循序渐进：本书采用“从入门到提高、从了解到应用、从新手到高手”式的结构设计和内容分享框架，方便读者通过学习真正实现设计能力的提高。
本书由李彦广、龚雨齐编著。由于作者水平有限，书中难免存在不足之处，欢迎大家批评指正，也欢迎大家在使用本书的过程中提出更为优良的见解，我们会不断地修订本书，并在新版本中加入更多精彩的内容。
本书提供了案例所需的素材、源文件以及视频文件，扫一扫下面的二维码，推送到自己的邮箱后下载获取。
特别说明：本书部分图像素材来源于网络，仅为向更多的求知者分享具体的应用技巧，并无侵权之意，鉴于出处无法逐一核实，在此，谨对原始素材提供者表示真挚的感谢！
编 者

《电商视觉营销设计必修课（Photoshop版）》主要与大家分享了作者从事电商视觉营销设计多年来在实际工作中的各类设计技巧和应用技巧，对于目前互联网时代，设计师如何设计符合线上、线下（O2O）思维的视觉内容也进行了精细思考。 《电商视觉营销设计必修课（Photoshop版）》共分3个部分：部分为基础知识（第1~2章），分享了电商视觉营销设计中的一些基础性知识，主要包括电商视觉营销设计如何创意、如何洞察客户的需求、如何做好自己的知识储备；第二部分为重点技巧应用（第3~9章），从基本的设计构成入手，分享了电商视觉营销设计中各个组成要素的制作技巧、表现技巧和应用技巧，主要包括图像的修编技巧、色彩的搭配、文字的版式编排及店招、视觉海报、焦点轮播广告的设计技巧；第三部分为综合实战（第10~12章），以电商视觉营销设计中常见的店铺首页、详情页、专题页面的表现技巧和应用技巧为基点，重点分享了其中的详细思索过程和设计过程。 《电商视觉营销设计必修课（Photoshop版）》通过技巧分享，让大家真正理解电商视觉营销设计的要求，电商视觉营销设计的特点，电商视觉营销设计中优秀创意的切入点，浏览者的期望点。从而学会如何替浏览者思考，如何做到用设计理论和电商思维指导实战案例的设计，如何设计出浏览者喜欢的作品。 《电商视觉营销设计必修课（Photoshop版）》特别适合电商视觉营销设计专业学生、电商视觉营销设计爱好者学习，也可供相关专业毕业生实训、相关培训机构使用。

《电商视觉营销设计必修课（Photoshop版）》主要与大家分享了作者从事电商视觉营销设计多年来在实际工作中的各类设计技巧和应用技巧，对于目前互联网时代，设计师如何设计符合线上、线下（O2O）思维的视觉内容也进行了精细思考。 《电商视觉营销设计必修课（Photoshop版）》共分3个部分：部分为基础知识（第1~2章），分享了电商视觉营销设计中的一些基础性知识，主要包括电商视觉营销设计如何创意、如何洞察客户的需求、如何做好自己的知识储备；第二部分为重点技巧应用（第3~9章），从基本的设计构成入手，分享了电商视觉营销设计中各个组成要素的制作技巧、表现技巧和应用技巧，主要包括图像的修编技巧、色彩的搭配、文字的版式编排及店招、视觉海报、焦点轮播广告的设计技巧；第三部分为综合实战（第10~12章），以电商视觉营销设计中常见的店铺首页、详情页、专题页面的表现技巧和应用技巧为基点，重点分享了其中的详细思索过程和设计过程。 《电商视觉营销设计必修课（Photoshop版）》通过技巧分享，让大家真正理解电商视觉营销设计的要求，电商视觉营销设计的特点，电商视觉营销设计中优秀创意的切入点，浏览者的期望点。从而学会如何替浏览者思考，如何做到用设计理论和电商思维指导实战案例的设计，如何设计出浏览者喜欢的作品。 《电商视觉营销设计必修课（Photoshop版）》特别适合电商视觉营销设计专业学生、电商视觉营销设计爱好者学习，也可供相关专业毕业生实训、相关培训机构使用。

李彦广，图像设计及视觉营销创意设计实战者，行业从业10年，每年线上、线下为电商卖家提供视觉营销服务超200次，在实践中总结出了“从0到1”的视觉设计理念。同时，在兼任西安欧亚学院图像编辑与合成课程讲师及火蚁视觉教育讲师期间，将此理念与同学们无私地分享。
龚雨齐，电子商务系授课教师，长期工作在教学一线，提倡应用型教学，聚焦企业需求，重构课堂内容，引入真实项目进课堂，以学生的学习效果为中心，实现学生技术技能的提高。

第 1 章  电商设计师的4项常识  1
1.1 走近电商设计师     2
1.1.1 电商设计师的主要职责   2
1.1.2 电商设计师的薪资待遇   2
1.1.3 电商设计师的市场需求   3
1.1.4 电商设计师的“薪”动向    3
1.2 电商设计师应该知晓的设计常识   4
1.2.1 对电商商品主图需要知道的5件事    4
1.2.2 手机移动端的店铺商品展示设计要求  5
1.2.3 做好电商设计师必须知晓的8个概念  6
1.2.4 电商设计的正确流程您必须知晓  7
1.2.5 微商城视觉设计的4个特点   7
1.2.6 微信视觉推广设计的注意事项    8
1.3 电商视觉营销设计需要掌握的6项主要技能      9
1.3.1 素材整理与搜集   9
1.3.2 熟练掌握流行的设计工具   11
1.3.3 掌握创造分享话题的5个基本技巧  12
1.3.4 了解一些营销的常识  12
1.3.5 了解一些常用的互联网常识   12
1.3.6 了解一些构图的常识  13
第 2 章  电商视觉营销设计的基础：构图         14
2.1 电商视觉营销设计中的构图   15
2.1.1 8种常规的构图方式   15
2.1.2 异形构图方式    18
2.1.3 电商视觉营销设计：设计思维拓展  18
2.2 掌握电商视觉营销设计的5个构图技巧   20
2.3 掌握电商视觉营销设计的核心：优秀的版式会说话    23
2.3.1 电商视觉营销设计中的点、线、面  23
2.3.2 点的张力     24
2.3.3 线的自如     24
2.3.4 面的整体感   25
2.4 构图与浏览体验    25
第 3 章  电商设计师要学会“约会”素材         27
3.1 好素材需要自己行动  28
3.1.1 图片质量高的网站    28
3.1.2 设计技巧分享：好图像引导好流量  28
3.1.3 如何使用图片搜索引擎     28
3.1.4 好图像也需要好标题  29
3.2 “约会”素材，必须掌握4种抠图技巧   30
3.2.1 用好磁性套索工具精细化抠取单色背景的图像  30
3.2.2 借助钢笔工具实现精准化抠图   30
3.2.3 通道抠图法   32
3.2.4 使用其他插件抠图    33
3.3 “赢销”：电商视觉营销设计技巧    34
3.3.1 用谈恋爱的心态才能做“好”设计  34
3.3.2 做“好”视觉营销，创造视觉焦点很关键   36
3.3.3 从视觉营销设计的角度理解微信公众号   37
第4章  电商视觉营销设计中的图像美化         39
4.1 电商视觉营销设计常用的图片尺寸   40
4.4.1 淘宝与天猫平台的常用设计尺寸    40
4.4.2 平台的常用设计尺寸   41
4.4.3 苏宁易购平台的常用设计尺寸   41
4.4.4 移动无线端常用设计尺寸   42
4.2 素材图像的色调调整  43
4.2.1 快速选择图像的高光与阴影   43
4.2.2 图像色调调整的利器：巧妙改善产品的明度    45
4.2.3 无损化调整图像的色调：智能对象与智能滤镜  46
4.3 素材图像的色彩调整  47
4.3.1 对某一种具体颜色的调控技巧   47
4.3.2 调整好图像的明度，让产品显得更通透   48
4.3.3 调整图像的局部色彩，让对比更强烈     49
4.3.4 对产品图像整体色彩的调控技巧    50
4.3.5 校正图像的偏色，让图像更真实  51
4.3.6 产品图像：不可或缺的锐化   52
4.3.7 打造诱人的产品主图像：瑕疵修复  53
4.4 电商视觉营销设计技巧提炼   55
4.4.1 把握消费者的心理    56
4.4.2 提升点击率的4种技巧     56
4.4.3 设计的关键词，您确定好了吗   57
4.4.4 选图片，就是选美女  58
4.5 手机端视觉营销设计的4个关键点     58
4.5.1 视觉设计一定要专注  58
4.5.2 版面布局一定要合理  59
4.5.3 图像的优化一定要合理     59
4.5.4 主图设计的2个关键点要知晓   60
4.6 主图设计案例分享    61
4.6.1 化妆品主图设计  61
4.6.2 护眼灯促销主图设计  63
4.6.3 生鲜产品主图设计    65
4.6.4 农特水果产品主图设计     67
第5章  没时间调整图像，就让图形和文字做主吧      69
5.1 策划电商“赢销”文案     70
5.2 设计“赢销”文案    71
5.2.1 电商设计师需知道，文案创意的4个要点   71
5.2.2 电商设计师需知道，英文会让设计变得“高大上”  72
5.2.3 电商设计师需知道，设计精确的数据更具吸引力  72
5.2.4 好字体，我们约会吧  73
5.2.5 手机移动端文案设计的4个要点  73
5.3 案例与技巧分享：网店文案，应该这样写   75
5.4 技能提升：为形状点赞     76
5.4.1 技能提升：滥用形状的5宗罪   76
5.4.2 技能提升：形状美化的6个技巧  77
5.4.3 技能提升：如何画出曲线图形   80
5.4.4 技能提升：形状组合的应用   82
5.5 形状案例设计与技巧分享     84
5.5.1 分享：淘宝产品海报设计案例   84
5.5.2 分享：天猫品牌海报设计案例   87
5.5.3 分享：平台促销海报设计案例  90
5.5.4 分享：微店产品海报设计案例   92
5.5.5 分享：微信推广海报设计案例   96
5.6 “赢销”：电商视觉营销设计技巧提炼  98
5.6.1 技巧提炼：用好图形，让信息展现更直观   98
5.6.2 技巧提炼：用好图形，让“赢销”重点更突出   99
5.6.3 技巧提炼：用好图形，让页面装饰更简练   99
5.6.4 技巧提炼：用好形状，让页面更具营销力     100
第6章  “好色”才能“赢销”   102
6.1 电商视觉营销设计: 再谈色彩的3个基本属性    103
6.1.1 再谈色彩的明度   103
6.1.2 再谈色彩的饱和度   104
6.1.3 再谈色彩的色相   104
6.2 电商设计的配色技巧   107
6.2.1 懒一点，就用单色   107
6.2.2 巧用产品或模特的颜色    107
6.2.3 储备两个常用的配色网站  108
6.3 电商设计中炼就“好色”的4种吸色大法    108
6.3.1 三角形配色法   108
6.3.2 “互补 类似”式配色法  109
6.3.3 四边形配色法   109
6.3.4 4种常用的色彩调和配色法     109
6.3.5 “偷学”大卖家的配色技巧    111
6.4 设计案例分享     112
6.4.1 色彩应用案例：电商收藏区设计   112
6.4.2 色彩应用案例：电商客服区设计   113
6.4.3 色彩应用案例：售后服务保障卡设计    115
6.4.4 色彩应用案例：微商产品官网设计  117
第7章  店招        123
7.1 认识店招    124
7.1.1 记忆品牌    124
7.1.2 店招设计要注意的基本要求    124
7.1.3 从浏览者角度设计店招    124
7.1.4 店招设计需要掌握的技巧  124
7.2 设计案例分享     125
7.2.1 品牌特色鲜明的农特产品店招设计  125
7.2.2 高品质品牌男装店铺的店招设计   127
7.2.3 借用“点”的魅力设计男鞋店铺的店招     131
7.2.4 凸显店铺主题的女鞋店招设计    132
7.2.5 色彩与活动主题呼应的卫浴店招设计    134
7.2.6 突出促销功能的包包店招设计    136
第8章  电商海报       139
8.1 电商海报设计的3个关键点    140
8.1.1 提炼产品的卖点   140
8.1.2 给浏览者的点击理由是充分的  140
8.1.3 规划营销信息的层次   141
8.2 “赢销”：电商设计师要洞察一切   142
8.2.1 电商设计师要知晓浏览者的心理   142
8.2.2 电商设计师要注意行业表达的特征  142
8.3 “赢销”：电商视觉营销设计中商品放置的4个奥秘    143
8.3.1 “赢销”就要用好三角形  143
8.3.2 “赢销”就要注意环绕和飘舞  144
8.3.3 “赢销”就要用好视觉容器    144
8.3.4 “赢销”就要注意用户的浏览视线  145
8.4 设计案例分享     145
8.4.1 案例：淘宝店家用电器海报设计   145
8.4.2 案例：天猫网店数码海报设计   149
8.4.3 案例：商城化妆品海报设计   152
8.4.4 案例：商城家用电器海报设计  154
8.4.5 案例：苏宁易购超市海报设计   156
8.4.6 案例：唯品会产品海报设计    159
8.4.7 案例：手机店铺的海报设计    161
第9章  首页焦点轮播广告    164
9.1 焦点轮播广告设计常见的4个误区    165
9.2 “赢销”：焦点海报视觉设计技巧提炼  166
9.3 做好焦点海报设计的4个维度   167
9.4 设计案例解析     170
9.4.1 焦点轮播海报设计：PC端焦点轮播广告设计   170
9.4.2 焦点轮播海报：首页形象广告设计   172
9.4.3 焦点轮播海报设计：促销为主的首屏焦点海报   176
9.4.4 焦点轮播海报设计：做好构图用好素材    181
9.4.5 焦点轮播海报设计：用好光影对比   183
第10章  网店首页设计     188
10.1 创造浏览者的眼印象   189
10.1.1 设计“情调”，提升购物的欲望     189
10.1.2 导航设计，给出消费的原因    190
10.1.3 作为设计师，应该知晓3种常见的店铺布局    191
10.1.4 首屏设计的5种类型很重要    191
10.2 恰当分割页面的5个区域  193
10.2.1 顶部形象区    193
10.2.2 首屏吸引区    193
10.2.3 营造氛围的促销区  194
10.2.4 建立情感的交互区  195
10.2.5 不可忽略的页脚区  195
10.3 素材图像管理的3个技巧  195
10.3.1 制定素材图像设计的标准   195
10.3.2 素材的管理    196
10.3.3 边框的添加    197
10.4 实战：女鞋店面设计案例   198
10.4.1 店铺的店招设计    198
10.4.2 店铺的导航设计    199
10.4.3 主