电商美工设计手册（写给设计师的书）

《电商美工设计手册》是一本全面介绍电商美工设计的图书，特点是知识易懂、案例趣味、动手实践、发散思维。

《电商美工设计手册》从学习电商美工设计的基础知识入手，循序渐进地为读者呈现精彩实用的知识和技巧。本书共分为7 章，内容分别为电商美工设计的原理、电商美工设计的元素、电商美工设计的基础色、电商美工设计中的版式、电商美工设计的行业分类、电商美工设计的视觉印象、电商美工设计的秘籍。在多个章节中安排了设计理念、色彩点评、设计技巧、配色方案、佳作赏析等经典模块，在丰富本书内容的同时，也增强了实用性。

《电商美工设计手册》内容丰富、案例精彩、版式设计新颖，适合电商美工设计师、广告设计师、平面设计师学习使用，而且可以作为大中专院校电商美工设计、平面设计专业及电商美工设计培训机构的教材， 也非常适合喜爱电商美工设计的读者作为参考书。

有多年艺术设计教学经验，因教学方法独特、讲解细致而得到广大学生的认同。参与多个设计项目的策划及制作，曾服务过国内多家公司。

“写给设计师的书”系列是目前设计领域非常全面的一套图书，集中探讨了配色设计的基础知识和设计理念。并针对配色设计在不同领域的应用，通过案例详细分析了设计的共性规律和设计技巧。
1.针对性强。针对设计师、专业学生、培训机构等，编写内容始终围绕此类人群。
2.实用性强。注重引导设计师的思维模式、设计理念、创意创新，可以应对设计师日常工作中遇到的问题，及急需补充的知识。
3.版面美观。注重案例及精彩赏析的选择，大量优秀作品让本系列图书更美观大气、更具设计感，采用铜版印刷更精美。

特色：
轻松学习配色法则，知识易懂、案例易学
本系列图书全面讲解了综合色彩、服装、网页、海报招贴、平面广告、展示陈列、商品包装、品牌形象、室内家居、商业广告、APP UI、VI与标志、字体、图形创意、软装饰、书籍装帧、版式、酒店、服装与服饰、图案、商业空间、标志与企业形象、企业形象CI、景观、会展展示、视觉传达、插画、广告创意、珠宝首饰、电商美工、环境艺术领域内相关的配色原理、基础知识、基础色、设计风格和类型、时尚元素以及配色设计秘籍，让读者快速掌握配色设计的方法和规律。
配色方案精彩呈现，动手实践、发散思维
每本书中都安排了案例解析、设计技巧、配色方案、设计欣赏、设计实战、设计秘籍经典模块，不仅丰富了服装配色的内容，而且还增强了实用性，从而提升读者的设计敏锐度以及对配色的判断能力。

前言

本书是笔者对多年从事电商美工设计工作的一个总结，以让读者少走弯路寻找设计捷径为目的。书中包含电商美工设计必学的基础知识及经典技巧。身处设计行业，你一定要知道，光说不练假把式，因此本书不仅有理论、有精彩案例赏析，还有大量的模块启发你的大脑，提高你的设计能力

希望读者看完本书后，不只会说“我看完了，挺好的，作品好看，分析也挺好的”，这不是笔者编写本书的目的。希望读者会说“本书给我更多的是思路的启发，让我的思维更开阔，学会了举一反三，知识通过消化吸收变成了自己的”，这才是笔者编写本书的初衷。

本书共分 7章，具体安排如下。

第 1 章 电商美工设计的原理，介绍电商美工设计的概念、电商美工设计的点、线、面、电商美工设计的原则。

第 2 章 电商美工设计的元素，包括色彩、文字、版式、创意、图形、图像。

第 3 章 电商美工设计的基础色，逐一分析红、橙、黄、绿、青、蓝、紫、黑、白、灰 10种颜色，讲解每种色彩在电商美工设计中的应用规律。

第 4 章 电商美工设计中的版式，主要介绍 10种常见的电商美工版式设计。

