淘宝天猫店设计、装修与视觉营销从入门到精通PDF电子书下载

第1章 开网店必学的视觉营销知识 2

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

皇冠支招 11

招式01：视觉营销数据化意义 11

招式02：视觉营销数据化定位 12

招式03：视觉营销数据化分析与修正 15

招式04：视觉营销数据化总结 16

案例分享 视觉营销引入庞大流量，让数据流量为我所用 16

第2章 开网店必懂的店铺装修常识 21

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

皇冠支招 26

招式01：网店装修的重要性知多少 26

招式02：让你的网店设计与众不同 27

招式03：美工设计必备“神技” 27

案例分享 掌握网店装修的6大关键因素，打造明星店铺 30

第3章 网店装修的视觉影响 34

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

皇冠支招 52

招式01：视觉中的点要素 52

招式02：视觉中的线要素 54

招式03：视觉中的面要素 54

招式04：视觉中的图案 55

案例分享 视觉营销不简单 56

第4章 网店装修的设计法则 64

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

皇冠支招 86

招式01：主图设计 86

招式02：详情页设计 87

招式03：首页设计 88

招式04：推广图设计 89

案例分享 提高网店装修效率的秘密 90

第5章 Photoshop网店装修的基本技能 93

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

皇冠支招 107

招式01：网店的图片格式 107

招式02：网店的颜色模式 107

招式03：网店的分辨率 107

招式04：网店的素材品质 108

招式05：网店的字体字号 108

案例分享 简约、大气的网店这样设计 108

第6章 网店的首页设计 111

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

皇冠支招 134

招式01：收藏功能全屏店招设计 134

招式02：全屏海报设计 143

招式03：产品陈列设计 145

招式04：功能全面页尾设计 149

案例分享 有了好的首页设计就成功了一半 154

第7章 网店的详情页设计 156

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

皇冠支招 168

招式01：详情页布局设计 168

招式02：产品整体展示模块设计 171

招式03产品细节模块设计 174

招式04：产品卖点模块设计 178

案例分享 让详情页成为优秀的“导购员” 182

第8章 网店的主图设计 188

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

皇冠支招 197

招式01：突出品牌主图设计 197

招式02：简约式主图设计 199

招式03：场景化主图设计 201

招式04：营销化主图设计 203

招式05：质感主图设计 205

案例分享 主图设计优化绝招 209

第9章 网店的推广图设计 212

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

皇冠支招 222

招式01：突出价格推广图设计 222

招式02：突出销量推广图设计 224

招式03：突出活动推广图设计 227

招式04：突出折扣推广图设计 230

案例分享 推广图设计的几大要素 231

第10章 网店装修的特效代码 235

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

皇冠支招 239

招式01：实现全屏海报 239

招式02：实现固定背景 244

招式03：实现客服在线模板 246

案例分享 优化页面的代码应用 253

第11章 手机淘宝页面设计与装修 256

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

皇冠支招 267

招式01：设计手机淘宝店招 267

招式02：设计手机淘宝焦点图 270

招式03：设计手机淘宝产品分类 272

招式04：设计手机淘宝宝贝推荐 274

案例分享 正确发布无线端的宝贝详情页 276

附录 淘宝与天猫开店的区别 280

主题一：淘宝、天猫开店申请与入驻区别 280

主题二：淘宝、天猫店铺装修及运营区别 285

主题三：淘宝、天猫店铺售后服务及客户权益区别 290