这是一本系统讲解移动端电商视觉设计的专业教程。全书共分上下两册，上册包括第1~6章，下册包括第7~11章。第1~3章是理论部分，介绍了电商设计和电商设计师的概况及发展、设计前期的创意构思，以及主要的电商设计风格；第4~11章是实践部分，先分别从构图、色彩、光影和字体4个方面详细剖析了手机端的Banner设计，然后分别讲解了手机端的详情页和专题页的版式设计。
本书适合电商设计初学者使用，也可作为有一定工作经验的设计师进阶学习的参考书。此外，网店的店主、电商运营人员和电商策划人员等也能通过本书了解更多的设计思维和方法。

·内容丰富，掌握设计方向 创意构思 设计风格 构图 色彩 光影 版式，做有效的设计，让设计为商业赋能！
·随书附赠丰富电子资源：实战案例讲解视频 实战案例源文件 实战案例素材文件。
·自媒体庞门正道阿门（庞少棠）、站酷网主编纪晓亮、优设网主编程远、同盟广告杨舸联合推荐。
·装帧精细，分上下册，整整656页厚实内容，干货满满。

卢维贤：2008年毕业后在广告公司磨炼基本功，2012年转做电商设计，是较早一批从事电商视觉设计的设计师。在多年的工作过程中总结了一些设计方法和心得，在网上分享的部分文章获得了广泛的认可和大量转发，欣慰之余写成本书，希望能帮助到更多的学习者。

第 1章 聊聊电商圈001
1.1 认识电商设计 004
1.1.1 电商设计3阶段 004
1.1.2 设计师的职业类型 008
1.1.3 运营设计师的分类 011
1.1.4 运营设计师的工作内容 012
1.1.5 运营设计师的技能需求 014
1.2 生存之道 023
1.2.1 我的12年 023
1.2.2 给新人的4点建议 025
1.3 漫谈未来 028
1.3.1 人工智能 028
1.3.2 VR AR MR 029
1.4 本章小结 032

第 2章 别急着动手，思考很重要 033
2.1 持续积累 036
2.1.1 网站推荐 036
2.1.2 整理参考 038
2.1.3 借鉴之道 040
2.2 了解需求 044
2.2.1 服务对象 044
2.2.2 品牌调性 044
2.2.3 目标用户 045
2.2.4 商业目的 046
2.2.5 展示情况 046
2.2.6 文案内容 049
2.3 挖掘诉求点 050
2.3.1 产品利益点 051
2.3.2 用户情感 052
2.3.3 品牌调性 054
2.4 推导核心概念 055
2.5 构思创意表现形式 057
2.5.1 夸张 058
2.5.2 比喻 059
2.5.3 拟人 060
2.5.4 对比 060
2.5.5 视角 061
2.5.6 故事化 062
2.5.7 氛围渲染 063
2.6 本章小结 065

第3章 设计风格和视觉元素 067
3.1 简述平面设计发展史 070
3.1.1 工业革命时期 070
3.1.2 现代主义设计 072
3.1.3 后现代主义设计 075
3.2 电商设计的风格演变 076
3.2.1 UI设计风格 077
3.2.2 专题页设计风格 078
3.3 艺术风格分类 079
3.3.1 中国风 079
3.3.2 复古风 080
3.3.3 极简风 082
3.3.4 后现代设计风格 083
3.3.5 扁平插画风 087
3.3.6 拟物写实风 088
3.3.7 纸雕风 089
3.3.8 霓虹风 089
3.3.9 2.5D风格 090
3.3.10 三维纯色风 091
3.4 主题风格分类 092
3.4.1 热闹促销 092
3.4.2 时尚潮流 092
3.4.3 活泼可爱 093
3.4.4 甜美温馨 094
3.4.5 文艺清新 094
3.4.6 大气简约 094
3.4.7 未来科技 095
3.4.8 动感活力 096
3.5 塑造合适元素，将风格融入设计 097
3.5.1 元素的塑造原则 098
3.5.2 元素的设计误区 104
3.5.3 元素的符号化表达 107
3.6 本章小结 112

第4章 Banner的版面布局 113
4.1 初识手机Banner 116
4.1.1 常见分类 116
4.1.2 常见比例 121
4.1.3 前期准备 125
4.2 布局类型 128
4.2.1 上下布局 129
4.2.2 左右布局 130
4.2.3 上中下布局 132
4.2.4 左中右布局 133
4.2.5 包围布局 134
4.2.6 十字布局 135
实战案例 139
4.3 布局原则均衡布局 140
4.3.1 对称均衡 141
4.3.2 非对称均衡 144
4.4 布局原则突出重点 150
4.4.1 主体元素 152
4.4.2 文案 153
4.4.3 按钮 155
实战案例 157
4.5 本章小结 158

