网店视觉营销秘笈

    前言
如何获取云空间资料
多媒体视频播放说明
Chapter01不可不知——与网店装修相关的基础
1.1与网店装修相关
1.1.1网店装修的概念
1.1.2网店装修的位置
1.1.3网店装修的类型
1.2网店装修的色调与风格的定位
1.2.1使用类似色统一风格
1.2.2使用对比色构成撞色风格
1.2.3多种色彩打造炫彩风格
1.2.4各行业装修的色调与风格解析
1.3网店装修的前期准备
1.3.1商品照片的拍摄
1.3.2装修素材的准备
1.3.3获取网络存储空间
1.3.4认识网店装修的利器Photoshop
1.4网店装修中常用的文件类型
1.4.1PSD格式的文件
1.4.2HTML格式的文件
1.4.3JPG格式的图片
1.4.4PNG格式的图片
1.4.5GIF格式的图片
1.5网店装修中需要注意的问题
1.5.1图片过多过大延长显示时间
1.5.2动画过多影响阅读体验
1.5.3页面设计切忌过于复杂
1.5.4谨慎选择店铺的风格
1.5.5风格和表现形式上的统一
Chapter02必备绝技——网店装修五大技能
2.1裁图——照片裁剪角度纠正
2.1.1重设图片的大小
2.1.2丢掉多余图像改变构图
2.1.3校正变形的商品
2.2修国——构建完美细节
2.2.1去除水印
2.2.2局部擦除多余内容
2.2.3妆面美容
2.2.4人物瘦身
2.2.5锐化商品使其更清晰
2.3调色——校正色差美化图片
2.3.1恢复图片的正常亮度
2.3.2校正白平衡还原真实色彩
2.3.3改变商品色调营造特殊氛围
2.4抠图——精确选取替换背景
2.4.1单色背景的快速抠取
2.4.2规则对象的抠取
2.4.3多边形对象的抠取
2.4.4轮廓清晰图像的抠取
2.4.5精细图像的抠取
2.4.6复杂或半透明图像的抠取
2.4：7让抠取的商品图片边缘更理想
2.5文字——辅助商品信息的表现
2.5.1输入信息并进行设置
2.5.2打造具有创意的标题文字
2.5.3段落文字的艺术化编排
Chapter03专业配置——网页制作、配色及相关软件
31Dreamweaver——编辑网页随心所欲
3.1.1利用表格标记宝贝描述信息
3.1.2在网店页面中插入图像
3.1.3为特定区域添加超链接
3.1.4为网店装修制作代码
3.2ColorSchemerStudio——玩转色彩魔方
3.2.1寻找与基础色最匹配的颜色
3.2.2图库浏览器中搜索配色方案
3.2.3“快速预览”感受网店配色效果
3.2.4获取图片中的配色
3.3AdobeKuler——增强Photoshop的色彩工作方式
3.3.1浏览和创建颜色主题
3.3.2获取海量配色方案
3.3.3从图片创建颜色主题
3.3.4直接添加颜色主题到“色板”
3.4网店装修百宝箱
3.4.1淘宝装修助手
3.4.2淘宝图片批量处理
3.4.3疯狂的美工装修助手
Chapter04网店首页——给顾客带来信心与惊喜
4.1招牌——店招与导航
4.1.1设计要点
4.1.2灯具网店店招与导航设计
4.1.3宠物商品店招与导航设计
4.2动态——欢迎模块
4.2.1设计要点
4.2.2新品上架欢迎模块设计
4.2.3母亲节欢迎模块设计
4.3服务——客服与收藏区
4.3.1设计要点
4.3.2收藏区设计
4.3.3客服区设计
Chapter05宝贝详情——精准地抓住顾客的眼球
5.1形象——橱窗展示
5.1.1设计要点
5.1.2特效合成类的橱窗展示设计
5.1.3综合类的橱窗展示设计
5.2系统——宝贝分类
5.2.1设计要点
5.2.2炫彩风格的宝贝分类设计
5.2.3单色风格的宝贝分类设计
5.3推荐——宝贝搭配区域
5.3.1设计要点
5.3.2冷酷风格的宝贝搭配区域设计
5.3.3清爽风格的宝贝搭配区域设计
5.4详情——宝贝细节展示
5.4.1设计要点
5.4.2指示性宝贝细节展示的设计
5.4.3拆分式宝贝细节展示的设计
Chapter06第一印象——网店首页整体装修
6.1饰品店铺首页装修设计
6.1.1制作背景确定设计风格
6.1.2抠取饰品制作欢迎模块
6.1.3明度较暗的二级海报
6.1.4使用分类栏引导购物
6.1.5推荐款区域呈现主十了商品
6.1.6补充内容完善首页信息表现
6.2女装店铺首页装修设计
6.2.1文字和图形组成简约店招和导航
6.2.2匡层蒙版制作溶匿
6.2.3简易色块组成的分类栏
6.2.4制作简约风格的女装展示
6.2.5引用客服区提升首页服务品质
6.2.6调色和锐化整个页面
6.3相机店铺首页装修设计
6.3.1绘制蓝色调的店招和导航
6.3.2抠取相机打造精致的欢迎模块
6.3.3添加优惠券和客服
6.3.4制作用线条引导视线的商品区
Chapter07单品形象——宝贝详情页面装修
7.1裙装详情页面设计
7.1.1设计标题栏确定页面风格
7.1.2制作详尽的裙装展示页面
7.1.3单色简约的侧边分类栏
7.1.4清新自然的裙装橱窗照
7.2女包详情页面设计
7.2.1利用广告图展示女包形象
7.2.2专业全面卜女包详情
7.2.3制作侧边分类栏
7.2.4添加收藏区丰富侧边栏
7.2.5专业简约的女包橱窗照
7.3金饰详情页面设计
7.3.1高端大气的金饰详情页面
7.3.2精致的场景及佩戴展示
7.3.3多组信息组成的侧边栏
7.3.4典雅简约的金饰橱窗照
7.4腕表详情页面设计
7.4.1冷酷大气的广告图
7.4.2暗色调详情页面
7.4.3金属材质的侧边栏设计
7.4.4简约大气的腕表橱窗照
附录

    电子商务的本质就是用视觉形成转化率，它颠覆了传统的商业模式，其较为特殊的交易方式使得网店页面的视觉设计比实体店铺的装修更加重要。本书就是基于为淘宝卖家提供全面、实用、快速的店铺装修指导这一主旨编写的。杨智坤、严晨编著的《网店美工实战手册》共分7章，从网店装修的基础知识、装修照片的处理技巧、网页制作与配色、网店首页和详情页面各模块的设计这几个方面着手，循序渐进地讲解了网店装修所需要的全部知识和技能，

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