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

第 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 主体促销海报设计  199
10.4.4 热卖专区设计  201
10.4.5 特色产品区的设计  204
10.4.6 别致蕾丝&长鞋区的设计   208
10.4.7 店铺的页脚设计    208
第11章  电商详情页设计     209
11.1 详情页营销要素解析     210
11.1.1 引发兴趣   210
11.1.2 激发需求   211
11.1.3 产生信赖和记忆    211
11.1.4 梦想拥有   212
11.1.5 做出决定   212
11.2 细节页设计的3个关键点  213
11.3 详情页设计案例分享     214
11.3.1 详情页设计：基本信息区域设计   214
11.3.2 详情页设计：卖点解析   216
11.3.3 详情页设计：产品主要卖点展示   219
11.3.4 详情页设计：设计手稿   220
11.3.5 详情页设计：产品展示部分的设计     222
11.3.6 详情页设计：模特试穿   222
11.3.7 详情页设计：产品参数及细节展示   223
11.3.8 详情页设计：尺码设计   224
11.3.9 详情页设计：关联商品区域的设计     224
11.4 手机端设计案例分享     224
11.4.1 详情页设计案例：搭建页面结构   224
11.4.2 详情页设计案例：设计黏住用户的海报图  225
11.4.3 详情页设计案例：品牌介绍强化特色   227
11.4.4 详情页设计案例：卖点要体现产品的差异化    228
11.4.5 详情页设计案例：产品信息与产品展示设计    230
第12章  电商专题页设计     232
12.1 解析电商专题页面策划的4个要点   233
12.2 营销要素解析    233
12.3 案例设计全程：商城店铺专题页  234
12.3.1 总体布局规划  234
12.3.2 专题页的页面背景设计过程分享   235
12.3.3 专题页欢迎区设计过程分享   236
12.3.4 促销优惠区设计过程分享   241
12.3.5 广告商品区设计过程分享   242
12.4 天猫手机端无线商城的专题页面设计  245
12.4.1 总体布局规划  245
12.4.2 无线端的页面布局与背景设计分享   245
12.4.3 专题页面的店招与焦点海报的设计分享   246
12.4.4 广告产品区效果的制作分享   249
12.5 案例：微信O2O新年专题海报   250