网络电商销售的本质就是用视觉与转化率，它颠覆了传统的商业模式，由于其较为特殊的交易方式，使得店铺中的视觉化设计比实体店铺中的装修显得更加重要。本书从装修风格的确认、配色的选择、图片拍摄、收集、处理和美化到各个模块的设计与制作进行了详细而全面的讲解，能够为淘宝卖家提供全面、实用、快速的店铺装修指导。书中内容全面、覆盖广泛，涉及图像处理软件Photoshop CC的装修设计操作、网页设计软件Dreamweaver、淘宝装修配色及辅助软件等各方面内容，让读者可以从各个方面掌握网店装修的技能。此外，书中将网店装修的各个模块进行了有针对性的介绍，并通过对店铺首页和商品详情页面的整体打造，为读者展示出专业网店的装修技巧和创作思路。
本书中一共包含了七个章节的内容，从网店装修的基础知识、装修照片处理的技巧、网页制作与配色、网店首页各个模块的装修、详情页面各个模块的设计、首页和详情页面整体打造这几个方面着手，循序渐进地讲解了网上店铺装修时所需要的全部知识。
本书内容翔实、举例典型、结构清晰、图文并茂，每个实例都倾注了作者的经验和想象力，具有较高的可读性和可操作性，并且采用案例教程结合理论的编写形式，兼具技术手册和应用技巧参考手册的特点，技术实用、讲解清晰，不仅适合初次开店想自己装修店铺的初中级读者，也可以作为大中专院校相关专业及电子商务方面培训班的教材。

网络时代的今天，网上购物对于大多数人来说已经不再陌生，大家接触到的网络店家也不计其数。网店上最能直接打动顾客，让顾客产生购买欲望的除了价格和产品的特色以外，还有网店整体的装修格局、风格和配色。在价格和商品都相同的条件下，一个优秀的网店装修界面绝对是提升销量的重要因素，由此我们可以很清晰地感受到网店装修的重要性。
本书将网店中各个区域的装修规范与艺术化设计结合起来进行讲解，希望读者能够在体会装修软件强大功能的同时，也能将自己的设计创意和设计理念通过软件应用到网店装修中，帮助读者解决在开店装修中遇到的难题，提高开店水平，快速成为网上销售的高手。
一、本书特色
全面的装修基础知识：本书几乎涵盖了网店装修所涉及的图像、配色、视觉细节和装修准备等各个方面的内容，从商品图像设计的一般流程入手，逐步引导读者学习装修时所涉及的各种技能。
全方位装修软件详解：书中对网店装修设计的Photoshop、网页设计软件Dreamweaver、配色软件和多种辅助网店装修的小软件等进行了介绍，以提高效率为目的，让不同层次的读者可以寻找到适合自己的操作平台。
全套的网店装修设计：本书不仅对网店装修中的单个区域的设计进行了讲解，还使用了较为常见的商品作为设计目标，从网店首页和商品详情页面出发，对整个网页进行创作和制作，教会读者如何对一个统一的整体进行装修，提升网店装修的技能。
二、内容简介
Chapter 01 不可不知——与网店装修相关的基础：介绍网店装修的概念、风格定位、配色、文件类型和注意事项等。
Chapter 02 必备绝技——网店装修五大技能：从裁图、修图、调色、抠图和文字出发，讲解在装修设计中Photoshop的操作技能。
Chapter 03 专业配置——网页制作、配色及相关软件：讲述DW、配色软件和其他网店装修软件的使用与特色。
Chapter 04 网店首页——给顾客带来信心与惊喜：讲解网店首页中店招、导航、欢迎模块、收藏区和客服区的制作要点。
Chapter 05 宝贝详情——精准地抓住顾客的眼球：介绍详情页面中橱窗照、分类栏、搭配套餐和细节展示的设计。
Chapter 06 第一印象——网店首页整体装修：通过完整的案例讲解三种不同类型商品的网店首页设计和制作。
Chapter 07 单品形象——宝贝详情页面装修：通过四种不同商品详情页面的设计与制作提升读者的整体装修能力。
三、读者对象
本书是一本适合想开网店的初、中级读者阅读的网店装修书籍，以前没有接触过网上开店或店铺装修的读者无须参照其他书籍也可轻松入门，已具备自己进行店铺装修能力的读者同样可以从书中快速了解店铺配色、商品调色以及视觉细节等方面的知识点。
由于本书主要讲解网店美工方面的知识以及技巧，所以对于本书中案例的文案更多的是示意和样式展示，请勿对号入座。
四、其他
本书由北京市环境与艺术学校杨智坤老师编写Chapter 01~Chapter 04内容，由北京印刷学院严晨老师编写Chapter 05~Chapter 07、附录内容。本成果受北京印刷学院校级科研教学团队培养办法、北京印刷学院数字媒体艺术实验室（北京市重点实验室）资助。尽管作者在编写过程中力求准确、完善，但是书中难免会存在疏漏之处，恳请广大读者批评指正，让我们共同对书中的内容进行探讨，实现共同进步。

