电商设计技巧修炼与实战应用（超值版）

本书以4大块内容展开讲解，从电商设计的发展到设计观点，再结合大量的实战案例来阐述在电商设计中所需要的各种设计思维、设计方法和技巧。通过日常实战中积累的经验和对于电商这个以活动带动销售，以营销加深品牌曝光度的设计类别的理解，总结出了一些实用且高效的方法。

 

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

吴海龙 自学设计的非科班设计师一枚，曾就职和服务过百丽集团（优购网）、银泰集团（银泰网）、七匹狼、众耀设计等品牌企业，用边学边做的实战方法提升自己，从网页到电商设计行业，一直在学习的路上。 站酷ID：马良重生 微信公众号：不错研究室 王冬 毕业于四川美术学院，像素文化传播有限公司、像素设计学院创始人，高级讲师，曾就职和服务过银泰网、小米、澳洲EveryUGG、MASAMASO、iOrder量品定制、秦皇美术馆、巷陌科技、北京银行、首钢、东软集团等品牌企业，在9年的设计生涯中，从平面设计到网页设计，再到电商设计和UI设计均有涉猎，把视觉设计和设计教育相结合，于2017年创立像素文化传播有限公司和像素设计学院。 站酷ID：蒸个馒头

第 1章 浅谈电商设计 10

1.1 电商设计与平面、网页设计的区别 11

1.1.1 平面设计 11

1.1.2 网页设计 12

1.1.3 电商设计 13

1.2 电商设计未来的发展趋势 15

1.2.1 专题单页化 15

1.2.2 扁平化设计的崛起 17

1.2.3 移动端设计体验的入侵 20

第 2章 电商设计的基础知识 24

2.1 什么是点、线、面 25

2.2 点、线、面的关系 26

2.3 点、线、面在网页中的应用 27

2.3.1 点的应用 27

2.3.2 线的应用 27

2.3.3 面的应用 28

2.4 视觉引导与排版设计 29

2.4.1 F形视觉 29

2.4.2 Z形视觉 29

2.4.3 焦点视觉 30

2.4.4 S形视觉 30

2.4.5 斜线视觉 30

2.4.6 版式类型 33

2.5 怎么选色彩 36

2.5.1 色彩属性 36

2.5.2 整理色彩 37

第3章 电商设计中的实用技巧 42

3.1 整合项目需求 43

3.1.1 整理需求和找准切入点 43

3.1.2 分析需求 43

3.1.3 了解需求 44

3.1.4 了解目标受众 45

3.1.5 消化需求 45

3.1.6 跟进需求 46

3.2 丰富页面内容 47

3.2.1 图文配合 47

3.2.2 内外统一 47

3.2.3 有情有景 48

3.2.4 有声有色 48

3.2.5 悬念迭生 49

3.2.6 处处有事 49

3.3 重视首屏视觉 50

3.3.1 首屏到底多高才合适 50

3.3.2 首屏是影响客户是否关注的要点 51

3.3.3 首屏设计的重要性 51

3.3.4 如何做好首屏设计 52

3.3.5 首屏设计的基本点 54

3.4 让字体更多变 55

3.4.1 字体的选择 55

3.4.2 字体的性格 56

3.4.3 字体的规则 57

3.4.4 字体的设计 57

3.5 留白也是一种艺术 59

3.5.1 什么是留白 59

3.5.2 留白与简洁 59

3.5.3 留白的6种方法 59

3.5.4 留白在摄影中的运用 62

3.5.5 留白在电商设计中的运用 63

3.6 不做“差不多先生” 64

3.6.1 文字中的细节 64

3.6.2 文字的对齐细节 65

3.6.3 字体的数量 65

3.6.4 缩放后的图片细节 66

3.6.5 关于边距与对齐 66

3.6.6 善用软件的对齐工具和参考线 67

3.7 做“适合”的设计 67

3.7.1 简洁的版式 67

3.7.2 简洁的颜色 68

3.7.3 简洁的质感设计 70

3.8 9招教你做好专题页——冰糖葫芦原则 70

3.8.1 从头开始 71

3.8.2 让页面头尾呼应 71

3.8.3 慎用多色背景 71

3.8.4 元素的统一 72

3.8.5 高度与留白 72

3.8.6 整体性思考 72

3.8.7 注重形式感 72

3.8.8 让页面故事化 73

3.8.9 单页发展新潮流 73

3.9 7招高效工作的方式 73

3.9.1 设计沟通的3个原则 73

3.9.2 巧用图层整理术 75

3.9.3 工作中要保持的9个习惯 77

3.9.4 找准素材和做好设计 78

3.9.5 4句设计箴言 80

第4章 节日活动类案例分析与 制作 82

4.1 中国传统风格——元旦活动专题页面 83

4.1.1 设计思路 84

4.1.2 页面分析 85

4.1.3 绘制过程 86

4.2 温情动人风格——母亲节活动专题页面93

4.2.1 设计思路 93

4.2.2 页面分析 94

4.2.3 绘制过程 95

4.3 简单清新风格——3周年店庆专题页面 103

4.3.1 设计思路 103

4.3.2 页面分析 104

4.3.3 绘制过程 105

4.4 夸张夺目风格——淘宝“双11”专题页面 111

4.4.1 设计思路 111

4.4.2 页面分析 112

4.4.3 绘制过程 113

4.5 新颖简洁风格——圣诞节活动专题页面 117

4.5.1 设计思路 117

4.5.2 页面分析 118

4.5.3 绘制过程 119

第5章 扁平插画类案例分析与制作 124

5.1 卡通戏曲风格——情人节活动专题页面 125

5.1.1 设计思路 125

5.1.2 页面分析 126

5.1.3 绘制过程 126

5.2 几何切面风格——圣诞节活动专题页面 135

5.2.1 设计思路 135

5.2.2 页面分析 136

5.2.3 绘制过程 137

第6章 图像合成类案例分析与制作 144

6.1 水彩水墨风格——烟雨江南专题页面 145

6.1.1 设计思路 145

6.1.2 页面分析 146

6.1.3 绘制过程 146

6.2 宏伟大气风格

——银泰“双12” 专题页面 153

6.2.1 设计思路 153

6.2.2 页面分析 154

6.2.3 绘制过程 154

6.3 暗黑金属风格——3周年店庆专题页面 163

6.3.1 设计思路 163

6.3.2 页面分析 164

6.3.3 绘制过程 165

第7章 版式设计类案例分析与制作 174

7.1 高贵奢华风格——夏日婚礼专题页面 175

7.1.1 设计思路 175

7.1.2 页面分析 176

7.1.3 绘制过程 176

7.2 优雅妩媚风格——品牌内衣专题页面 180

7.2.1 设计思路 180

7.2.2 页面分析 181

7.2.3 绘制过程 181

7.3 沉稳儒雅风格——绅士男装专题页面 189

7.3.1 设计思路 189

7.3.2 页面分析 190

7.3.3 绘制过程 190

7.4 动感炫酷风格——户外服饰专题页面 197

7.4.1 设计思路 197

7.4.2 页面分析 198

7.4.3 绘制过程 198

7.5 时尚简约风格——名品服饰专题页面203

7.5.1 设计思路 203

7.5.2 页面分析 204

7.5.3 绘制过程 204