电商设计技巧修炼与实战应用

* 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