网店视觉营销与美工设计从入门到精通

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