吴海龙
自学设计的非科班设计师一枚。
曾任职和服务过百丽集团（优购网）、银泰集团（银泰网）、七匹狼、众耀设计等品 牌企业。
用边学边做的实战方法提升自己，从网页到电商设计行业，一直在学习的路上。
站酷ID：马良重生
微信公众号：不错研究室

* 冬
毕业于四川美术学院，像素文化传播有限公司、像素设计学院创始人，高 级讲师。
曾任职和服务过银泰网、小米、澳洲EveryUGG、MASAMASO、iOrder量品定制、秦皇美术馆、巷陌科技、北京银行、首钢、东软集团等品 牌企业。
在9年的设计生涯中，从平面设计到网页设计，再到电商设计和UI设计均有涉猎。
把视觉设计和设计教育相结合，于2017年创立像素文化传播有限公司和像素设计学院。
站酷ID：蒸个馒头

本书围绕电商设计原则、技巧及实例进行了详细的讲解，全书共7章，* 1章对电商设计的定义及电商设计未来的发展趋势进行了阐述；* 2章介绍了电商设计的基础知识，对点线面的知识、视觉引导与排版设计、色彩搭配等方面进行了详细的讲解，可以使读者在学习中明确方向、把握重点；第3章对电商设计中的实用技巧进行了详细的讲解，对整合项目需求、丰富页面内容、重视首屏视觉等方面进行了阐述，用图文并茂的方式帮助读者对相关内容进行系统的学习和巩固；第4~7章讲解了各类专题页面的设计，向读者展示各类专题页面的设计制作方法，争取使用简单的方法制作出精彩的实例效果。本书对电商设计的技巧与案例应用进行了系统性的归纳与介绍，逻辑清楚，浅显易懂。
随书提供操作实例的素材文件及效果源文件，旨在为电商设计师、电商设计初学者提供实用的设计指导，使之能全面学习，少走弯路。同时，本书也可作为相关培训机构的参考资料。

