当今，电子商务产业的发快速发展，让更多的传统行业和经营者们都选择网上开店，而“店铺设计、装修与视觉营销”又是网店经营中重要的一环。为了帮助还没有开店打算开店的用户，以及已开网店但缺少网店装修设计经验的新手卖家，掌握在淘宝、天猫店装修与设计技能，作者根据自己多年网上开店心得，并结合众多淘宝皇冠店主和天猫旗舰店卖家的经验，精心策划了《淘宝天猫店设计、装修与视觉营销从入门到精通》一书。《淘宝天猫店设计、装修与视觉营销从入门到精通》全面、系统地讲解了淘宝、天猫网店装修与设计的基本方法和技巧。全书紧紧围绕“必学的网店视觉营销知识→必懂的网店装修常识→网店装修的视觉影响→网店装修的设计法则→ Photoshop 网店装修的必会技能→网店首页设计→网店详情页设计→网店主图设计→网店推广图设计→网店装修特效代码应用→手机店铺装修设计”这条线索展开内容，采用图解及案例的方式详细地讲解了网店设计与装修的相关技能。需要指出的是，淘宝、天猫店两者的装修设计流程基本相同，本书所讲授的网店装修设计方法、技巧既适合淘宝店，也适合天猫店。读者还可以举一反三、触类旁通应用到其他电商平台开店装修和设计上。
第1 章 开网店必学的视觉营销知识
1.1 什么是视觉营销 / 2
1.1.1 网店经营中的视觉营销 / 2
1.1.2 视觉营销的根本目的 / 5
1.2 网店视觉营销的意义 / 5
1.2.1 进得来 / 5
1.2.2 看得懂 / 5
1.2.3 找得到 / 7
1.2.4 买得到 / 7
1.2.5 回得来 / 8
1.3 如何做好网店的视觉营销 / 8
1.3.1 网店视觉营销的基本原则 / 8
1.3.2 网店视觉设计的基本要素 / 10
皇冠支招
招式01：视觉营销数据化意义 / 11
招式02：视觉营销数据化定位 / 12
招式03： 视觉营销数据化分析与修正 / 15
招式04：视觉营销数据化总结 / 16
案例分享 视觉营销引入庞大流量，让数据流量为我所用 / 16
第2 章 开网店必懂的店铺装修常识
2.1 什么是网店美工 / 21
2.1.1 美工的定义 / 21
2.1.2 新手学美工的建议 / 22
2.2 如何做好网店美工 / 23
2.2.1 设计的理念 / 23
2.2.2 无障碍浏览 / 24
2.2.3 设计看细节 / 24
2.2.4 团队的配合 / 25
皇冠支招
招式01：网店装修的重要性知多少 / 26
招式02：让你的网店设计与众不同 / 27
招式03：美工设计必备“神技” / 27
案例分享 掌握网店装修的6 大关键因素，打造明星店铺 / 30
第3 章 网店装修的视觉影响
3.1 视觉化网店装修 / 34
3.1.1 方案视觉化 / 34
3.1.2 卖点视觉化 / 35
3.1.3 情感视觉化 / 38
3.2 视觉设计要点 / 38
3.2.1 视觉色彩 / 38
3.2.2 视觉字体 / 46
3.2.3 视觉文案 / 50
皇冠支招
招式01：视觉中的点要素 / 52
招式02：视觉中的线要素 / 54
招式03：视觉中的面要素 / 54
招式04：视觉中的图案 / 55
案例分享 视觉营销不简单 / 56
第4 章 网店装修的设计法则
4.1 网店美工的设计思维 / 64
4.1.1 页面的对齐性 / 65
4.1.2 页面的对比性 / 66
4.1.3 页面的亲密性 / 68
4.1.4 页面的重复性 / 69
4.2 网店美工的设计原理 / 70
4.2.1 版面构图原理 / 71
4.2.2 图片构成原理 / 73
4.2.3 图文解说原理 / 77
4.2.4 文字组合原理 / 78
4.3 网店美工的配色原理 / 81
4.3.1 选择基本配色 / 81
4.3.2 决定主题颜色 / 83
皇冠支招
招式01：主图设计 / 86
招式02：详情页设计 / 87
招式03：首页设计 / 88
招式04：推广图设计 / 89
案例分享 提高网店装修效率的秘密 / 90
第5 章 Photoshop 网店装修的基本技能
5.1 Photoshop 的基础操作 / 93
5.1.1 认识Photoshop 操作界面 / 93
5.1.2 新建文件 / 94
5.1.3 打开和保存文件 / 94
5.2 常用的修图工具 / 96
5.2.1 选区工具 / 96
5.2.2 污点修复画笔工具 / 97
5.2.3 修复画笔工具 / 98
5.2.4 修补工具 / 99
5.2.5 裁剪工具 / 100
5.3 图层面板的应用 / 100
5.3.1 认识图层面板 / 101
5.3.2 图层基本操作 / 101
5.4 图像的调整和输出 / 102
5.4.1 图像的调整 / 102
5.4.2 图像的输出 / 105
皇冠支招
招式01：网店的图片格式 / 107
招式02：网店的颜色模式 / 107
招式03：网店的分辨率 / 107
招式04：网店的素材品质 / 108
招式05：网店的字体字号 / 108
案例分享 简约、大气的网店这样设计 / 108
第6 章 网店的首页设计
6.1 网店的首页结构 / 111
6.1.1 网店的布局内容 / 111
6.1.2 网店的视觉定位 / 113
6.1.3 网店的客户定位 / 118
6.2 网店的店招要素 / 122
6.2.1 店招的信息传达 / 122
6.2.2 店招的吸引力 / 123
6.3 网店的导航要素 / 123
6.3.1 隐形导航 / 123
6.3.2 半隐形导航 / 123
6.3.3 显性导航 / 124
6.4 网店的首焦要素 / 124
6.4.1 首焦的尺寸 / 124
6.4.2 首焦的信息传达 / 125
6.4.3 首焦的布局 / 126
6.4.4 首焦的展示方式 / 127
6.4.5 首焦的视觉效果 / 128
6.5 网店的页尾要素 / 128
6.5.1 页尾的服务信息 / 129
6.5.2 页尾的功能作用 / 129
6.6 网店的产品分类 / 129
6.6.1 产品分类的展示 / 130
6.6.2 分类的交互效果 / 130
6.7 网店的产品展示 / 130
6.7.1 产品整洁 / 131
6.7.2 爆款突出 / 131
6.7.3 整体统一 / 132
6.7.4 陈列搭配 / 132
6.7.5 排列有序 / 133
皇冠支招
招式01：收藏功能全屏店招设计 / 134
招式02：全屏海报设计 / 143
招式03：产品陈列设计 / 145
招式04：功能全面页尾设计 / 149
案例分享 有了好的首页设计就成功了一半 / 154
第7 章 网店的详情页设计
7.1 详情页的设计思路 / 156
7.1.1 宝贝详情页的作用 / 156
7.1.2 设计详情页遵循的前提 / 156
7.1.3 设计前的市场调查 / 157
7.1.4 宝贝卖点挖掘 / 157
7.1.5 详情页的视觉呈现 / 157
7.2 详情页的设计内容 / 158
7.2.1 模特图展示 / 158
7.2.2 产品整体展示 / 158
7.2.3 产品细节图片 / 159
7.2.4 产品宣传广告图片 / 159
7.2.5 产品参数图片 / 160
7.2.6 产品介绍 / 160
7.2.7 产品特色卖点 / 161
7.2.8 产品对比展示 / 161
7.2.9 产品使用场景展示 / 162
7.2.10 产品包装展示 / 162
7.2.11 产品售后说明 / 162
7.2.12 品牌文化和企业实力 / 163
7.2.13 关联广告位展示 / 163
7.2.14 促销活动展示 / 164
7.2.15 详情页的情感营销 / 165
7.3 详情页的设计要点 / 166
7.3.1 满足客户需求 / 166
7.3.2 控制页面内容 / 167
7.3.3 进行合理布局 / 167
皇冠支招
招式01：详情页布局设计 / 168
招式02：产品整体展示模块设计 / 171
招式03：产品细节模块设计 / 174
招式04：产品卖点模块设计 / 178
案例分享 让详情页成为优秀的“导购员” / 182
第8 章 网店的主图设计
8.1 网店的主图规范 / 188
8.1.1 主图的重要性 / 188
8.1.2 天猫主图规范 / 189
8.1.3 C 店主图发布规范 / 190
8.2 网店的主图要求 / 191
8.2.1 清晰度要求 / 191
8.2.2 曝光度要求 / 192
8.2.3 图像大小要求 / 192
8.3 网店的主图结构 / 193
8.3.1 黄金分割结构 / 193
8.3.2 直线式结构 / 193
8.3.3 渐次式结构 / 194
8.3.4 三角式结构 / 194
8.3.5 辐射式结构 / 195
8.3.6 对角式结构 / 195
8.3.7 其他结构 / 195
8.4 网店的主图展示 / 196
8.4.1 信息分类 / 196
8.4.2 品牌宣传 / 196
8.4.3 场景表现 / 197
皇冠支招
招式01：突出品牌主图设计 / 197
招式02：简约式主图设计 / 199
招式03：场景化主图设计 / 201
招式04：营销化主图设计 / 203
招式05：质感主图设计 / 205
案例分享 主图设计优化绝招 / 209
第9 章 网店的推广图设计
9.1 直通车广告 / 212
9.1.1 搜索推广图 / 212
9.1.2 定向推广 / 213
9.1.3 活动推广 / 213
9.2 钻展广告 / 214
9.2.1 钻展广告位 / 214
9.2.2 钻展图片要求 / 214
9.2.3 钻展文字信息 / 215
9.3 推广图设计准则 / 215
9.3.1 推广主题清晰 / 215
9.3.2 针对人群明确 / 216
9.3.3 主题的表现形式 / 216
9.4 推广图设计要点 / 218
9.4.1 价格差异化 / 218
9.4.2 折扣差异化 / 218
9.4.3 销量差异化 / 219
9.4.4 品质差异化 / 219
9.4.5 创意差异化 / 220
9.5 推广图设计分类 / 220
9.5.1 单品推广图 / 220
9.5.2 店铺推广图 / 221
皇冠支招
招式01：突出价格推广图设计 / 222
招式02：突出销量推广图设计 / 224
招式03：突出活动推广图设计 / 227
招式04：突出折扣推广图设计 / 230
案例分享 推广图设计的几大要素 / 231
第10章 网店装修的特效代码
10.1 代码的基础知识 / 235
10.1.1 代码的定义 / 235
10.1.2 代码的应用 / 235
10.2 代码的使用方法 / 236
10.2.1 代码的学习 / 236
10.2.2 代码的生成 / 236
10.2.3 代码的编辑 / 238
皇冠支招
招式01：实现全屏海报 / 239
招式02：实现固定背景 / 244
招式03：实现客服在线模板 / 246
案例分享 优化页面的代码应用 / 253
第11章 手机淘宝页面设计与装修
11.1 手机淘宝页面装修基础 / 256
11.1.1 手机淘宝装修入口 / 256
11.1.2 手机淘宝装修组件 / 257
11.2 模块的装修实操 / 258
11.2.1 模块的添加和删除 / 258
11.2.2 各类模块的不同作用 / 259
11.2.3 更多无线端链接轻松获得 / 266
11.2.4 手机淘宝首页规划 / 266
皇冠支招
招式01：设计手机淘宝店招 / 267
招式02：设计手机淘宝焦点图 / 270
招式03：设计手机淘宝产品分类 / 272
招式04：设计手机淘宝宝贝推荐 / 274
案例分享 正确发布无线端的宝贝详情页 / 276
附 录 淘宝与天猫开店的区别
主题一：淘宝、天猫开店申请与入驻区别 / 280
主题二：淘宝、天猫店铺装修及运营区别 / 285
主题三：淘宝、天猫店铺售后服务及客户权益区别 / 290
大型多媒体教学光盘精彩内容展示
PART 1 做好准备
1.1 如何使用素材文件与结果文件
1.2 如何使用装修素材与设计模板
1.3 如何阅读电子书
1.4 如何观看视频教程
PART 2 练好基本功
2.1 同步学习的素材文件与结果文件
2.2 5.5 小时同步视频教程，全套装修操作演示
2.3 PPT 课件，全程再现皇冠店家装修经验
2.4 6 小时Photoshop 照片处理视频教程
PART 3 15 个网店宝贝优化必备技能视频教程
技能1：调整倾斜的照片并突出主体
技能2：去除多余对象
技能3：宝贝图片照片降噪处理
技能4：宝贝图片照片清晰度处理
技能5：珠宝模特美白处理
技能6：衣服模特上妆处理
技能7：模特人物身材处理
技能8：虚化宝贝的背景
技能9：更换宝贝图片的背景
技能10：宝贝图片的偏色处理
技能11：修复偏暗的宝贝图片
技能12：修复过曝的宝贝图片
技能13：修复逆光的宝贝图片
技能14：添加宣传水印效果
技能15：宝贝场景展示合成
PART 4 10 招搞定“双11”“双12”
第一招：无利不起早——“双11”对你的重要意义
第二招：知己知彼——透视“双11”活动流程
第三招：做个纯粹的行动派——报名“双11”活动
第四招：粮草先行——“双11”活动准备工作
第五招：打好热身仗——“双11”活动热身、预售
第六招：一战定胜负——“双11”活动进行时
第七招：善始善终—— “双11”活动售后服务
第八招：乘胜追击——“双12”活动备战
第九招：出奇制胜——“双11”“双12”营销策划与创意
第十招：他山之石——“双11”成功营销案例透析
PART 5 手把手教你把新品打造成爆款视频教程
第1 步：爆款产品内功修炼
第2 步：打造爆款基本功
第3 步：爆款流量武器
第4 步：爆款产品转化全店盈利
第5 步：爆款案例分析
PART 6 网店卖家必知的12 大促销策略
策略1：选择合适做促销的商品
策略2：通过邮费赚取利润
策略3：节假日销售促销策略
策略4：利用赠品做促销活动
策略5：通过拍卖方式促销
策略6：低价出售部分商品
策略7：通过购物积分促销
策略8：巧妙进行包邮促销
策略9：使用限时限量促销商品
策略10：销售淡季的促销方法
策略11：如何选择时间做促销效果才能最好
策略12：避免店铺促销误区的技巧
PART 7 你不能不知道的100 个卖家经验与赢利技巧
7.1 新手卖家开店认知与准备技巧
技巧1 网店店主要具备的基本能力
技巧2 个人开淘宝店要充当的角色
技巧3 为店铺做好市场定位准备
技巧4 新手开店产品的选择技巧
技巧5 主打宝贝的市场需求调查
技巧6 网店进货如何让利润最大化
技巧7 新手开店的进货技巧
技巧8 新手代销产品注意事项与技巧
技巧9 掌握网上开店的流程
技巧10 给网店取一个有卖点的名字
7.2 网店宝贝图片拍摄与优化的相关技巧
技巧11 店铺宝贝图片的标准
技巧12 注意商品细节的拍摄
技巧13 利用自然光的拍摄技巧
技巧14 不同商品拍摄时的用光技巧
技巧15 新手拍照易犯的用光错误
技巧16 用手机拍摄商品的技巧
技巧17 服饰拍摄时的搭配技巧
技巧18 裤子拍摄时的摆放技巧
技巧19 宝贝图片美化的技巧与注意事项
7.3 网店装修的相关技巧
技巧20 做好店铺装修的前期准备
技巧21 新手装修店铺的注意事项
技巧22 店铺装修的误区
技巧23 设计一个出色的店招
技巧24 把握好店铺的风格样式
技巧25 添加店铺的收藏功能
技巧26 做好宝贝的分类设计
技巧27 做好店铺的公告栏设计
技巧28 设置好广告模板
技巧29 增加店铺的导航分类
技巧30 做好宝贝推荐
技巧31 设置好宝贝排行榜
技巧32 设置好淘宝客服
7.4 宝贝产品的标题优化与定价技巧
技巧33 宝贝标题的完整结构
技巧34 宝贝标题命名原则
技巧35 标题关键词的优化技巧
技巧36 如何在标题中突出卖点
技巧37 寻找更多关键词的方法
技巧38 撰写商品描述的方法
技巧39 写好宝贝描述提升销售转化率
技巧40 认清影响“宝贝”排名的因素
技巧41 商品发布的技巧
技巧42 巧妙安排宝贝的发布时间
技巧43 商品定价是必须考虑的要素
技巧44 商品定价的基本方法
技巧45 商品高价定位与低价定位法则
技巧46 抓住消费心理巧用数字定价
7.5 网店营销推广的基本技巧
技巧47 加入免费试用
技巧48 参加淘金币营销
技巧49 加入天天特价
技巧50 加入供销平台
技巧51 加入限时促销
技巧52 使用宝贝搭配套餐促销
技巧53 使用店铺红包促销
技巧54 使用彩票拉熟方式促销
技巧55 设置店铺VIP 进行会员促销
技巧56 运用信用评价做免费广告
技巧57 加入网商联盟共享店铺流量
技巧58 善加利用店铺优惠券
技巧59 在淘宝论坛中宣传推广店铺
技巧60 向各大搜索引擎提交店铺网址
技巧61 让搜索引擎快速收录店铺网址
技巧62 使用淘帮派推广
技巧63 利用“淘帮派”卖疯主打产品
技巧64 利用QQ 软件推广店铺
技巧65 利用微博进行推广
技巧66 利用微信进行推广
技巧67 微信朋友圈的营销技巧
技巧68 利用百度进行免费推广
技巧69 店铺推广中的8 大误区
7.6 直通车推广的应用技巧
技巧70 什么是淘宝直通车推广
技巧71 直通车推广的功能和优势
技巧72 直通车广告商品的展示位置
技巧73 直通车中的淘宝类目推广
技巧74 直通车中的淘宝搜索推广
技巧75 直通车定向推广
技巧76 直通车店铺推广
技巧77 直通车站外推广
技巧78 直通车活动推广
技巧79 直通车无线端推广
技巧80 让宝贝加入淘宝直通车
技巧81 新建直通车推广计划
技巧82 分配直通车推广计划
技巧83 在直通车中正式推广新宝贝
技巧84 直通车中管理推广中的宝贝
技巧85 修改与设置推广计划
技巧86 提升直通车推广效果的技巧
7.7 钻展位推广的应用技巧
技巧87 钻石展位推广的特点
技巧88 钻石展位推广的相关规则
技巧89 钻石展位推广的黄金位置
技巧90 决定钻石展位效果好坏的因素
技巧91 用少量的钱购买最合适的钻石展位
技巧92 用钻石展位打造爆款
7.8 淘宝客推广的应用技巧
技巧93 做好淘宝客推广的黄金法则
技巧94 主动寻找淘宝客帮助自己推广
技巧95 通过店铺活动推广自己吸引淘客
技巧96 通过社区活动增加曝光率13
技巧97 挖掘更多新手淘宝客13
技巧98 从SNS 社会化媒体中寻觅淘宝客14
技巧99 让自己的商品加入导购类站点14
技巧100 通过QQ 结交更多淘宝客14
PART 8 不要让差评毁了你的店铺——应对差评的10 种方案
PART 9 淘宝与天猫开店的区别
1. 淘宝、天猫开店申请与入驻区别
2. 淘宝、天猫店铺装修及运营区别
3. 淘宝、天猫店铺售后服务及客户权益区别
4.2016—2017 年淘宝重要规则新变化
PART 10 超人气网店设计素材库
28 款详情页设计与描述模板（PSD 分层文件）
46 款搭配销售套餐模板
162 款秒杀团购模板
200 套首页装修模板
330 个精美店招模板
396 个关联多图推荐格子模板
660 款设计精品水印图案
2000 款漂亮店铺装修素材
天猫主图规范
很多卖家对淘宝规则中的主图规范不了解，以为在主图上加很多促销信息，就会吸引买家，然而加上了很多促销信息后，却遮盖了商品主图。这种做法对提高点击率固然有效，但严重影响了淘宝搜索页的美观度。
这样就算流量进来了，也无法提升买家的购买欲，反而降低了买家的消费体验，同时很难将商品的视觉价值提升，在买家心目中已经认为此商品属于营销类商品，有大甩卖的倾向。出现这样的情况很不利于宝贝的展示并影响销售，对产品的品牌价值产生了消极的影响。
所以，淘宝对大部分类目的商品而言主图是有明确的设计要求的，尤其是天猫，根据不同的类目情况，对商品的主图有不同的要求和规范。如果不按照设计规范制作主图，那么就容易引起商品的搜索降权，从而影响商品在搜索展示时的排位，那么在设计商品主图时，应该了解该类目的主图制作规范，这样才能避免出现违反淘宝规则的情况。
天猫商城相对集市店来讲，整体要求要高很多，但也有规则可循，主要如下。
● 主图必须为实物拍摄图，图片大小要求800 像素×800 像素以上（自动拥有放大镜功能）；
● 主图必须为白底，展示正面实物图；主图不许出现图片留白、拼接、水印，不得包含促销、夸大描述等文字说明，该文字说明包括但不限于秒杀、限时折扣、包邮、打折、满减送等。
● 每个行业对主图的要求会有不同，具体建议查看对应行业标准。
由于天猫主图发布规则应对应行业标准，在此，我们将几个大类目的主图行业标准进行介绍，其他类目就不进行一一介绍了，大家可进入天猫帮助中心，查看各类目主图的发布规则。
（1）服装类目主图发布规范
● 主图必须为实物图且须达到5 张，并且每张图片必须大于等于800 像素×800 像素，其中服装类目商品的主图必须达到6 张，且宝贝竖图的尺寸必须大于等于800 像素×1200 像素。
● 主图不得拼接，不得出现水印，不得包含促销、夸大描述等文字说明，该文字说明包括但不限于秒杀、限时折扣、包邮、“折、满、送”等，商标所有人可将品牌Logo 放置于主图左上角，大小为主图的1/10 寸；母婴服饰类目商品仅第二张主图需满足上述要求。
● 服装类目商品的第一张主图和宝贝竖图，如果是模特全貌图，只展示一个模特即可，不允许出现多个模特（情侣装、亲子装除外）；如果是商品全貌图，要求商品平铺，不能折叠( 内衣类目商品除外)。
● 内衣类目商品第二张主图必须是白底单一商品图且居中，整张图片白色背景的占比须超过45%。
（2）数码电器行业主图发布规范
● 第一张主图由商家自定义设计。
● 第二张主图必须是清晰的白底图，不得出现水印、文字说明、商家Logo、促销信息等。
● 其余主图由商家自定义设计。推荐展示：商品品牌信息、产品细节图、强制认证信息等。
案例分享：主图设计优化绝招
天天都在淘宝上听到一大堆人在喊，自己的东西有多便宜，排名有多靠前，但是就是没有点击成交量。今天！也许你就可以找到答案了，销量、流量吹不来，求不来，做好宝贝主图自然来。
主图就是买家进入你店铺的敲门砖，它的重要性不言而喻，如果不把自己的主图好好地装扮一番，那你的商品就会难逃被买家迅速关掉页面的悲惨命运！没有点击，再多的推广、再多的展现都是徒劳！做淘宝最痛苦的事情莫过于：商品被搜到了，客户没有点进去看，与成交擦肩而过，这是卖家都不愿意看到的事情！所以从现在开始，请花点心思，注重主图吧！
放眼望去，淘宝网上的主图可谓是五花八门，无奇不有。大部分的主图是乱七八糟，文字、图片等，恨不能把所有东西都写上去才好！这就如同一个高档豪华的红木办公桌上，乱七八槽地堆了一些杂物一样，把商品应有的价值都埋没了！
做电商多年以后，会发现主图对宝贝搜索以及店铺流量的重要性！
买家已经输入关键词搜索之后，很少会再去关注产品的标题，而是将更多眼光放在主图上，主图不漂亮，买家不进店，即便你的产品性价比再高，详情页做得再漂亮也无济于事！下面我们来讲讲主图优化都有哪些绝招。
（1）清晰
清晰是一张照片的基本要求，这要求在拍摄中手稳、心静，认真对待每一张作品。左下图所示为一张清晰的主图，从图中可以看到产品付款人数719，价格也不低，搜索的关键词只用了“饰品”两个字，从这些数据可以看出这是一张成功的主图。
（2）主体
产品突出，切不可喧宾夺主！
（3）干净
干净利落，主图上的“牛皮癣”会影响产品权重，如非热销产品，而是新产品上架，必定是排在最后面。
（4）点击
吸引点击率，这一步是非常重要的，卖点有了，如何表达，会对点击率有很大的影响。这就需要通过不断地测试找到最能吸引顾客的那个拍摄角度、文案、创意等影响点击的元素。总的来说，简单明了、色彩适宜、文案精彩、元素符合主题，是增加点击率的关键。
新书资讯