第5章 6招提升形式感 159
5.1 第 1招：图形分割 162
5.1.1 横 竖线分割 167
5.1.2 斜线分割 170
5.1.3 三角形分割 173
5.1.4 圆形分割 178
5.1.5 方形分割 181
5.1.6 异形分割 189
5.1.7 放射分割 192
实战案例 196
5.2 第 2招：简约背景 201
5.2.1 单色背景 201
5.2.2 渐变背景 202
5.2.3 底纹背景 207
实战案例 210
5.3 第3招：放大核心点 212
5.3.1 放大标题 212
5.3.2 放大宣传点 214
5.3.3 放大主体元素 216
实战案例 219
5.4 第4招：使用摄影图片 222
5.4.1 直接使用 224
5.4.2 后期处理 224
实战案例 227
5.5 第5招：空间陈列 229
5.5.1 焦点透视 230
5.5.2 陈列场景 252
实战案例 263
5.6 第6招：创意场景 269
5.6.1 确定创意和风格 271
5.6.2 画草图、定配色 271
5.6.3 场景搭建 272
5.6.4 添加光影 274
实战案例 276
5.7 本章小结 278

第6章 移动时代，色彩为王 281
6.1 色彩知多少 284
6.1.1 色彩形成 284
6.1.2 色彩分类 288
6.1.3 色彩三要素 289
6.2 12色相环 292
6.2.1 同类色搭配 294
6.2.2 邻近色搭配 298
6.2.3 类似色搭配 302
6.2.4 中差色搭配 307
6.2.5 对比色搭配 312
6.2.6 互补色搭配 316
6.3 PCCS色彩体系 318
6.3.1 纯色调 321
6.3.2 浅色调 322
6.3.3 淡色调 322
6.3.4 深色调 323
6.3.5 暗色调 324
6.3.6 浅灰色调 325
6.3.7 浊色调 326
6.3.8 特殊色调 327
6.4 配色方法 329
6.4.1 理论配色法 330
实战案例 331
6.4.2 主体配色法 333
实战案例 338
6.4.3 借鉴配色法 339
实战案例 342
6.5 配色原则 345
6.5.1 与设计风格匹配 345
6.5.2 主辅色有对比 346
6.5.3 数量要合适 352
6.6 本章小结 354

第7章 电商设计常用色 355
7.1 红色 358
7.1.1 纯红色 358
7.1.2 粉红色 362
7.1.3 深红色 366
实战案例 369
7.2 黄色 372
7.2.1 纯黄色 372
7.2.2 浅黄色 376
7.2.3 褐色 378
实战案例 380
7.3 绿色 383
7.3.1 纯绿色 384
7.3.2 浅绿色 385
7.3.3 深绿色 387
实战案例 390
7.4 蓝色 393
7.4.1 纯蓝色 394
7.4.2 浅蓝色 397
7.4.3 深蓝色 400
实战案例 402
7.5 紫色 405
7.5.1 纯紫色 405
7.5.2 浅紫色 407
7.5.3 深紫色 409
实战案例 411
7.6 本章小结 414

第8章 设计中的光影视界 415
8.1 光源类型 418
8.1.1 照射光 418
8.1.2 环境光 421
8.2 物体明暗 424
8.2.1 明暗原则 425
8.2.2 环境色影响 429
实战案例 432
8.2.3 照射光影响 434
8.2.4 其他材质 445
8.3 物体投影 450
8.3.1 投影方向 451
8.3.2 投影轮廓 451
8.3.3 投影颜色 458
8.3.4 投影深浅 459
8.3.5 投影虚实 461
实战案例 464
8.4 戏剧化用光 470
8.4.1 明暗对比 470
8.4.2 色相对比 473
8.4.3 形状划分 476
实战案例 481
8.5 本章小结 484

第9章 字体设计的门与路 485
9.1 字体的类型和气质 488
9.1.1 字体类型 488
9.1.2 字体气质 496
9.1.3 选择合适的字体 498
9.2 字体设计 502
9.2.1 字体设计原则 502
9.2.2 改字 504
9.2.3 造字 511
实战案例 516
9.3 字效呈现 519
9.3.1 立体 519
9.3.2 边框 522
9.3.3 阴影 523
9.3.4 质感 526
实战案例 529
9.4 本章小结 534

第 10章 版式设计没那么简单（一）手机端详情页设计 535
10.1 做前想一想 538
10.1.1 整体印象 538
10.1.2 梳理文案 541
10.1.3 确定风格 544
10.1.4 画草图、定配色 547
10.2 版式设计4原则 549
10.2.1 对齐 549
10.2.2 亲密性 552
10.2.3 对比 556
10.2.4 重复 559
10.3 详情页版式设计 564
10.3.1 浏览顺序 566
10.3.2 一屏一版块 571
10.3.3 版块结构 573
10.3.4 前3屏原则 581
10.3.5 轻重结合 582
10.3.6 留白 586
10.3.7 少即是多 589
10.4 版式设计细节 592
10.4.1 几何图形 592
10.4.2 具象图形 600
10.5 本章小结 606

第 11章 版式设计没那么简单（二）手机端专题页设计 607
11.1 专题页设计全局观 610
11.1.1 服务对象 610
11.1.2 常用版块 610
11.1.3 统一与变化 614
11.1.4 表现类型 624
实战案例 632
11.2 专题页版式设计 635
11.2.1 浏览顺序 635
11.2.2 模块大小 637
11.2.3 内容区隔 642
11.2.4 信息呈现 648
11.3 本章小结 656