编　者
2015年4月

计算机\数字艺术\视觉营销

网络电商销售的本质就是用视觉与转化率，它颠覆了传统的商业模式，由于其较为特殊的交易方式，使得店铺中的视觉化设计比实体店铺中的装修显得更加重要。本书从装修风格的确认、配色的选择、图片拍摄、收集、处理和美化到各个模块的设计与制作进行了详细而全面的讲解，能够为电商卖家提供全面、实用、快速的店铺装修指导。书中内容全面、覆盖广泛，涉及图像处理软件Photoshop CC的装修设计操作、网页设计软件Dreamweaver、淘宝装修配色及辅助软件等各方面内容，让读者可以从各个方面掌握网店装修的技能。此外，书中将网店装修的各个模块进行了有针对性的介绍，并通过对店铺首页和商品详情页面的整体打造，为读者展示出专业网店的装修技巧和创作思路。

杨智坤　严晨：暂无简介

前言………………………………………………………………………………………………………………Ⅲ
如何获取云空间资料……………………………………………………………………………………………Ⅴ
多媒体视频播放说明……………………………………………………………………………………………Ⅶ
Chapter 01　不可不知——与网店装修相关的基础 1
1.1 与网店装修相关 ……………………………2
1.1.1 网店装修的概念 …………………………2
1.1.2 网店装修的位置 …………………………3
1.1.3 网店装修的类型 …………………………5
1.2 网店装修的色调与风格的定位 ……………6
1.2.1 使用类似色统一风格 ……………………6
1.2.2 使用对比色构成撞色风格 ………………7
1.2.3 多种色彩打造炫彩风格 …………………8
1.2.4 各行业装修的色调与风格解析 …………9
1.3 网店装修的前期准备 ……………………10
1.3.1 商品照片的拍摄 …………………………10
1.3.2 装修素材的准备 …………………………11
1.3.3 获取网络存储空间 ………………………12
1.3.4 认识网店装修的利器Photoshop …………14
1.4 网店装修中常用的文件类型 ……………15
1.4.1 PSD格式的文件 ……………………………15
1.4.2 HTML格式的文件 …………………………16
1.4.3 JPG格式的图片 ……………………………17
1.4.4 PNG格式的图片 ……………………………17
1.4.5 GIF格式的图片 ……………………………18
1.5 网店装修中需要注意的问题 ……………19
1.5.1 图片过多过大延长显示时间 ……………19
1.5.2 动画过多影响阅读体验 …………………19
1.5.3 页面设计切忌过于复杂 …………………20
1.5.4 谨慎选择店铺的风格 ……………………20
1.5.5 风格和表现形式上的统一 ………………20
Chapter 02　必备绝技——网店装修五大技能 21
2.1 裁图——照片裁剪角度纠正 ……………22
2.1.1 重设图片的大小 …………………………22
2.1.2 丢掉多余图像改变构图 …………………23
2.1.3 校正变形的商品 …………………………24
2.2 修图——构建完美细节 …………………25
2.2.1 去除水印 …………………………………25
2.2.2 局部擦除多余内容 ………………………27
2.2.3 妆面美容 …………………………………28
2.2.4 人物瘦身 …………………………………30
2.2.5 锐化商品使其更清晰 ……………………32
2.3 调色——校正色差美化图片 ……………34
2.3.1 恢复图片的正常亮度 ……………………34
2.3.2 校正白平衡 还原真实色彩 ……………36
2.3.3 改变商品色调 营造特殊氛围 …………37
2.4 抠图——精确选取替换背景 ……………38
2.4.1 单色背景的快速抠取………………………38
2.4.2 规则对象的抠取……………………………39
2.4.3 多边形对象的抠取…………………………41
2.4.4 轮廓清晰图像的抠取………………………42
2.4.5 精细图像的抠取……………………………43
2.4.6 复杂或半透明图像的抠取…………………44
2.4.7 让抠取的商品图片边缘更理想 ……………47
2.5 文字——辅助商品信息的表现 …………48
2.5.1 输入信息并进行设置 ……………………48
2.5.2 打造具有创意的标题文字 ………………49
2.5.3 段落文字的艺术化编排 …………………50
Chapter 03　专业配置——网页制作、配色及相关软件 51
3.1 Dreamweaver——编辑网页随心所欲 …52
3.1.1 利用表格标记宝贝描述信息 ……………52
3.1.2 在网店页面中插入图像 …………………55
3.1.3 为特定区域添加超链接 …………………57
3.1.4 为网店装修制作代码 ……………………59
3.2 ColorSchemer Studio——玩转色彩魔方 …………………………………63
3.2.1 寻找与基础色最匹配的颜色 ……………63
3.2.2 图库浏览器中搜索配色方案 ……………65
3.2.3 “快速预览”感受网店配色效果 ………66
3.2.4 获取图片中的配色 ………………………66
3.3 Adobe Kuler——增强Photoshop的 色彩工作方式 ……………………………67
3.3.1 浏览和创建颜色主题 ……………………67
3.3.2 获取海量配色方案 ………………………68
3.3.3 从图片创建颜色主题 ……………………68
3.3.4 直接添加颜色主题到“色板” …………69
3.4 网店装修百宝箱 …………………………70
3.4.1 淘宝装修助手………………………………70
3.4.2 淘宝图片批量处理…………………………71
3.4.3 疯狂的美工装修助手………………………72
Chapter 04　网店首页——给顾客带来信心与惊喜 73
4.1 招牌——店招与导航 ……………………74
4.1.1 设计要点……………………………………74
4.1.2 灯具网店店招与导航设计…………………75
4.1.3 宠物商品店招与导航设计…………………79
4.2 动态——欢迎模块 ………………………83
4.2.1 设计要点……………………………………83
4.2.2 新品上架欢迎模块设计……………………84
4.2.3 母亲节欢迎模块设计………………………88
4.3 服务——客服与收藏区 …………………93
4.3.1 设计要点……………………………………93
4.3.2 收藏区设计…………………………………94
4.3.3 客服区设计…………………………………98
Chapter 05　宝贝详情——精准地抓住顾客的眼球 105
5.1 形象——橱窗展示 ………………………106
5.1.1 设计要点 ………………………………106
5.1.2 特效合成类的橱窗展示设计 …………107
5.1.3 综合类的橱窗展示设计 ………………110
5.2 系统——宝贝分类 ………………………113
5.2.1 设计要点 ………………………………113
5.2.2 炫彩风格的宝贝分类设计 ……………114
5.2.3 单色风格的宝贝分类设计 ……………116
5.3 推荐——宝贝搭配区域 …………………118
5.3.1 设计要点 ………………………………118
5.3.2 冷酷风格的宝贝搭配区域设计 ………119
5.3.3 清爽风格的宝贝搭配区域设计 ………12
3 5.4 详情——宝贝细节展示 …………………127
5.4.1 设计要点…………………………………127
5.4.2 指示性宝贝细节展示的设计……………128
5.4.3 拆分式宝贝细节展示的设计……………132
Chapter 06　第一印象——网店首页整体装修 139
6.1 饰品店铺首页装修设计 …………………140
6.1.1 制作背景确定设计风格 ………………142
6.1.2 抠取饰品制作欢迎模块 ………………143
6.1.3 明度较暗的二级海报 …………………145
6.1.4 使用分类栏引导购物 …………………147
6.1.5 推荐款区域呈现主打商品 ……………149
6.1.6 补充内容完善首页信息表现 …………151
6.2 女装店铺首页装修设计 …………………152
6.2.1 文字和图形组成简约店招和导航 ……154
6.2.2 图层蒙版制作溶图 ……………………155
6.2.3 简易色块组成的分类栏 ………………156
6.2.4 制作简约风格的女装展示 ……………157
6.2.5 利用客服区提升首页服务品质 ………160
6.2.6 调色和锐化整个页面 …………………162
6.3 相机店铺首页装修设计 …………………163
6.3.1 绘制蓝色调的店招和导航 ……………165
6.3.2 抠取相机打造精致的欢迎模块 ………166
6.3.3 添加优惠券和客服 ……………………168
6.3.4 制作用线条引导视线的商品区 ………169
Chapter 07　单品形象——宝贝详情页面装修 171
7.1 裙装详情页面设计 ………………………172
7.1.1 设计标题栏确定页面风格 ………………174
7.1.2 制作详尽的裙装展示页面 ………………175
7.1.3 单色简约的侧边分类栏 …………………178
7.1.4 清新自然的裙装橱窗照 …………………179
7.2 女包详情页面设计 ………………………180
7.2.1 利用广告图展示女包形象 ………………182
7.2.2 专业全面的女包详情 ……………………183
7.2.3 制作侧边分类栏 …………………………187
7.2.4 添加收藏区丰富侧边栏 …………………188
7.2.5 专业简约的女包橱窗照 …………………188
7.3 金饰详情页面设计 ………………………190
7.3.1 高端大气的金饰详情页面 ………………192
7.3.2 精致的场景及佩戴展示 …………………195
7.3.3 多组信息组成的侧边栏 …………………198
7.3.4 典雅简约的金饰橱窗照 …………………201
7.4 腕表详情页面设计 ………………………203
7.4.1 冷酷大气的广告图 ………………………205
7.4.2 暗色调详情页面 …………………………206
7.4.3 金属材质的侧边栏设计 …………………210
7.4.4 简约大气的腕表橱窗照 …………………212
附录 213