淘宝 天猫微店网店美工从入门到精通PDF电子书下载

第1篇 网店美工基础篇 3

第1章网店装修与设计快速入门 3

1.1网店装修设计的重要性 3

1.1.1为什么要进行网店的装修设计 3

1.1.2网店装修与设计的注意事项 4

1.2网店装修设计的原则 10

1.2.1把握网店的整体风格 10

1.2.2网店设计审美的一般原则 11

1.3 6步搞定网店设计 11

1.3.1第1步：准备设计素材 11

1.3.2第2步：运用图片存储空间 12

1.3.3第3步：规划网店装修风格 13

1.3.4第4步：规划网店页面布局 14

1.3.5第5步：规划网店的设计元素 15

1.3.6第6步：应用软件完成设计 15

本章小结 16

第2章网店设计中的视觉营销 18

2.1什么是网店视觉营销 18

2.1.1视觉营销在电商中的定位 18

2.1.2视觉营销的根本目的 18

2.1.3网店视觉营销的意义 18

2.2网店视觉营销的4个基本原则 19

2.2.1统一性 19

2.2.2差异性 19

2.2.3有效性 20

2.2.4审美性 20

2.3视觉营销数据化分析的4个关键指标 21

2.3.1店铺首页停留时间 21

2.3.2页面点击率 22

2.3.3店铺访问深度 23

2.3.4跳失率 23

2.4网店视觉设计的5个要素 26

2.4.1产品要素 26

2.4.2季节要素 27

2.4.3色彩要素 27

2.4.4布局要素 27

2.4.5用户对象要素 27

2.5网店视觉设计的4个法则 28

2.5.1法则一：快速吸引住客户 28

2.5.2法则二：视觉感官享受 28

2.5.3法则三：让客户记住产品 28

2.5.4法则四：促进客户的购买欲望 29

本章小结 29

第3章网店设计的三大要素——色彩、文字、版式 31

3.1色彩 31

3.1.1色彩的种类 31

3.1.2色彩三要素 32

3.1.3色调的心理与倾向 33

3.2文字 37

3.2.1常见的字体风格 37

3.2.2了解文字的编排规则 38

3.2.3字体的正确选择 40

3.2.4字体的创意设计 41

3.3版式布局 44

3.3.1版式设计的形式法则 44

3.3.2版式布局中图片的处理 46

3.3.3了解版式布局中的视觉流程 48

3.3.4版式布局中的对齐方式 49

本章小结 54

第2篇淘宝、天猫网店设计篇 57

第4章淘宝、天猫店铺模块化设计 57

4.1个性化Logo设计 57

4.1.1 Logo设计的基本要求 57

4.1.2设计静态Logo 58

4.1.3设计动态Logo 60

4.2个性化店招设计 64

4.2.1店招设计的基本要求 64

4.2.2促销活动店招设计 65

4.2.3特殊节日店招设计 67

4.2.4设计动态店招 70

4.2.5将店招应用到店铺 71

4.3店铺收藏、关注、广告栏的设计 73

4.3.1确定设计尺寸等基本要求 73

4.3.2设计静态收藏、关注图标 73

4.3.3设计动态收藏、关注图标 75

4.3.4设计公告栏 76

4.4宝贝分类模块设计 78

4.4.1宝贝分类模块设计基本要求 78

4.4.2宝贝分类标题按钮设计 79

4.5导航、客服模块设计 81

4.5.1导航、客服设计的基本要求 81

4.5.2设计导航栏 81

4.5.3设计客服模块 83

4.5.4把导航、客服模块应用到店铺 84

本章小结 93

第5章店铺页面及运营推广图设计 95

5.1店铺首页设计 95

5.1.1店铺首页设计的基本要求 95

5.1.2店铺首页设计的基本思路 96

5.1.3店铺首页设计包含的模块 98

5.1.4店铺首页设计方法 100

5.1.5店铺首页设计切图及应用到店铺 101

5.2店铺运营推广图设计 110

5.2.1产品主图的设计 110

