电子商务视觉设计视频指导版

作者: 童海君著 , 蔡颖著

出版社: 人民邮电出版社

出版时间: 2018-01

版次: 1

ISBN: 9787115474773

定价: 49.80

装帧: 平装

开本: 小16开

纸张: 胶版纸

页数: 183页

正文语种: 简体中文

丛书: 高等院校电子商务职业细分化创新型规划教材

分类: 工程技术

136人买过

视觉是手段，营销是目的。本书采用理论与案例相结合的方式，详细介绍了PC端电商网店与移动端电商网店的视觉设计思路和具体的实现方法。全书共分10章，内容包括：初识电商视觉设计，电商网站视觉配色设计，店铺标志视觉设计，店铺首页视觉设计，商品详情页视觉设计，高点击率推广图片视觉设计，网店促销活动页视觉设计，移动端网店的用户体验设计，手机移动端淘宝店铺视觉设计，以及手机移动端微店视觉设计等。

本书内容新颖，图文并茂，不仅适合网店/微店店主、电商美工设计人员等电商从业者学习参考，也可作为大中专院校相关专业及电子商务技能培训的学习教材。童海君，横店影视职业学院教师，从事网店美工、视觉营销课程教学与培训多年，深受电商界一致好评。本书配备了20来个微课视频，是童老师自己编导第1章初识电商视觉设计 1

1．1　什么是视觉设计　2

1．1．1　视觉识别设计　2

1．1．2　视觉传达设计　3

1．2　电商视觉设计前的准备　4

1．2．1　网店的视觉定位　4

1．2．2　明确视觉规范的作用　6

1．3　电商视觉设计黄金构图法　7

1．3．1　对称切割构图法　7

1．3．2　组合切割构图法　8

1．3．3　整体场景构图法　9

1．3．4　多重切割构图法　10

1．3．5　简单切割构图法　11

1．3．6　流程构图法　12

1．3．7　放射构图法　13

1．3．8　物体轮廓构图法　13

【课后练习题】

第2章　电商网站视觉配色设计　15

2．1　网店页面的配色方案　16

2．1．1　色搭原则七要素　16

2．1．2　色彩的联觉聚焦图片　17

2．1．3　网店风格的形成要素　18

2．2　网店页面的配色误区　27

2．2．1　色彩过多　28

2．2．2　背景和文字对比不强烈　28

2．2．3　过分强调色彩的刺激度　29

2．3　网店的整体配色案例　30

【课后练习题】

第3章　店铺标志视觉设计　37

3．1　徽标的设计　38

3．1．1　徽标的设计要领　38

3．1．2　徽标的设计标准　39

3．2　店标的设计　41

3．2．1　店标的设计形态　41

3．2．2　店标的设计技巧　43

3．2．3　不同行业的店标设计　45

3．2．4　店标的设计流程　47

【课后练习题】

第4章　店铺首页视觉设计　51

4．1　首页视觉水平的四大指标　52

4．1．1　首页跳失率　52

4．1．2　首页点击率　52

4．1．3　首页人均点击次数　53

4．1．4　首页平均停留时间　53

4．2　店招视觉设计　54

4．2．1　店招视觉设计规范　54

4．2．2　店铺名称的艺术化处理　55

4．2．3　图层样式的应用　56

4．3　首焦轮播区视觉设计　57

4．3．1　设计聚焦消费者视线　57

4．3．2　构建设计图三要素　58

4．3．3　溶图的应用规范　60

4．4　商品陈列区视觉设计　60

4．4．1　营造视觉动线　61

4．4．2　商品布局艺术化　63

4．5　化妆品店铺首页视觉设计案例　64

【课后练习题】

第5章　商品详情页视觉设计　75

5．1　商品主图设计　76

5．1．1　商品主图的设计规范　76

5．1．2　商品主图的设计形式　76

5．1．3　添加文案提高主图点击率　78

5．2　商品细节展示区设计　79

5．2．1　商品细节展示区的表现形式　80

5．2．2　商品细节展示区通用设计方式　81

5．3　商品功效简介区设计　83

5．3．1　商品功效简介区的设计规范　83

5．3．2　修饰元素在设计中的重要性　84

5．4　女鞋商品详情页视觉设计案例　85

【课后练习题】

第6章　高点击率推广图片视觉设计　93

6．1　推广图片构图法则　94

6．1．1　变化式构图　94

6．1．2　对角线构图　94

6．1．3　平衡式构图　94

6．1．4　对称式构图　95

6．1．5　紧凑式构图　95

6．1．6　X形构图　95

6．2　直通车图片设计　96

6．2．1　图片整体风格设计　96

6．2．2　突出商品卖点的设计　99

6．3　钻展图设计　100

6．3．1　博取眼球的创意设计　100

6．3．2　统一图片设计风格　101

6．3．3　确定重点表现元素　102

6．4　聚划算主图设计　102

6．4．1　聚划算主图的设计思路　103

6．4．2　聚划算主图设计案例　104

【课后练习题】

第7章　网店促销活动页视觉设计　107

7．1　促销广告的黄金设计要素　108