第 5 章 电商美工设计的行业分类，主要介绍 12种常用行业的应用。

第 6 章 电商美工设计的视觉印象，主要介绍 9种视觉印象。

第 7 章 电商美工设计的秘籍，精选15个设计秘籍，让读者轻松愉快地学习完最后的部分。本章也是对前面章节知识点的巩固和理解，需要读者动脑思考。

。

本书特色如下。

轻鉴赏，重实践。鉴赏类书只能看，看完后自己还是设计不好，本书则不同，增加了多个色彩点评、配色方案模块，让读者边看、边学、边思考。

章节合理，易吸收。第1~2章主要讲解电商美工设计的原理、元素，第3~6章介绍电商美工基础色、版式设计、行业分类、视觉印象等，第7章以轻松的方式介绍 15个设计秘籍。

设计师编写，写给设计师看。针对性强，而且知道读者的需求。

模块超丰富。设计理念、色彩点评、设计技巧、配色方案、佳作赏析在本书都能找到，一次性满足读者的求知欲。

本书是系列图书中的一本。读者不仅能系统学习电商美工设计，而且有更多的设计专业书籍供读者选择。

本书通过对知识的归纳总结、趣味的模块讲解，希望能够打开读者的思路，避免一味地照搬书本内容，推动读者必须自行多做尝试、多理解，增强动脑、动手的能力。希望通过本书，激发读者的学习兴趣，开启设计的大门，帮助你迈出第一步，圆你一个设计师的梦！

本书由李芳和广西经贸职业技术学院覃海宁编著，参与编写的人员还有董辅川、王萍、孙晓军、杨宗香。

由于时间仓促，加之编者水平有限，书中难免存在疏漏和不妥之处，敬请广大读者批评和指正。

编 者