* 1章 浅谈电商设计 13
1．1 电商设计与平面、网页设计的区别 14
1．1．1 平面设计 14
1．1．2 网页设计 15
1．1．3 电商设计 16
1．2 电商设计未来的发展趋势 18
1．2．1 专题单页化 18
1．2．2 扁平化设计的崛起 20
1．2．3 移动端设计体验的入侵 23
* 2章 电商设计的基础知识 27
2．1 什么是点、线、面 28
2．2 点、线、面的关系 29
2．3 点、线、面在网页中的应用 30
2．3．1 点的应用 30
2．3．2 线的应用 30
2．3．3 面的应用 31
2．4 视觉引导与排版设计 32
2．4．1 F形视觉 32
2．4．2 Z形视觉 32
2．4．3 焦点视觉 33
2．4．4 S形视觉 33
2．4．5 斜线视觉 33
2．4．6 版式类型 36
2．5 怎么选色彩 39
2．5．1 色彩属性 39
2．5．2 整理色彩 40
第3章 电商设计中的实用技巧 45
3．1 整合项目需求 46
3．1．1 整理需求和找准切入点 46
3．1．2 分析需求 46
3．1．3 了解需求 47
3．1．4 了解目标受众 48
3．1．5 消化需求 48
3．1．6 跟进需求 49
3．2 丰富页面内容 50
3．2．1 图文配合 50
3．2．2 内外统一 50
3．2．3 有情有景 51
3．2．4 有声有色 51
3．2．5 悬念迭生 52
3．2．6 处处有事 52
3．3 重视首屏视觉 53
3．3．1 首屏到底多高才合适 53
3．3．2 首屏是影响客户是否关注的要点 54
3．3．3 首屏设计的重要性 54
3．3．4 如何做好首屏设计 55
3．3．5 首屏设计的基本点 57
3．4 让字体更多变 58
3．4．1 字体的选择 58
3．4．2 字体的性格 59
3．4．3 字体的规则 60
3．4．4 字体的设计 60
3．5 留白也是一种艺术 62
3．5．1 什么是留白 62
3．5．2 留白与简洁 62
3．5．3 留白的6种方法 62
3．5．4 留白在摄影中的运用 65
3．5．5 留白在电商设计中的运用 66
3．6 不做“差不多先生” 67
3．6．1 文字中的细节 67
3．6．2 文字的对齐细节 68
3．6．3 字体的数量 68
3．6．4 缩放后的图片细节 69
3．6．5 关于边距与对齐 69
3．6．6 善用软件的对齐工具和参考线 70
3．7 做“适合”的设计 70
3．7．1 简洁的版式 70
3．7．2 简洁的颜色 71
3．7．3 简洁的质感设计 73
3．8 9招教你做好专题页— —冰糖葫芦原则 73
3．8．1 从头开始 74
3．8．2 让页面头尾呼应 74
3．8．3 慎用多色背景 74
3．8．4 元素的统一 75
3．8．5 高度与留白 75
3．8．6 整体性思考 75
3．8．7 注重形式感 75
3．8．8 让页面故事化 76
3．8．9 单页发展新潮流 76
3．9 7招高效工作的方式 76
3．9．1 设计沟通的3个原则 76
3．9．2 巧用图层整理术 78
3．9．3 工作中要保持的9个习惯 80
3．9．4 找准素材和做好设计 81
3．9．5 4句设计箴言 83
第4章 节日活动类案例分析与制作 73
4．1 中国传统风格——元旦活动专题页面 86
4．1．1 设计思路 87
4．1．2 页面分析 88
4．1．3 绘制过程 89
4．2 温情动人风格——母亲节活动专题页面 96
4．2．1 设计思路 96
4．2．2 页面分析 97
4．2．3 绘制过程 98
4．3 简单清新风格——3周年店庆专题页面106
4．3．1 设计思路 106
4．3．2 页面分析 107
4．3．3 绘制过程 108
4．4 夸张夺目风格— —淘宝“双11”专题页面73
4．4．1 设计思路 114
4．4．2 页面分析 115
4．4．3 绘制过程 116
4．5 新颖简洁风格— —圣诞节活动专题页面 120
4．5．1 设计思路 120
4．5．2 页面分析 121
4．5．3 绘制过程 122
第5章 扁平插画类案例分析与制作 127
5．1 夸张拟人风格——黄金饰品类专题页面 128
5．1．1 设计思路 128
5．1．2 页面分析 129
5．1．3 绘制过程 129
5．2 卡通戏曲风格——情 人节活动专题页面 139
5．2．1 设计思路 139
5．2．2 页面分析 140
5．2．3 绘制过程 140
5．3 几何切面风格——圣 诞节活动专题页面 149
5．3．1 设计思路 149
5．3．2 页面分析 150
5．3．3 绘制过程 151
第6章 图像合成类案例分析与制作 159
6．1 水彩水墨风格——* 雨江南专题页面 160
6．1．1 设计思路 160
6．1．2 页面分析 161
6．1．3 绘制过程 161
6．2 宏伟大气风格——银泰“双12”专题页面 168
6．2．1 设计思路 168
6．2．2 页面分析 169
6．2．3 绘制过程 169
6．3 暗黑金属风格——3周年店庆专题页面 178
6．3．1 设计思路 178
6．3．2 页面分析 179
6．3．3 绘制过程 180
第7章 版式设计类案例分析与制作 189
7．1 高 贵 奢 华风格——夏日婚礼专题页面 190
7．1．1 设计思路 190
7．1．2 页面分析 191
7．1．3 绘制过程 191
7．2 优雅妩媚风格——品 牌内衣专题页面 195
7．2．1 设计思路 195
7．2．2 页面分析 196
7．2．3 绘制过程 196
7．3 沉稳儒雅风格——绅士男装专题页面 204
7．3．1 设计思路 204
7．3．2 页面分析 205
7．3．3 绘制过程 205
7．4 动感炫酷风格——户外服饰专题页面 212
7．4．1 设计思路 212
7．4．2 页面分析 213
7．4．3 绘制过程 213
7．5 时尚简约风格——名品服饰专题页面 218
7．5．1 设计思路 218
7．5．2 页面分析 219
7．5．3 绘制过程 219