电商逆袭移动端电商设计

　　全书内容丰富、条理清晰，通过6章的内容，为读者全面、系统地介绍了各种移动电商的设计知识，以及使用Photoshop进行移动电商界面设计的方法和技巧，采用理论知识和案例相结合的方法，使知识融会贯通。
　　语言通俗易懂，精美案例图文同步，涉及大量移动电商设计的知识讲解，帮助读者深入了解移动电商设计。实例涉及面广，几乎涵盖了移动电商设计中的各个领域，通过大量的设计讲解和案例制作帮助
　　读者掌握各个领域的专业知识点。
　　注重设计知识点和案例制作技巧的归纳总结，知识点和案例的讲解过程中穿插了大量的软件操
　　作技巧提示等，使读者更好地对知识点进行归纳吸收。
　　每一个案例的制作过程，都配有相关视频教程和素材，步骤详细，使读者轻松掌握。

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

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

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

　　互联网发展速度之快，令人叹为观止。我们知道电子商务是指不需要见面就可以进行的商贸活动，而移动电子商务与它的区别仅仅是商贸活动进行的方式不一样。传统的电子商务是通过PC进行沟通，而移动电子商务，顾名思义就体现在“移动”两字上，它的主要传播途径是手机、PAD、掌上电脑等手持移动终端。与传统的电商相比，移动电商在商贸谈判中又更上一层楼。
　　本书从移动电商设计的理念为出发点，配以专业的图形处理软件Photoshop做讲解，重点向读者介绍了Photoshop在移动电商设计方面的理论知识和相关应用。通过大量移动电商设计案例的制作和分析，让读者掌握实实在在的设计思想。
　　本书章节安排
　　本书内容浅显易懂，简明扼要，从移动电商的设计思想出发，向读者传达一种新的设计理念，专业的理论知识讲解与精美案例制作完美结合，循序渐进地讲解移动电商设计中的有关知识，让读者在学习欣赏的过程中丰富自己的设计创意并提高动手制作能力。本书内容章节安排如下。
　　Chapter01认识移动电商，介绍了关于移动电商的相关基础知识，包括什么是移动电商、移动电商的优势、各移动终端的设计规范，以及移动电商的应用形式等，使读者对移动电商有更加深入的认识和理解。
　　Chapter02移动端电商图标，主要介绍了移动电商界面中图标设计的相关知识及其设计表现方法，包括设计风格、应用类型、图标特点和设计要点等，并通过讲解移动电商界面中不同类型的图标制作，使读者快速掌握移动端电商图标的设计和表现方法。
　　Chapter03移动端电商基本元素，主要讲解了有关移动电商设计基本元素的相关知识，主要讲解了导航和工具栏的设计方法，通过讲解不同类别移动电商基本元素的设计制作，使读者掌握移动电商基本元素设计的技巧及表现形式。
　　Chapter04移动端电商广告，主要讲解了移动端电商广告的特点、类型、设计元素和要点等知识，为读者详细介绍了移动电商广告排版布局的技巧，最后通过对不同移动端电商广告界面制作过程的讲解提高读者对移动电商设计的认识。
　　Chapter05移动端电商APP，主要介绍了移动端电商APP的设计要求和方法，还普及了有关电商APP的基础知识，也向读者介绍了电商APP的设计原则和注意事项，通过对多种不同APP页面的设计讲解，让读者明了电商APP在移动电商设计中所遵循的设计原则和要求。
　　Chapter06移动端电商页面，主要介绍了移动电商页面布局设计的要点和设计趋势，并且依次介绍了对启动页、引导页、商品详情页、活动页的布局设计，通过讲解多种典型的移动电商界面的设计制作，使读者掌握移动电商界面的设计方法，并认识到移动电商界面的多种设计特点和风格。