网店视觉法宝

网店开店，视觉一直是店铺运营的重点，客户浏览网页，对于页面元素的阅读直接决定了是否愿意信任和购买，故这方面直接影响网店成交。如何花费较少收益，制作高端大气的网店视觉，是所有网店商家很关注的问题。本书以"吸引”为关键词，通过网页的设计、优化，来提高网页的吸引力，帮助卖家获得视觉营销法宝。

曹培强(笔名曹天佑)，Adobe资深平面设计师、网页设计师、平面设计资深讲师，现就职于北京市商业学校信息媒体系，从事平面设计及电商美工教学工作多年。主要作品：《PhotoshopCS2平面设计实战从入门到精通》《PhotoshopCS3接近自学手册》《PhotoshopCS6标准培训教程》《Photoshop学习掌中宝教程》《淘宝网店美工DIY攻略》《淘宝宝贝抠图与店铺装修宝典》等。

章 吸引买家的价格 .................................................................................. 1 1.1 在价格中吸引人之折扣 ................................................................ 2 1.1.1 总是低于整数的小数价格 ............................................... 3 1.1.2 主导优惠的错觉折价 ....................................................... 3 1.1.3 时间优惠的折价方案 ....................................................... 4 1.1.4 用限时折扣吸引买家的连带销售 ................................... 4 1.1.5 吸引眼球的直观打折 ....................................................... 5 1.1.6 降价折扣图片的制作 ....................................................... 5 1.2 在价格中吸引人之奖品攻略 ........................................................ 9 1.2.1 买一送一 ........................................................................... 9 1.2.2 百分之百中奖 ................................................................. 10 1.2.3 箱箱有礼 ......................................................................... 11 1.2.4 收藏有礼 ......................................................................... 11 1.2.5 积分换礼品 ..................................................................... 12 1.2.6 生日送蛋糕 ..................................................................... 13 1.2.7 奖品攻略图片的制作 ..................................................... 13 1.3 在价格中吸引人之变相折扣 ...................................................... 17 1.3.1 抹零化整的变相折扣 ..................................................... 17 1.3.2 多买多送的变相折扣 ..................................................... 17 1.3.3 加量不加价的变相折扣 ................................................. 18 1.3.4 组合销售的变相折扣 ..................................................... 19 1.3.5 变相折扣图片的制作 ..................................................... 20 1.4 在价格中吸引人之熟人买卖 ...................................................... 24 1.4.1 再次购买本店商品可以享受打折优惠.......................... 24 1.4.2 会员区间价格 ................................................................. 25 1.4.3 累计返现 ......................................................................... 25 1.4.4 会员优惠图片的制作 ..................................................... 26 第2 章 吸引买家的商品特色 ........................................................................ 31 2.1 通过商品功能吸引买家 .............................................................. 32 2.1.1 直接描述商品的功能 ..................................................... 32 2.1.2 通过图片对比凸显商品的功能 ..................................... 33 2.2 通过商品特色吸引买家 .............................................................. 34 2.2.1 用特色店招来吸引买家 ................................................. 34 2.2.2 用商品本身的特点吸引买家 ......................................... 34 2.2.3 通过宝贝描述来吸引买家 ............................................. 35 2.3 通过凸显商品自身吸引买家 ...................................................... 35 2.3.1 虚实对比凸显商品 ......................................................... 36 2.3.2 大小对比凸显商品 ......................................................... 36 2.3.3 通过调整背景细节凸显商品 ......................................... 37 2.4 通过添加图片标签吸引买家 ...................................................... 37 2.4.1 添加打折或限价标签 ..................................................... 38 2.4.2 添加限时购标签 ............................................................. 39 2.4.3 添加新品以及正品保证标签 ......................................... 39 2.4.4 添加精品标签 ................................................................. 40 2.5 通过添加情趣对话吸引买家 ...................................................... 44 2.6 通过对商品图片进行后期美化吸引买家 .................................. 47 2.6.1 修正拍歪的图片 ............................................................. 48 2.6.2 修正拍照时产生的晕影 ................................................. 50 2.6.3 修正曝光不足的照片 ..................................................... 52 2.6.4 消除照片中的瑕疵 ......................................................... 54 2.6.5 替换背景 ......................................................................... 56 2.6.6 改变商品色调吸引买家 ................................................. 57 2.6.7 改变商品清晰度吸引买家 ............................................. 58 第3 章 吸引买家的色彩 ................................................................................ 59 3.1 认识网店色彩 .............................................................................. 60 3.2 色彩原理 ...................................................................................... 61 3.3 色彩理论 ...................................................................................... 63 3.3.1 色彩与视觉原理 ............................................................. 63 3.3.2 色彩分类 ......................................................................... 65 3.3.3 色彩三要素 ..................................................................... 68 3.4 色彩颜色管理 .............................................................................. 71 3.4.1 识别色域范围外的颜色 ................................................. 72 3.4.2 色彩模式 ......................................................................... 73 3.4.3 色彩模式转换 ................................................................. 77 3.4.4 调整颜色建议 ................................................................. 78 3.5 网页安全色 .................................................................................. 78 3.6 网店配色 ...................................................................................... 80 3.6.1 自定义页面的主色与辅助色 ......................................... 80 3.6.2 网店色调与配色 ............................................................. 81 3.6.3 色彩推移 ......................................................................... 98 3.6.4 色彩采集 ....................................................................... 100 3.7 色彩与网店页面 ........................................................................ 101 3.7.1 色彩对比 ....................................................................... 101 3.7.2 色彩调和 ....................................................................... 109 3.8 网店页面色彩分类 .................................................................... 109 3.8.1 静态与动态色彩 ........................................................... 109 3.8.2 强调色彩 ....................................................................... 110 第4 章 吸引买家的布局 .............................................................................. 111 4.1 网店栏目和页面设计策划 ........................................................ 113 4.1.1 策划在制作之前的作用 ............................................... 113 4.1.2 网店栏目策划 ............................................................... 113 4.1.3 网店的页面策划 ........................................................... 116 4.2 网店布局的基本元素 ................................................................ 118 4.2.1 店招 ............................................................................... 118 4.2.2 促销广告 ....................................................................... 119 4.2.3 宝贝分类 ....................................................................... 120 4.2.4 联系方式 ....................................................................... 121 4.2.5 店铺收藏 ....................................................................... 121 4.2.6 店铺公告 ....................................................................... 122 4.2.7 宝贝展示 ....................................................................... 123 4.2.8 宝贝排行 ....................................................................... 124 4.2.9 宝贝描述 ....................................................................... 124 4.3 版面布局设计 ............................................................................ 125 4.3.1 版面布局原则 ............................................................... 126 4.3.2 网店页面内容的排版 ................................................... 128 4.4 为商品图片制作统一边框 ........................................................ 128 4.4.1 用边缘色彩添加边框 ................................................... 129 4.4.2 调整图片背景边缘 ....................................................... 131 4.4.3 统一边框样式 ............................................................... 132 4.4.4 商品图片边框的制作 ................................................... 135 4.5 基本构图与商品摆放 ................................................................ 137 4.5.1 横式构图 ....................................................................... 137 4.5.2 竖式构图 ....................................................................... 138 4.5.3 斜式构图 ....................................................................... 138 4.5.4 黄金分割法构图 ........................................................... 139 4.5.5 对称式构图 ................................................................... 139 4.5.6 其他形式的构图 ........................................................... 140 第5 章 网店中可装修模块的设计 ............................................................... 142 5.1 店标设计与制作 ........................................................................ 143 5.2 店招设计与制作 ........................................................................ 148 5.3 宝贝分类设计与制作 ................................................................ 152 5.3.1 宝贝分类设计 ............................................................... 152 5.3.2 子宝贝分类设计 ........................................................... 158 5.4 右侧自定义促销区设计与制作 ................................................ 161 5.5 左侧自定义促销区设计与制作 ................................................ 165 5.6 店铺收藏图片与联系我们图片设计与制作 ............................ 168 5.6.1 店铺收藏图片设计与制作 ........................................... 169 5.6.2 联系我们图片设计与制作 ........................................... 170 5.7 焦点图图片设计与制作 ............................................................ 172 5.7.1 焦点图1 ........................................................................ 172 5.7.2 焦点图2 ........................................................................ 174 第6 章 店铺装修实战与推广 ...................................................................... 178 6.1 改变店铺名称 ............................................................................ 179 6.2 替换店标 .................................................................................... 180 6.3 统一店铺的样式 ........................................................................ 183 6.4 更换店招 .................................................................................... 184 6.5 通栏店招的使用 ........................................................................ 188 6.6 焦点图的应用 ............................................................................ 190 6.7 自定义广告的应用 .................................................................... 196 6.8 宝贝分类的应用 ........................................................................ 203 6.8.1 应用宝贝分类 ............................................................... 203 6.8.2 应用子宝贝分类 ........................................................... 207 6.9 店铺收藏的应用 ........................................................................ 210 6.9.1 获取店铺收藏的代码 ................................................... 210 6.9.2 店铺收藏的应用 ........................................................... 212 6.10 联系我们的应用 ...................................................................... 216 6.10.1 为制作的图片创建切片并导出网页.......................... 217 6.10.2 在Dreamweaver 中生成代码 ..................................... 218 6.10.3 在旺遍天下中获取代码 ............................................. 219 6.10.4 在Dreamweaver 中应用代码并替换图片的代码 ..... 220 6.10.5 联系我们的应用 ......................................................... 222 6.11 手机淘宝的店招应用 .............................................................. 224 6.12 店铺推广 .................................................................................. 227 6.12.1 线下推广 ..................................................................... 228 6.12.2 线上推广 ..................................................................... 229