7．1．1　保证设计的基本美感　108

7．1．2　营造促销氛围　111

7．1．3　促销广告图片的设计原则　112

7．2　不同发展阶段的促销广告设计　113

7．2．1　发展初期——为打造爆款而促销　113

7．2．2　发展中期——为品牌而促销　115

7．2．3　发展成熟期——为客户而促销　116

【课后练习题】

第8章　移动端网店的用户体验设计　119

8．1　移动端网店的设计标准　120

8．1．1　移动端网店店标设计　120

8．1．2　移动端网店图片尺寸标准　121

8．1．3　移动端网店框架结构安排　122

8．2　移动端网店视觉设计　123

8．2．1　迎合极速打开需求　123

8．2．2　信息内容简洁，便于快速传播　124

8．2．3　简单方便的操作与交互　127

8．2．4　整体设计风格首尾呼应　129

8．2．5　保持色彩与文字的鲜明感　130

8．2．6　保持常换常新　132

【课后练习题】

第9章　手机移动端淘宝店铺视觉设计　134

9．1　手机移动端淘宝店铺首页优化设计　135

9．1．1　店招的优化设计　135

9．1．2　轮播图片优化设计　138

9．1．3　优惠券的优化设计　139

9．1．4　商品分类导航优化设计　141

9．1．5　商品分类展示优化设计　141

9．2　电子数码类商品店铺首页案例解析　143

9．3　手机淘宝店铺详情页优化设计　145

9．3．1　详情页设计的FABE原则　145

9．3．2　商品详情页的设计误区　148

9．3．3　根据消费者的页面平均停留时间设计　151

【课后练习题】

第10章　手机移动端微店视觉设计　153

10．1　微店首页优化设计　154

10．1．1　首页的框架设计　154

10．1．2　清晰而准确的设计思路　158

10．1．3　遵守设计学的“七秒定律”　158

10．1．4　注重细节设计　159

10．2　商品详情页优化设计　161

10．2．1　商品主图的设计　161

10．2．2　商品描述图的设计　161

10．3　微店底部导航优化设计　163

10．3．1　底部导航的主要功能　163

10．3．2　底部导航的设计规则　164

10．4　母婴微店视觉设计案例构思　165

10．4．1　首页设计布局规划　165

10．4．2　主色调：高纯度暖色调　165

10．4．3　案例配色扩展　166

10．4．4　案例设计流程　168

10．5　母婴微店视觉设计案例实操　169

10．5．1　制作微店店招　169

10．5．2　制作首页导航　171

10．5．3　制作促销广告　172

10．5．4　制作特价专区　174

10．5．5　制作商品详情页　176

【课后练习题】
内容简介:
视觉是手段，营销是目的。本书采用理论与案例相结合的方式，详细介绍了PC端电商网店与移动端电商网店的视觉设计思路和具体的实现方法。全书共分10章，内容包括：初识电商视觉设计，电商网站视觉配色设计，店铺标志视觉设计，店铺首页视觉设计，商品详情页视觉设计，高点击率推广图片视觉设计，网店促销活动页视觉设计，移动端网店的用户体验设计，手机移动端淘宝店铺视觉设计，以及手机移动端微店视觉设计等。

本书内容新颖，图文并茂，不仅适合网店/微店店主、电商美工设计人员等电商从业者学习参考，也可作为大中专院校相关专业及电子商务技能培训的学习教材。
作者简介:
童海君，横店影视职业学院教师，从事网店美工、视觉营销课程教学与培训多年，深受电商界一致好评。本书配备了20来个微课视频，是童老师自己编导
目录:
第1章初识电商视觉设计 1

1．1　什么是视觉设计　2

1．1．1　视觉识别设计　2

1．1．2　视觉传达设计　3

1．2　电商视觉设计前的准备　4

1．2．1　网店的视觉定位　4

1．2．2　明确视觉规范的作用　6

1．3　电商视觉设计黄金构图法　7

1．3．1　对称切割构图法　7

1．3．2　组合切割构图法　8

1．3．3　整体场景构图法　9

1．3．4　多重切割构图法　10

1．3．5　简单切割构图法　11

1．3．6　流程构图法　12

1．3．7　放射构图法　13

1．3．8　物体轮廓构图法　13

【课后练习题】

第2章　电商网站视觉配色设计　15

2．1　网店页面的配色方案　16

2．1．1　色搭原则七要素　16

2．1．2　色彩的联觉聚焦图片　17

2．1．3　网店风格的形成要素　18

2．2　网店页面的配色误区　27

2．2．1　色彩过多　28

2．2．2　背景和文字对比不强烈　28

2．2．3　过分强调色彩的刺激度　29

2．3　网店的整体配色案例　30

【课后练习题】

第3章　店铺标志视觉设计　37

3．1　徽标的设计　38

3．1．1　徽标的设计要领　38

3．1．2　徽标的设计标准　39

3．2　店标的设计　41

3．2．1　店标的设计形态　41

3．2．2　店标的设计技巧　43

3．2．3　不同行业的店标设计　45

