第1部分 设计之道——理解视觉营销 2
第1章 视觉营销必知精髓 2
1.1走进视觉营销 2
1.1.1视觉营销的基本概念 2
1.1.2视觉营销的运作流程 3
1.1.3视觉营销的原则 3
1.2衡量视觉营销成败的三大数据指标 4
1.2.1决定销量高低的基础——流量 4
1.2.2彰显电商成交的关键数据——转化率 6
1.2.3体现商品属性和消费者属性——客单价 7
1.3视觉营销的四个关键点 8
1.3.1“视”的关键：打造注意力 8
1.3.2“觉”的关键：唤醒记忆力 9
1.3.3“营”的关键：营造好感度 9
1.3.4“销”的关键：激发想象力 11
第2章 视觉营销的表现形式 13
2.1定义店铺的品牌风格 13
2.1.1便于识别的店铺专属Ⅵ 13
2.1.2色彩与风格的完美搭配 15
2.1.3商品图片的视觉统一化处理 17
2.2用图片和文字提升阅读体验 19
2.2.1店铺首页的布局优化 19
2.2.2商品详情页面的内容安排 20
2.2.3网店商品文案的撰写 21
2.3对店铺进行全方位包装和宣传 23
2.3.1促销活动的策划与实施技巧 23
2.3.2商品分类要充分考虑商品属性与消费者习惯 24
2.3.3利用辅助信息提升购物体验 25
第3章 商品摄影入门与进阶 28
3.1拍出符合网店装修需要的照片 28
3.1.1设置合适的照片格式 28
3.1.2具备真实色彩的照片风格 29
3.1.3从不同视角全方位展现商品 31
3.2准确对焦拍出清晰照片 32
3.2.1广泛应用的单次自动对焦 32
3.2.2适合拍摄体积较小商品的手动对焦 32
3.3正确曝光获得理想画面 33
3.3.1影响画面清晰范围的光圈 33
3.3.2避免画面模糊的安全快门 34
3.3.3尽量使用低感光度 35
3.3.4简单易用的曝光补偿 36
3.4商品拍摄进阶技巧 37
3.4.1商品的摆放 37
3.4.2点缀元素提升商品的档次 38
3.4.3表现整体外观的拍摄技巧 39
3.4.4表现细节的拍摄技巧 41
第4章 视觉营销常用工具 43
4.1获取满意的配色方案 43
4.1.1配色软件ColorSchemer Studio 43
4.1.2基于网页的配色工具Adobe Color CC 45
4.1.3配色网 48
4.2实用的网店装修辅助工具 49
4.2.1美图秀秀 49
4.2.2淘宝装修助手 50
4.2.3淘美网店装修助手 51
4.2.4淘帮手 52
第2部分 核心技法——Photoshop设计必知 54
第5章 裁图与抠图 54
5.1调整照片质量 54
5.1.1改变商品照片的尺寸 54
5.1.2更改商品照片的分辨率 55
5.1.3巧用“另存为”命令减小文件占用空间 56
5.2裁剪图像 57
5.2.1对商品照片进行重新构图 57
5.2.2拉直水平线让商品端正展示 58
5.3抠取图像 59
5.3.1纯色背景的抠取 59
5.3.2外形规则商品的抠取 60
5.3.3外形不规则商品的抠取 61
5.3.4精细抠取商品 63
5.3.5半透明商品的抠取 64
5.3.6特定颜色的抠取 65
5.3.7选区边缘的处理 66
第6章 调色与精修 68
6.1商品照片的色彩调整 68
6.1.1恢复商品的真实色彩 68
6.1.2让商品照片摆脱“灰色阴影” 69
6.1.3突出玻璃制品晶莹剔透质感的调色技巧 70
6.1.4调出炫目的金属色 71
6.1.5增强商品温暖感的调色方法 72
6.1.6提升商品照片色调的厚重感 73
6.2商品照片的精细修饰 75
6.2.1去掉用于悬挂商品的挂钩 75
6.2.2清除摄影棚的痕迹 76
6.2.3消除模特身上的瑕疵 77
6.2.4去除背景板上的瑕疵 79
6.2.5清除商品上的毛发、灰尘 80
6.2.6去除商品包装上的瑕疵 81
6.2.7修补商品表面的缺陷 82
第7章 文字编排与图形绘制 85
7.1文字的编排 85
7.1.1字体与店铺风格的完美搭配攻略 85
7.1.2文字的添加与设置 86
7.1.3文字的艺术化编排 88
7.1.4变形文字的制作 89
7.2修饰图形的绘制 91
7.2.1修饰图形与视觉营销之间的关系 91
7.2.2绘制规则形状的修饰图形 91
7.2.3添加自定义形状让画面内容更丰富 93
7.2.4随心所欲绘制所需的修饰图形 94
第8章 合成与特效 97
8.1图像合成 97
8.1.1制作白底效果的商品图 97
8.1.2合成材质图像让商品更显档次 98
8.1.3合成装饰元素让画面更丰富 99
8.1.4添加半透明水印的技巧 100
8.1.5添加颜色边框的三种方法 101
8.2特效制作 103
8.2.1简单几步打造手绘设计图 103
8.2.2构建景深突出商品形象 105
8.2.3让商品照片细节变清晰的三种方法 106
8.2.4制作商品剪影 108
8.3图层样式 109
8.3.1更改设计元素的填充和描边样式 109
8.3.2让设计元素更立体的样式 111
8.3.3发光样式在店铺装修中的应用 113
第3部分 实战之道——案例解析 115
第9章 网店首页各元素设计 115
9.1店招与导航条 115
9.1.1店招与导航条的设计规范 115
9.1.2店招中店铺名称的艺术化处理 116
9.1.3图层样式在导航条制作中的应用 117
9.1.4店招与导航条设计案例01 117
9.1.5店招与导航条设计案例02 121
9.2欢迎模块与轮播图 126
9.2.1欢迎模块与轮播图的设计规范 126
9.2.2三大元素构建完美设计图 127
9.2.3溶图在欢迎模块中的应用 128
9.2.4欢迎模块设计案例01 128
9.2.5欢迎模块设计案例02 133
9.3商品陈列区 136
9.3.1商品陈列区的设计规范 136
9.3.2商品陈列区的布局方式 137
9.3.3商品陈列区设计案例01 138
9.3.4商品陈列区设计案例02 144
9.4客服区与店铺收藏区 148
9.4.1客服区与店铺收藏区的设计规范 148
9.4.2聊天软件头像的多种创意表现 149
9.4.3客服区与店铺收藏区设计案例01 149
9.4.4客服区与店铺收藏区设计案例02 154
第10章 网店首页整体打造 159
10.1化妆品店铺首页装修设计 159
10.1.1框架设计 159
10.1.2风格定位 160
10.1.3配色方案 161
10.1.4步骤详解 162
10.1.5案例扩展 170
10.2家具店铺首页装修设计 171
10.2.1框架设计 171
10.2.2风格定位 172
10.2.3配色方案 173
10.2.4步骤详解 174
10.2.5案例扩展 181
10.3婚庆商品店铺首页装修设计 182
10.3.1框架设计 182
10.3.2风格定位 183
10.3.3配色方案 184
10.3.4步骤详解 185
10.3.5案例扩展 193
第11章 商品详情页面各元素设计 195
11.1商品主图 195
11.1.1商品主图的设计规范 195
11.1.2添加辅助文案提高商品主图点击率 196
11.1.3商品主图设计案例01 197
11.1.4商品主图设计案例02 201
11.2商品搭配专区 205
11.2.1商品搭配专区的两种表现方式 205
11.2.2指示性符号在商品搭配专区中的妙用 206
11.2.3商品搭配专区设计案例01 207
11.2.4商品搭配专区设计案例02 211
11.3商品细节展示区 217
11.3.1商品细节展示区的表现方式 217
11.3.2文字与素材在商品细节展示区中的作用 218
11.3.3商品细节展示区设计案例01 220
11.3.4商品细节展示区设计案例02 225
11.4商品功效简介区 230
11.4.1商品功效简介区的设计规范 230
11.4.2修饰元素让商品功效简介区表现更生动 230
11.4.3商品功效简介区设计案例01 232
11.4.4商品功效简介区设计案例02 236
11.5其他辅助信息 242
11.5.1信息视图在流程图设计中的应用 242
11.5.2利用品牌和公司简介提升店铺专业形象 243
11.5.3温馨提示设计案例 244
11.5.4购物须知设计案例 247
11.5.5售后承诺设计案例 251
11.5.6品牌简介设计案例 255
第12章 商品详情页面整体打造 259
12.1运动鞋详情页面装修设计 259
12.1.1框架设计 259
12.1.2风格定位 260
12.1.3配色方案 261
12.1.4步骤详解 262
12.1.5案例扩展 271
12.2眼镜框详情页面装修设计 272
12.2.1框架设计 272
12.2.2风格定位 273
12.2.3配色方案 274
12.2.4步骤详解 275
12.2.5案例扩展 281
12.3茶具套装详情页面装修设计 282
12.3.1框架设计 282
12.3.2风格定位 283
12.3.3配色方案 284
12.3.4步骤详解 285
12.3.5案例扩展 291
第4部分 高手之道——装修进阶 293
第13章 网页制作入门与进阶 293
13.1设计图的切片与优化 293
13.1.1按功能对设计图进行切片 293
13.1.2优化切片提升浏览体验 294
13.2网页制作入门 295
13.2.1利用表格展示商品详情信息 295
13.2.2在页面中插入图片 298
13.2.3利用表格实现图文混排 299
13.2.4制作链接代码 301
13.3网页制作进阶 302
13.3.1制作轮播图代码 302
13.3.2制作客服区代码 303
13.3.3制作店铺收藏区代码 305
13.3.4制作欢迎模块代码 306
13.3.5在店铺页面中添加视频 309