第1章初识电商视觉设计 1
1.1什么是视觉设计 1
1.1.1视觉识别设计 1
1.1.2视觉传达设计 3
1.2电商视觉设计前的准备 3
1.2.1网店的视觉定位 4
1.2.2明确视觉规范的作用 6
1.3电商视觉设计黄金构图法 6
1.3.1对称切割构图法 7
1.3.2组合切割构图法 8
1.3.3整体场景构图法 9
1.3.4多重切割构图法 9
1.3.5简单切割构图法 9
1.3.6流程构图法 10
1.3.7放射构图法 12
1.3.8物体轮廓构图法 12
课后练习题 13
第2章 电商网站视觉配色设计 14
2.1网店页面的配色方案 14
2.1.1色搭原则七要素 14
2.1.2色彩的联觉聚焦图片 15
2.1.3网店风格的形成要素 17
2.2网店页面的配色误区 26
2.2.1色彩过多 27
2.2.2背景和文字对比不强烈 27
2.2.3过分强调色彩的刺激度 28
2.3网店的整体配色案例 29
课后练习题 35
第3章店铺标志视觉设计 36
3.1徽标的设计 36
3.1.1徽标的设计要领 36
3.1.2徽标的设计标准 38
3.2店标的设计 40
3.2.1店标的设计形态 40
3.2.2店标的设计技巧 42
3.2.3不同行业的店标设计 45
3.2.4店标的设计流程 46
课后练习题 49
第4章店铺首页视觉设计 50
4.1首页视觉水平的四大指标 50
4.1.1首页跳失率 50
4.1.2首页点击率 51
4.1.3首页人均点击次数 52
4.1.4首页平均停留时间 52
4.2店招视觉设计 53
4.2.1店招视觉设计规范 53
4.2.2店铺名称的艺术化处理 54
4.2.3图层样式的应用 55
4.3首焦轮播区视觉设计 56
4.3.1设计聚焦消费者视线 56
4.3.2构建设计图三要素 57
4.3.3溶图的应用规范 59
4.4商品陈列区视觉设计 60
4.4.1营造视觉动线 60
4.4.2商品布局艺术化 62
4.5化妆品店铺首页视觉设计案例 63
课后练习题 72
第5章商品详情页视觉设计 74
5.1商品主图设计 74
5.1.1商品主图的设计规范 74
5.1.2商品主图的设计形式 75
5.1.3添加文案提高主图点击率 77
5.2商品细节展示区设计 78
5.2.1商品细节展示区的表现形式 78
5.2.2商品细节展示区通用设计方式 80
5.3商品功效简介区设计 82
5.3.1商品功效简介区的设计规范 83
5.3.2修饰元素在设计中的重要性 84
5.4女鞋商品详情页视觉设计案例 84
课后练习题 91
第6章高点击率推广图片视觉设计 92
6.1推广图片构图法则 92
6.1.1变化式构图 92
6.1.2对角线构图 93
6.1.3平衡式构图 93
6.1.4对称式构图 93
6.1.5紧凑式构图 94
6.1.6 X形构图 94
6.2直通车图片设计 95
6.2.1图片整体风格设计 95
6.2.2突出商品卖点的设计 98
6.3.钻展图设计 99
6.3.1博取眼球的创意设计 99
6.3.2统一图片设计风格 100
6.3.3确定重点表现元素 101
6.4聚划算主图设计 102
6.4.1聚划算主图的设计思路 102
6.4.2聚划算主图设计案例 104
课后练习题 105
第7章网店促销活动页视觉设计 106
7.1促销广告的黄金设计要素 106
7.1.1保证设计的基本美感 106
7.1.2营造促销氛围 109
7.1.3促销广告图片的设计原则 111
7.2不同发展阶段的促销广告设计 112
7.2.1发展初期——为打造爆款而促销 113
7.2.2发展中期——为品牌而促销 114
7.2.3发展成熟期——为客户而促销 115
课后练习题 118
第8章移动端网店的用户体验设计 119
8.1移动端网店的设计标准 119
8.1.1移动端网店店标设计 119
8.1.2移动端网店图片尺寸标准 120
8.1.3移动端网店框架结构安排 121
8.2移动端网店视觉设计 123
8.2.1迎合极速打开需求 123
8.2.2信息内容简洁，便于快速传播 124
8.2.3简单方便的操作与交互 127
8.2.4整体设计风格首尾呼应 128
8.2.5保持色彩与文字的鲜明感 129
8.2.6保持常换常新 131
课后练习题 133
第9章手机移动端淘宝店铺视觉设计 134
9.1手机移动端淘宝店铺首页优化设计 134
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商品详情页的设计误区 149
9.3.3根据消费者的页面平均停留时间设计 152
课后练习题 152
第10章 手机移动端微店视觉设计 153
10.1微店首页优化设计 153
10.1.1首页的框架设计 153
10.1.2清晰而准确的设计思路 157
10.1.3遵守设计学的“七秒定律” 158
10.1.4注重细节设计 159
10.2商品详情页优化设计 160
10.2.1商品主图的设计 160
10.2.2商品描述图的设计 161
10.3微店底部导航优化设计 163
10.3.1底部导航的主要功能 163
10.3.2底部导航的设计规则 163
10.4母婴微店视觉设计案例构思 165
10.4.1首页设计布局规划 165
10.4.2主色调：高纯度暖色调 165
10.4.3案例配色扩展 166
10.4.4案例设计流程 168
10.5母婴微店视觉设计案例实操 168
10.5.1制作微店店招 168
10.5.2制作首页导航 170
10.5.3制作促销广告 171
10.5.4制作特价专区 173
10.5.5制作商品详情页 175
课后练习题 182