Chapter 01认识移动电商 1
1.1了解移动电商 2
1.1.1什么是移动电商 2
1.1.2移动电商与传统电商的区别 3
1.1.3移动电商的现状 4
1.1.4了解移动电商的4种模式 5
1.1.5移动电商的应用形式 5
1.2移动电商的特点 7
1.2.1全天候 7
1.2.2个性化 8
1.2.3精准性 8
1.2.4安全性 8
1.2.5定位性 8
1.2.6便利性 8
1.2.7辨识性 9
1.2.8即时性 9
1.3移动电商与传统电商比较 9
1.3.1移动电商对传统电商的影响 9
1.3.2传统电商企业需要做什么？ 10
1.4移动电商与传统电商设计的差异化 10
1.4.1使用场景的差异 11
1.4.2交互方式的差异 11
1.4.3屏幕容量的差异 11
1.4.4信息组织的差异 12
1.4.5导航系统的差异 14
1.5移动端电商视觉设计原则 15
1.5.1功能性原则 15
1.5.2可视性原则 16
1.5.3统一性原则 19
1.6本章小结 20
Chapter 02移动端电商图标 21
2.1图标设计风格 22
2.1.1拟物化图标 22
2.1.2扁平化图标 23
2.1.3简约图标 24
2.1.4线框图标 25
2.2移动端图标应用类型 25
2.2.1应用图标 25
案例分析 天猫购物APP图标设计分析 27
实战案例 设计运动品牌电商应用图标 28
2.2.2功能图标 39
案例分析 食品电商图标设计分析 40
实战案例 设计功能性图标 41
2.2.3修饰图标 47
案例分析 女性购物简约图标设计分析 49
实战案例 设计简约图标 50
案例分析 餐饮电商线框图标设计分析 54
实战案例 设计线框象形图标 55
2.3 iOS和Android系统图标的特点 59
2.3.1 iOS系统图标的特点 59
2.3.2 iOS系统图标的尺寸 60
2.3.3 Android系统图标的特点 60
2.3.4绘制图标时需要注意的问题 61
案例分析 男装电商APP图标分析 61
实战案例 设计时尚风格电商APP图标 62
2.4电商应用图标视觉设计要点 69
2.4.1符合设计规范性 69
2.4.2分析定位，突出特点 70
2.4.3设计完整性 70
2.4.4统一性 70
2.4.5连续性 71
案例分析 电影票电商APP图标设计分析 72
实战案例 设计简约风格电商APP启动图标 73
2.5本章小结 79
Chapter 03移动端电商基本元素 81
3.1关于移动端网店设计 82
3.1.1什么是网店设计 82
3.1.2移动端网店设计前的准备 82
3.1.3移动端网店特点 83
3.1.4提高手机端店铺转化率 84
案例分析 咖啡饮品店标设计分析 85
实战案例 设计男装店铺店标 86
3.2移动端常见的导航表现形式 92
3.2.1顶部导航 92
3.2.2底部导航 93
3.2.3列表式导航 94
3.2.4平铺式导航 95
3.2.5矩阵/网格式导航 95
案例分析 商品分类列表导航设计分析 97
实战案例 设计矩阵式移动电商导航 98
3.2.6悬浮icon导航 104
3.2.7侧边式导航 104
案例分析 弹出式导航设计分析 106
实战案例 设计移动电商侧边导航 107
3.3工具栏设计 111
3.3.1工具栏的重要性 111
3.3.2工具栏的作用 112
案例分析 餐饮电商工具栏 113
实战案例 设计电商工具栏 114
3.4本章小结 120
Chapter 04移动端电商广告 121
4.1移动端电商广告与PC端电商广告的不同 122
4.1.1使用场景 122
4.1.2地理位置 122
4.1.3身份识别 122
4.1.4显示方式 122
4.2移动端广告类型 122
4.2.1 Banner广告 122
4.2.2开屏广告 124
4.2.3弹窗广告 125
4.2.4视频广告 125
4.2.5富媒体广告 126
案例分析 天猫开屏广告设计分析 127
实战案例 设计电商APP开屏广告 128
案例分析 活动促销弹窗广告设计分析 134
实战案例 设计移动电商弹窗广告 135
4.3移动电商广告的设计元素 145
4.3.1广告背景 145
4.3.2产品 146
4.3.3主题文案 147
4.3.4装饰图形 147
案例分析 儿童节促销活动广告设计分析 148
实战案例 设计移动电商Banner广告 149
4.4移动端电商广告设计要点 158
4.4.1走心的文案 158
4.4.2均衡的构图 159
4.4.3合适的字体 161
案例分析 “小米商城”闪屏广告设计分析 163
实战案例 设计移动电商闪屏广告 164
4.5电商广告设计技巧 170
4.5.1排版布局 170
4.5.2颜色搭配 172
4.5.3文字处理 174
案例分析 双12店铺活动广告设计分析 177
实战案例 设计手机端店铺活动广告 178
4.6本章小结 186
Chapter 05移动端电商APP 187
5.1什么是电商APP 188
5.2电商APP设计基本要求 189
5.2.1以实用为基础 189
5.2.2色彩与风格需要统一 189
5.2.3合理的配色 190
5.2.4规范的视觉流程 190
5.2.5视觉元素规范 191
案例分析 Dior购物APP设计分析 192
实战案例 设计奢侈品购物APP 193
5.3如何设计电商APP 198
5.3.1清晰的定位 199
5.3.2交易按钮非常重要 199
5.3.3使用户能快速找到需要的商品 200
5.3.4提供即时沟通方式 200
5.3.5电商APP设计流程 201
案例分析 综合购物商城APP设计分析 202
实战案例 设计时尚男装电商APP 203
5.4电商APP设计原则 214
5.4.1清晰的视觉效果 214
5.4.2巧妙地应用关键色 215
5.4.3高效的商品搜索 215
5.4.4商品收藏和分享 216
5.4.5个性化的购物体验 217
5.4.6流畅的支付流程 217
案例分析 “风尚”购物APP设计分析 218
实战案例 设计时尚女装购物APP 219
5.5电商APP设计注意事项 227
5.5.1视觉设计规范 227
5.5.2 APP设计的用户体验 228
案例分析 文艺风格电商APP设计分析 229
实战案例 设计餐饮电商APP 230
5.6本章小结 239
Chapter 06移动端电商页面 241
6.1了解启动页 242
6.1.1什么是电商启动页 242
6.1.2电商启动页的作用是什么 242
6.1.3电商启动页的设计要求 243
案例分析 天猫APP启动页设计分析 244
实战案例 设计餐饮类电商APP启动页 245
6.2电商APP引导页的类型 255
6.2.1活动推广类 256
6.2.2品牌推广类 256
6.2.3特点说明类 257
案例分析 京东商城APP引导页设计分析 258
实战案例 设计电商APP引导页 259
6.3电商活动页面设计原则 265
6.3.1优秀的活动文案 265
6.3.2根据节日特点进行配色和素材选择 266
6.3.3活动页面设计技巧 267
案例分析 节日促销活动页面设计分析 270
实战案例 设计化妆品促销活动页面 271
案例分析 数码产品促销页面设计分析 281
实战案例 设计手表促销活动页面 282
6.4商品详情页设计 287
6.4.1展示商品细节图片 287
6.4.2有效地引导用户操作 287
6.4.3商品评价功能 288
6.4.4连贯的商品介绍 289
6.4.5跟随性导航 289
6.4.6商品详情页面不要过长 290
案例分析 手机端家电商品详情页设计分析 291
实战案例 设计手机端商品详情页面 292
6.5移动端电商网页设计趋势 302
6.5.1分析移动购物用户 302
6.5.2移动端电商网页转化率 303
6.5.3移动端电商网页设计要点 303
案例分析 小家电店铺首页设计分析 306
实战案例 设计淘宝女装店铺首页 307
6.6本章小结 312