5.2.2直通车推广图的设计 112

5.2.3钻展图的设计 114

5.3首页海报/轮播图设计 120

5.3.1海报的视觉要点 120

5.3.2海报图制作 121

5.3.3全屏海报图设计 124

5.3.4全屏轮播图设计 125

本章小结 126

第6章网店的详情页设计 128

6.1详情页的设计思路 128

6.1.1宝贝详情页的作用 128

6.1.2宝贝详情页的组成元素 128

6.1.3设计详情的前提 131

6.1.4设计前的市场调查 133

6.1.5宝贝卖点挖掘 134

6.1.6详情页的视觉呈现 135

6.2详情页的设计内容 138

6.2.1模特图展示 138

6.2.2产品整体展示 139

6.2.3产品细节图片 140

6.2.4产品宣传广告图片 141

6.2.5产品参数图片 141

6.2.6产品介绍 143

6.2.7产品特色卖点 143

6.2.8产品对比展示 144

6.2.9 产品使用场景展示 145

6.2.10产品包装展示 146

6.2.11产品售后说明 147

6.2.12品牌文化和企业实力 148

6.2.13关联广告位展示 148

6.2.14促销活动展示 149

6.2.15详情页的情感营销 151

6.3详情页的设计要点 157

6.3.1满足客户需求 157

6.3.2控制页面内容 158

6.3.3进行合理布局 159

本章小结 163

第3篇 微店店铺设计篇 165

第7章 网店装修中的视频制作 165

7.1视频拍摄 165

7.1.1淘宝商品拍摄流程 165

7.1.2视频构图的基本原则 166

7.1.3景别与角度 169

7.2认识会声会影视频制作软件 170

7.2.1会声会影工作界面 170

7.2.2视频制作流程 174

7.3淘宝视频制作 176

7.3.1 9秒主图视频制作 177

7.3.2详情页视频制作 181

7.3.3为视频添加Logo 181

7.3.4为视频配音 182

7.4上传与应用视频 184

7.4.1上传视频到淘宝 184

7.4.2主图视频的应用 186

本章小结 188

第8章手机淘宝的视觉设计 191

8.1手机淘宝 191

8.1.1无线端与PC端的区别 191

8.1.2淘宝无线端装修设计要点 193

8.2无线端首页装修 195

8.2.1使用首页模块 196

8.2.2设计无线端店招 200

8.2.3设计焦点图 201

8.2.4设计优惠券 203

8.2.5设计分类图 206

8.2.6首页备份 209

8.3手机详情页装修 210

8.3.1 PC端详情页导入 210

8.3.2利用“神笔”快速制作无线详情页 212

8.4手机店铺其他装修 220

8.4.1自定义菜单 220

8.4.2手机海报 223

8.4.3自定义页面装修 224

本章小结 227

第9章有赞微商城的设计与装修 229

9.1首页设计 229

9.1.1店铺主页设置 229

9.1.2使用模板设计主页 233

9.1.3设置页面导航 234

9.1.4设置自定义模块 235

9.1.5设置公共广告 236

9.2详情页设计 236

9.2.1详情页设置 237

9.2.2导入淘宝的详情页 237

本章小结 241

第4篇PS宝贝图片优化处理技能篇 244

第10章Photoshop网店宝贝优化必备技能 244

实战1：调整倾斜的图片并突出主体 244

实战2：去除多余对象 245

实战3：宝贝图片降噪处理 247

实战4：宝贝图片清晰度处理 249

实战5：珠宝模特美白处理 250

实战6：衣服模特上妆处理 253

实战7：模特人物身材处理 255

实战8：虚化宝贝的背景 258

实战9：更换宝贝图片的背景 259

实战10：宝贝图片的偏色处理 262

实战11：修复偏暗的宝贝图片 264

实战12：修复过曝的宝贝图片 266

实战13：修复逆光的宝贝图片 267

实战14：添加宣传水印效果 269

实战15：宝贝场景展示合成 272

本章小结 274