Chapter 01 认识移动电商 001
1.1 了解移动电商 002
1.1.1 什么是移动电商 002
1.1.2 移动电商与传统电商的区别 003
1.1.3 移动电商的现状 004
1.1.4 了解移动电商的4种模式 005
1.1.5 移动电商的应用形式 005
1.2 移动电商的特点 007
1.2.1 全天候 007
1.2.2 个性化 008
1.2.3 精准性 008
1.2.4 安全性 008
1.2.5 定位性 008
1.2.6 便利性 008
1.2.7 辨识性 009
1.2.8 即时性 009
1.3 移动电商与传统电商比较 009
1.3.1 移动电商对传统电商的影响 009
1.3.2 传统电商企业需要做什么? 010
1.4 移动电商与传统电商设计的差异化 010
1.4.1 使用场景的差异 011
1.4.2 交互方式的差异 011
1.4.3 屏幕容量的差异 011
1.4.4 信息组织的差异 012
1.4.5 导航系统的差异 014
1.5 移动端电商视觉设计原则 015
1.5.1 功能性原则 015
1.5.2 可视性原则 016
1.5.3 统一性原则 019
1.6 本章小结 020
Chapter 02 移动端电商图标 021
2.1 图标设计风格 022
2.1.1 拟物化图标 022
2.1.2 扁平化图标 023
2.1.3 简约图标 024
2.1.4 线框图标 025
2.2 移动端图标应用类型 025
2.2.1 应用图标 025
案例分析
实战案例
2.2.2 功能图标 039
案例分析 食品电商图标设计分析 040
实战案例 设计功能性图标 041
2.2.3 修饰图标 047
案例分析 女性购物简约图标设计分析 049
实战案例 设计简约图标 050
案例分析 餐饮电商线框图标设计分析 054
实战案例 设计线框象形图标 055
2.3 iOS和Android系统图标的特点 059
2.3.1 iOS系统图标的特点 059
2.3.2 iOS系统图标的尺寸 060
2.3.3 Android系统图标的特点 060
2.3.4 绘制图标时需要注意的问题 061
案例分析 男装电商APP图标分析 061
实战案例 设计时尚风格电商APP图标 062
2.4 电商应用图标视觉设计要点 069
2.4.1 符合设计规范性 069
2.4.2 分析定位,突出特点 070
2.4.3 设计完整性 070
2.4.4 统一性 070
2.4.5 连续性 071
案例分析 电影票电商APP图标设计分析 072
实战案例 设计简约风格电商APP启动图标 073
2.5 本章小结 079
Chapter 03 移动端电商基本元素 081
3.1 关于移动端网店设计 082
3.1.1 什么是网店设计 082
3.1.2 移动端网店设计前的准备 082
3.1.3 移动端网店特点 083
3.1.4 提高手机端店铺转化率 084
案例分析 咖啡饮品店标设计分析 085
实战案例 设计男装店铺店标 086
3.2 移动端常见的导航表现形式 092
3.2.1 顶部导航 092
3.2.2 底部导航 093
3.2.3 列表式导航 094
3.2.4 平铺式导航 095
3.2.5 矩阵/网格式导航 095
案例分析 商品分类列表导航设计分析 097
实战案例 设计矩阵式移动电商导航 098
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
案例分析
实战案例
案例分析 活动促销弹窗广告设计分析 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
案例分析
实战案例
6.2 电商APP引导页的类型 255
6.2.1 活动推广类 256
6.2.2 品牌推广类 256
6.2.3 特点说明类 257
……