Chapter 01认识移动电商

1.1了解移动电商

1.1.1什么是移动电商

1.1.2移动电商与传统电商的区别

1.1.3移动电商的现状

1.1.4了解移动电商的4种模式

1.1.5移动电商的应用形式

1.2移动电商的特点

1.2.1全天候

1.2.2个性化

1.2.3精准性

1.2.4安全性

1.2.5定位性

1.2.6便利性

1.2.7辨识性

1.2.8即时性

1.3移动电商与传统电商比较

1.3.1移动电商对传统电商的影响

1.3.2传统电商企业需要做什么？

1.4移动电商与传统电商设计的差异化

1.4.1使用场景的差异

1.4.2交互方式的差异

1.4.3屏幕容量的差异

1.4.4信息组织的差异

1.4.5导航系统的差异

1.5移动端电商视觉设计原则

1.5.1功能性原则

1.5.2可视性原则

1.5.3统一性原则

1.6本章小结

Chapter 02移动端电商图标

2.1图标设计风格

2.1.1拟物化图标

2.1.2扁平化图标

2.1.3简约图标

2.1.4线框图标

2.2移动端图标应用类型

2.2.1应用图标

案例分析 天猫购物APP图标设计分析

实战案例 设计运动品牌电商应用图标

2.2.2功能图标

案例分析 食品电商图标设计分析

实战案例 设计功能性图标

2.2.3修饰图标

案例分析 女性购物简约图标设计分析

实战案例 设计简约图标

案例分析 餐饮电商线框图标设计分析

实战案例 设计线框象形图标

2.3 iOS和Android系统图标的特点

2.3.1 iOS系统图标的特点

2.3.2 iOS系统图标的尺寸

2.3.3 Android系统图标的特点

2.3.4绘制图标时需要注意的问题

案例分析 男装电商APP图标分析

实战案例 设计时尚风格电商APP图标

2.4电商应用图标视觉设计要点

2.4.1符合设计规范性

2.4.2分析定位，突出特点

2.4.3设计完整性

2.4.4统一性

2.4.5连续性

案例分析 电影票电商APP图标设计分析

实战案例 设计简约风格电商APP启动图标

2.5本章小结

Chapter 03移动端电商基本元素

3.1关于移动端网店设计

3.1.1什么是网店设计

3.1.2移动端网店设计前的准备

3.1.3移动端网店特点

3.1.4提高手机端店铺转化率

案例分析 咖啡饮品店标设计分析

实战案例 设计男装店铺店标

3.2移动端常见的导航表现形式

3.2.1顶部导航

3.2.2底部导航

3.2.3列表式导航

3.2.4平铺式导航

3.2.5矩阵/网格式导航

案例分析 商品分类列表导航设计分析

实战案例 设计矩阵式移动电商导航

3.2.6悬浮icon导航

3.2.7侧边式导航

案例分析 弹出式导航设计分析

实战案例 设计移动电商侧边导航

3.3工具栏设计

3.3.1工具栏的重要性

3.3.2工具栏的作用

案例分析 餐饮电商工具栏

实战案例 设计电商工具栏

3.4本章小结

Chapter 04移动端电商广告

4.1移动端电商广告与PC端电商广告的不同

4.1.1使用场景

4.1.2地理位置

4.1.3身份识别

4.1.4显示方式

4.2移动端广告类型

4.2.1 Banner广告

4.2.2开屏广告

4.2.3弹窗广告

4.2.4视频广告

4.2.5富媒体广告

案例分析 天猫开屏广告设计分析

实战案例 设计电商APP开屏广告

案例分析 活动促销弹窗广告设计分析

实战案例 设计移动电商弹窗广告

4.3移动电商广告的设计元素

4.3.1广告背景

4.3.2产品

4.3.3主题文案

4.3.4装饰图形

案例分析 儿童节促销活动广告设计分析

实战案例 设计移动电商Banner广告

4.4移动端电商广告设计要点

4.4.1走心的文案

4.4.2均衡的构图

4.4.3合适的字体

案例分析 “小米商城”闪屏广告设计分析

实战案例 设计移动电商闪屏广告

4.5电商广告设计技巧

4.5.1排版布局

4.5.2颜色搭配

4.5.3文字处理

案例分析 双12店铺活动广告设计分析

实战案例 设计手机端店铺活动广告

4.6本章小结

Chapter 05移动端电商APP

5.1什么是电商APP

5.2电商APP设计基本要求

5.2.1以实用为基础

5.2.2色彩与风格需要统一

5.2.3合理的配色

5.2.4规范的视觉流程

5.2.5视觉元素规范

案例分析 Dior购物APP设计分析

实战案例 设计奢侈品购物APP

5.3如何设计电商APP

5.3.1清晰的定位

5.3.2交易按钮非常重要

5.3.3使用户能快速找到需要的商品

5.3.4提供即时沟通方式

5.3.5电商APP设计流程

案例分析 综合购物商城APP设计分析

实战案例 设计时尚男装电商APP

5.4电商APP设计原则

5.4.1清晰的视觉效果

5.4.2巧妙地应用关键色

5.4.3高效的商品搜索

5.4.4商品收藏和分享

5.4.5个性化的购物体验

5.4.6流畅的支付流程

案例分析 “风尚”购物APP设计分析

实战案例 设计时尚女装购物APP

5.5电商APP设计注意事项

5.5.1视觉设计规范

5.5.2 APP设计的用户体验

案例分析 文艺风格电商APP设计分析

实战案例 设计餐饮电商APP

5.6本章小结

Chapter 06移动端电商页面

6.1了解启动页

6.1.1什么是电商启动页

6.1.2电商启动页的作用是什么

6.1.3电商启动页的设计要求

案例分析 天猫APP启动页设计分析

实战案例 设计餐饮类电商APP启动页

6.2电商APP引导页的类型

6.2.1活动推广类

6.2.2品牌推广类

6.2.3特点说明类

案例分析 京东商城APP引导页设计分析

实战案例 设计电商APP引导页

6.3电商活动页面设计原则

6.3.1优秀的活动文案

6.3.2根据节日特点进行配色和素材选择

6.3.3活动页面设计技巧

案例分析 节日促销活动页面设计分析

实战案例 设计化妆品促销活动页面

案例分析 数码产品促销页面设计分析

实战案例 设计手表促销活动页面

6.4商品详情页设计

6.4.1展示商品细节图片

6.4.2有效地引导用户操作

6.4.3商品评价功能

6.4.4连贯的商品介绍

6.4.5跟随性导航

6.4.6商品详情页面不要过长

案例分析 手机端家电商品详情页设计分析

实战案例 设计手机端商品详情页面

6.5移动端电商网页设计趋势

6.5.1分析移动购物用户

6.5.2移动端电商网页转化率

6.5.3移动端电商网页设计要点

案例分析 小家电店铺首页设计分析

实战案例 设计淘宝女装店铺首页

6.6本章小结