3．2．4　店标的设计流程　47

【课后练习题】

第4章　店铺首页视觉设计　51

4．1　首页视觉水平的四大指标　52

4．1．1　首页跳失率　52

4．1．2　首页点击率　52

4．1．3　首页人均点击次数　53

4．1．4　首页平均停留时间　53

4．2　店招视觉设计　54

4．2．1　店招视觉设计规范　54

4．2．2　店铺名称的艺术化处理　55

4．2．3　图层样式的应用　56

4．3　首焦轮播区视觉设计　57

4．3．1　设计聚焦消费者视线　57

4．3．2　构建设计图三要素　58

4．3．3　溶图的应用规范　60

4．4　商品陈列区视觉设计　60

4．4．1　营造视觉动线　61

4．4．2　商品布局艺术化　63

4．5　化妆品店铺首页视觉设计案例　64

【课后练习题】

第5章　商品详情页视觉设计　75

5．1　商品主图设计　76

5．1．1　商品主图的设计规范　76

5．1．2　商品主图的设计形式　76

5．1．3　添加文案提高主图点击率　78

5．2　商品细节展示区设计　79

5．2．1　商品细节展示区的表现形式　80

5．2．2　商品细节展示区通用设计方式　81

5．3　商品功效简介区设计　83

5．3．1　商品功效简介区的设计规范　83

5．3．2　修饰元素在设计中的重要性　84

5．4　女鞋商品详情页视觉设计案例　85

【课后练习题】

第6章　高点击率推广图片视觉设计　93

6．1　推广图片构图法则　94

6．1．1　变化式构图　94

6．1．2　对角线构图　94

6．1．3　平衡式构图　94

6．1．4　对称式构图　95

6．1．5　紧凑式构图　95

6．1．6　X形构图　95

6．2　直通车图片设计　96

6．2．1　图片整体风格设计　96

6．2．2　突出商品卖点的设计　99

6．3　钻展图设计　100

6．3．1　博取眼球的创意设计　100

6．3．2　统一图片设计风格　101

6．3．3　确定重点表现元素　102

6．4　聚划算主图设计　102

6．4．1　聚划算主图的设计思路　103

6．4．2　聚划算主图设计案例　104

【课后练习题】

第7章　网店促销活动页视觉设计　107

7．1　促销广告的黄金设计要素　108

7．1．1　保证设计的基本美感　108

7．1．2　营造促销氛围　111

7．1．3　促销广告图片的设计原则　112

7．2　不同发展阶段的促销广告设计　113

7．2．1　发展初期——为打造爆款而促销　113

7．2．2　发展中期——为品牌而促销　115

7．2．3　发展成熟期——为客户而促销　116

【课后练习题】

第8章　移动端网店的用户体验设计　119

8．1　移动端网店的设计标准　120

8．1．1　移动端网店店标设计　120

8．1．2　移动端网店图片尺寸标准　121

8．1．3　移动端网店框架结构安排　122

8．2　移动端网店视觉设计　123

8．2．1　迎合极速打开需求　123

8．2．2　信息内容简洁，便于快速传播　124

8．2．3　简单方便的操作与交互　127

8．2．4　整体设计风格首尾呼应　129

8．2．5　保持色彩与文字的鲜明感　130

8．2．6　保持常换常新　132

【课后练习题】

第9章　手机移动端淘宝店铺视觉设计　134

9．1　手机移动端淘宝店铺首页优化设计　135

9．1．1　店招的优化设计　135

9．1．2　轮播图片优化设计　138

9．1．3　优惠券的优化设计　139

9．1．4　商品分类导航优化设计　141

9．1．5　商品分类展示优化设计　141

9．2　电子数码类商品店铺首页案例解析　143

9．3　手机淘宝店铺详情页优化设计　145

9．3．1　详情页设计的FABE原则　145

9．3．2　商品详情页的设计误区　148

9．3．3　根据消费者的页面平均停留时间设计　151

【课后练习题】

第10章　手机移动端微店视觉设计　153

10．1　微店首页优化设计　154

10．1．1　首页的框架设计　154

10．1．2　清晰而准确的设计思路　158

10．1．3　遵守设计学的“七秒定律”　158

10．1．4　注重细节设计　159

10．2　商品详情页优化设计　161

10．2．1　商品主图的设计　161

10．2．2　商品描述图的设计　161

10．3　微店底部导航优化设计　163

10．3．1　底部导航的主要功能　163

10．3．2　底部导航的设计规则　164

10．4　母婴微店视觉设计案例构思　165

10．4．1　首页设计布局规划　165

10．4．2　主色调：高纯度暖色调　165

10．4．3　案例配色扩展　166

10．4．4　案例设计流程　168

10．5　母婴微店视觉设计案例实操　169

10．5．1　制作微店店招　169

10．5．2　制作首页导航　171

10．5．3　制作促销广告　172

10．5．4　制作特价专区　174

10．5．5　制作商品详情页　176

【课后练习题】

查看详情

电子商务视觉设计 视频指导版

内容简介:

作者简介:

目录:

电子商务视觉设计视频指导版