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

《网店视觉营销与美工设计从入门到精通》以视觉营销为入口，以网店装修为设计对象，以Photoshop为主要工具，采用理论结合实例的方式介绍了网店视觉营销的具体思路和实现方法，具体包括商品摄影相关知识、商品照片的后期处理，以及网店页面各个区域的装修设计和页面整体打造的综合案例等。全书内容分为13章，共4个部分。第1部分以理论为主，讲解了视觉营销的基本概念、原则、表现形式，商品摄影知识，以及网店装修常用辅助软件等；第2部分以Photoshop为操作平台，讲解了商品照片的裁剪、抠取、修饰，文字与图形的添加，图像合成与特效制作等后期处理基本操作，为后续的网店装修设计打下基础；第3部分以案例详解为主要编写手法，既有网店页面各区域的设计规范及要点讲解，又有页面整体打造的设计思路和操作步骤解析；第4部分主要以Dreamweaver为操作平台，讲解了网店装修中的页面制作与代码生成方法。全书图文并茂，内容全面，讲解思路清晰、通俗易懂，案例的实用性和典型性强，不仅适合想自己装修网店的新手店主学习，也可作为大中专院校相关专业及电子商务技能培训的教材。

前言
如何获取云空间资料
第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

本书写作目的传统行业中的视觉营销，重点在于对环境氛围的布置和主题的强调，而网店中的视觉营销则 “成分复杂 ”，集交互设计、用户体验、信息构架于一体，重点在于利用视线把控消费者的心理。既然视觉营销是以吸引消费者视线并达成销售为目的，那么网店的视觉设计就是整个营销过程的重点。本书抓住视觉营销中网店装修设计图的构思与创作这一核心，从视觉营销的概念入手，讲解如何将视觉营销的理论与网店美工设计技术完美融合，打造出优秀的网店装修视觉效果。
本书内容梗概第 1部分设计之道（第 1~4章）：主要讲解视觉营销的概念、原则、表现形式等，同时介绍商品摄影的相关知识和技巧，以及网店装修中常用的工具和软件。
第 2部分核心技法（第 5~8章）：以 Photoshop为操作平台，讲解商品照片的裁剪、抠取、修饰，文字与图形的添加，图像合成与特效制作等后期处理基本操作，为后续的网店装修设计打下基础。
第 3部分实战之道（第 9~12章）：以从分到总的方式讲解网店页面各区域的设计规范和要点，以及页面整体打造的设计思路和操作步骤，并结合具体案例帮助读者更好地理解和掌握相关知识和技能。
第 4部分高手之道（第 13章）：以网页设计中的代码制作为核心，讲解使用 Dreamweaver编辑网页代码的相关知识与技能，帮助读者掌握更深层次的网店装修操作技能。
本书写作特色详尽的网店视觉营销精髓：本书没有令人头痛的深奥理论，而是精选了视觉营销的基本概念、原则、表现形式等内容进行详细介绍，并通过图文并茂的方式帮助读者轻松掌握与电子商务关系最为密切的视觉营销理论精髓。
全面的网店装修设计规范：本书对网店的店招与导航条、轮播图与欢迎模块、商品陈列区、客服区与店铺收藏区、商品主图、商品搭配专区、商品细节展示区和功效展示区、其他辅助信息等网店页面模块设计进行了逐一讲解，既有对设计规范的总结，又有对设计技巧的点拨。
深入的案例设计思路剖析：本书在详解每个设计案例的操作步骤之前，均对案例的框架设计、风格定位、配色方案等设计思路进行了完整而深入的剖析，能帮助读者养成良好的工作习惯，提升分析问题和解决问题的能力。
独特的案例扩展发散思维：在书中六个页面整体打造的综合性案例最后，利用 “案例扩展 ”栏目对案例设计进行巧妙变化，获得与原案例风格迥异的设计效果，与之前的案例设计思路剖析一起形成了 “从无到有、从有到精 ”的设计图产生过程，能帮助读者掌握更多开拓思路、激发创意的实用技巧。
本书非常适合想自己装修网店的店主阅读，新手店主无须参照其他书籍即可轻松入门，已有一定网店装修经验的店主同样可以通过本书学习更多进阶技能。
本书由河南工业大学设计艺术学院陈高雅著。尽管作者在编写过程中力求准确、完善，但是书中难免会存在疏漏之处，恳请广大读者批评指正，让我们共同对书中的内容进行探讨，实现共同进步。
作者2015年 6月如何获取云空间资料一、扫面二维码获取下载地址用微信扫描左下图中的二维码，关注我们的公众号后回复本书书号的最后6位数字（513858），系统会自动将该书号对应的资源信息发送给读者，读者单击链接后可看到该书对应的实例文件与教学视频下载地址和密码（注意区分大小写），如右下图所示，读者需要根据所购图书的书号输入，每本书的书号是不一样的。
二、下载资料将获取的地址输入到浏览器的地址栏中进行搜索，搜索后跳转至左下图所示的界面中，在文本框中输入获取的下载地址中附带的密码，并单击“提取文件”按钮即可进入资源下载界面，如右下图所示，读者可将云端资料下载到自己的计算机中。下载的资料大部分是压缩包，读者可以通过解压软件（类似WinRAR）进行解压。
三、视频播放在解压后的文件夹中找到视频资源，如左下图所示，右击需要播放的视频，然后在弹出的快捷菜单中依次单击“打开方式>Internet Explorer”，系统会根据操作指令打开IE浏览器，稍等几秒钟后就可看到视频内容，如右下图所示为用网页播放的视频。