第1章 电商美工设计的原理
1.1 电商美工设计的概念 2
1.2 电商美工设计的点、线、面 3
1.2.1 点 3
1.2.2 线 4
1.2.3 面 4
1.3 电商美工设计的原则 5
1.3.1 实用性原则 6
1.3.2 商业性原则 6
1.3.3 艺术性原则 7
1.3.4 趣味性原则 7
第2章 电商美工设计的元素
2.1 色彩 9
2.1.1　活跃积极的色彩元素 10
2.1.2　色彩元素设计技巧——合理运用色彩影响受众心理 11
2.2 文字 12
2.2.1　清晰直观的文字元素 13
2.2.2　文字元素设计技巧——适当运用立体字 14
2.3 版式 15
2.3.1　独具个性的版式元素 16
2.3.2　版式元素设计技巧——增强视觉层次感 17
2.4 创意 18
2.4.1　动感活跃的创意元素 19
2.4.2　创意元素设计技巧——增添画面趣味性 20
2.5 图形 21
2.5.1　具有情感共鸣的图形元素 22
2.5.2　图形元素设计技巧——增添画面创意性 23
2.6 图像 24
2.6.1　动感活跃的图像元素 25
2.6.2　图像元素设计技巧——将产品进行直观的呈现 26
第3章 电商美工设计的基础色
3.1 红 28
3.1.1 认识红色 28
3.1.2 洋红&胭脂红 29
3.1.3 玫瑰红&朱红 29
3.1.4 鲜红&山茶红 30
3.1.5 浅玫瑰红&火鹤红 30
3.1.6 鲑红&壳黄红 31
3.1.7 浅粉红&博艮第酒红 31
3.1.8 威尼斯红&宝石红 32
3.1.9 灰玫红&优品紫红 32
3.2　橙 33
3.2.1 认识橙色 33
3.2.2 橘色&柿子橙 34
3.2.3 橙色&阳橙 34
3.2.4 橘红&热带橙 35
3.2.5 橙黄&杏黄 35
3.2.6 米色&驼色 36
3.2.7 琥珀色&咖啡色 36
3.2.8 蜂蜜色&沙棕色 37
3.2.9 巧克力色&重褐色 37
3.3 黄 38
3.3.1 认识黄色 38
3.3.2 黄&铬黄 39
3.3.3 金&香蕉黄 39
3.3.4 鲜黄&月光黄 40
3.3.5 柠檬黄&万寿菊黄 40
3.3.6 香槟黄&奶黄 41
3.3.7 土著黄&黄褐 41
3.3.8 卡其黄&含羞草黄 42
3.3.9 芥末黄&灰菊黄 42
3.4 绿 43
3.4.1 认识绿色 43
3.4.2 黄绿&苹果绿 44
3.4.3 墨绿&叶绿 44
3.4.4 草绿&苔藓绿 45
3.4.5 芥末绿&橄榄绿 45
3.4.6 枯叶绿&碧绿 46
3.4.7 绿松石绿&青瓷绿 46
3.4.8 孔雀石绿&铬绿 47
3.4.9 孔雀绿&钴绿 47
3.5 青 48
3.5.1 认识青色 48
3.5.2 青&铁青 49
3.5.3 深青&天青色 49
3.5.4 群青&石青色 50
3.5.5 青绿色&青蓝色 50
3.5.6 瓷青&淡青色 51
3.5.7 白青色&青灰色 51
3.5.8 水青色&藏青 52
3.5.9 清漾青&浅葱青 52
3.6 蓝 53
3.6.1 认识蓝色 53
3.6.2 蓝色&天蓝色 54
3.6.3 蔚蓝色&普鲁士蓝 54
3.6.4 矢车菊蓝&深蓝 55
3.6.5 道奇蓝&宝石蓝 55
3.6.6 午夜蓝&皇室蓝 56
3.6.7 浓蓝色&蓝黑色 56
3.6.8 爱丽丝蓝&水晶蓝 57
3.6.9 孔雀蓝&水墨蓝 57
3.7 紫 58
3.7.1 认识紫色 58
3.7.2 紫色&淡紫色 59
3.7.3 靛青紫&紫藤 59
3.7.4 木槿紫&藕荷色 60
3.7.5 丁香紫&水晶紫 60
3.7.6 矿紫&三色堇紫 61
3.7.7 锦葵紫&淡紫丁香 61
3.7.8 浅灰紫&江户紫 62
3.7.9 蝴蝶花紫&蔷薇紫 62
3.8 黑白灰 63
3.8.1 认识黑白灰 63
3.8.2 白&月光白 64
3.8.3 雪白&象牙白 64
3.8.4 10%亮灰&50%灰 65
3.8.5 80%炭灰&黑 65
第4章 电商美工设计中的版式
4.1 中心型 67
4.1.1　高雅精致的中心型电商美工设计 68
4.1.2　中心型版式的设计技巧——以产品展示为主 69
4.2 对称型 70
4.2.1　清新亮丽的对称型电商美工设计 71
4.2.2　对称型版式的设计技巧——利用对称表达高端奢华感 72
4.3 骨骼型 73
4.3.1　图文结合的骨骼型电商美工设计 74
4.3.2　骨骼型版式的设计技巧——对产品进行直接呈现 75
4.4 分割型 76
4.4.1　独具个性的分割型电商美工设计 77
4.4.2　分割型版面的设计技巧——注重色调一致化 78
4.5 满版型 79
4.5.1　凸显产品细节的满版式电商美工设计 80
4.5.2　满版型版式的设计技巧——增添创意与趣味性 81
4.6 曲线型 82
4.6.1　具有情感共鸣的曲线型电商美工设计 83
4.6.2　曲线型版式的设计技巧——营造立体空间感 84
4.7 倾斜型 85
4.7.1　动感活跃的倾斜型电商美工设计 86
4.7.2　倾斜型版式的设计技巧——注重版面的简洁性 87
4.8 放射型 88
4.8.1　具有爆炸效果的放射型电商美工设计 89
4.8.2　放射型版式的设计技巧——凸显产品特性 90
4.9 三角形 91
4.9.1　极具稳定趣味的三角形电商美工设计 92
4.9.2　三角形版面的设计技巧——运用色彩对比凸显主体物 93
4.10 自由型 94
4.10.1　活泼时尚的自由型电商美工设计 95
4.10.2　自由型版面的设计技巧——运用色调营造主题氛围 96
第5章 电商美工设计的行业分类
5.1 服饰类电商美工设计 98
5.1.1　活泼清新风格的服饰类电商美工设计 99
5.1.2　服饰类电商美工的设计技巧——注重整体画面的协调统一 100
5.2 鞋靴类电商美工设计 101
5.2.1　优雅精致的鞋靴类电商美工设计 102
5.2.2　鞋靴类的电商美工设计技巧——展现产品原貌 103
5.3 箱包类电商美工设计 104
5.3.1　高端风格的箱包类电商美工设计 105
5.3.2　箱包类电商美工设计技巧——尽可能展现产品的实际大小 106
5.4 家电数码类电商美工设计 107
5.4.1　极具科技感的家电数码类电商美工设计 108
5.4.2　家电数码类电商美工技巧——凸显产品质感与耐用性 109
5.5 美妆类电商美工设计 110
5.5.1　高雅时尚风格的美妆类电商美工设计 111
5.5.2　美妆类电商美工设计技巧——借助相关装饰物凸显产品特性 112
5.6 美食类电商美工设计 113
5.6.1　用色明亮的美食类电商美工设计 114
5.6.2　美食类电商美工设计技巧——用小元素增加画面趣味性 115
5.7 母婴玩具类电商美工设计 116
5.7.1　活泼风趣的母婴玩具类电商美工设计 117
5.7.2　母婴玩具类电商美工设计技巧——着重展现产品的安全与健康 118
5.8 生鲜类电商美工设计 119
5.8.1　新鲜健康的生鲜类电商美工设计 120
5.8.2　生鲜类电商美工设计技巧——尽量用产品本色作为主色调 121
5.9 家居类电商美工设计 122
5.9.1　清新淡雅风格的家居类电商美工设计 123
5.9.2　家居类电商美工设计技巧——注重实用性的同时提高产品格调 124
5.10 奢侈品类电商美工设计 125
5.10.1　高端风格的奢侈品类电商美工设计 126
5.10.2　奢侈品类电商美工设计技巧——凸显品牌特色 127
5.11 虚拟产品类电商美工设计 128
5.11.1　卡通风格的虚拟产品类电商美工设计 129
5.11.2　虚拟产品类电商美工设计技巧——增强互动效果 130
5.12 汽车类电商美工设计 131
5.12.1　大气壮观的汽车类电商美工设计 132
5.12.2　汽车类电商美工设计技巧——用直观的方式展现 133
第6章 电商美工设计的视觉印象
6.1 美味 135
6.2　潮流 137
6.3 环保 139
6.4 科技 141
6.5 凉爽 143
6.6 高端 145
6.7 可爱 147
6.8 品质 149
6.9 复古 151
第7章 电商美工设计的秘籍
7.1 图文结合使信息传达最大化 154
7.2 运用对比色彩增强视觉刺激 155
7.3 以模特展示呈现出最佳立体空间效果 156
7.4 产品细节放大效果增强信任感 157
7.5 运用颜色情感凸显产品格调 158
7.6 借助人们熟知的物品体现产品特性 159
7.7 运用小的装饰物件丰富画面的细节效果 160
7.8 尽可能少地对产品进行修饰，展现其本来面貌 161
7.9 以产品本色作为背景主色调，营造和谐统一感 162
7.10 将多种色彩进行巧妙的组合 163
7.11 与消费者对产品的需求与嗜好相结合 164
7.12 凸显产品的亮点与特性 165
7.13 排版文字要主次分明，简单易懂 166
7.14 适当的留白让产品更加突出 167
7.15 利用几何图形增加视觉聚拢感 168