高金山，资深UI设计师，有丰富的UI设计经验，先后从事电商设计，软件界面、网站界面和游戏界面的设计工作。曾在中国传媒大学、北京大学、北京师范大学等重点院校教授设计课程。

　　《电商逆袭--移动电商设计》是一本使用Photoshop进行移动电商设计制作的案例教程，语言浅显易懂，配合大量精美的移动电商设计案例，讲解了有关移动电商设计的相关知识和使用Photoshop进行移动电商设计制作的方法和技巧，使读者在掌握移动电商设计各方面知识的同时，能够在移动电商设计制作基础上做到活学活用。

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
案例分析 | 天猫购物APP图标设计分析 027
实战案例 | 设计运动品牌电商应用图标 028
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
案例分析 | 天猫开屏广告设计分析 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