电商美工设计手册（第2版）

本书是笔者从事电商美工设计工作多年所做的一个经验和技能总结，希望通过本书的学习可以让读者少走弯路、寻找到设计捷径。书中包含电商美工设计必学的基础知识及经典技巧。身处设计行业，你一定要知道，光说不练假把式，因此本书不仅有理论、有精彩案例赏析，还有大量的模块启发你的大脑，提高你的设计能力。
希望读者看完本书后，不只会说“我看完了，挺好的，作品好看，分析也挺好的”，这不是笔者编写本书的目的。希望读者会说“本书给我更多的是思路的启发，让我的思维更开阔，学会了举一反三，知识通过消化吸收变成了自己的”，这才是笔者编写本书的初衷。
本书共分7章，具体安排如下。
第1章 电商美工设计的原理，介绍电商美工设计的概念，电商美工设计的点、线、面，电商美工设计的原则。
第2章 电商美工设计的元素，包括色彩、文字、版式、创意、图形、图像。
第3章 电商美工设计的基础色，逐一分析红、橙、黄、绿、青、蓝、紫、黑、白、灰10种颜色，讲解每种色彩在电商美工设计中的应用规律。
第4章 电商美工设计中的版式，主要介绍10种常见的电商美工版式设计。
第5章 电商美工设计的行业分类，主要介绍12种常用行业的应用。
第6章 电商美工设计的视觉印象，主要介绍9种视觉印象。
第7章 电商美工设计的秘籍，精选15个设计秘籍，让读者轻松、愉快地了解并掌握电商美工设计的干货和技巧。本章也是对前面章节知识点的巩固和提高，需要读者认真领悟并动脑思考。
本书特色如下。
轻鉴赏，重实践。鉴赏类图书注重案例赏析，但读者往往看完后自己还是设计不好，本书则不同，增加了多个色彩点评、配色方案模块，让读者可以边看、边学、边思考。
章节合理，易吸收。第1~2 章主要讲解电商美工设计的原理和基本原则；第3~6 章主要介绍电商美工基础色、版式设计、行业分类、视觉印象等；第7 章以简洁的语言剖析了15 个设计秘籍。
由设计师编写，写给未来的设计师看。了解读者的需求，针对性强。
模块超丰富。设计理念、色彩点评、设计技巧、配色方案、设计赏析在本书中都能找到，一次性满足读者的求知欲。
本书是系列设计图书中的一本。读者不仅能系统学习电商美工设计方面的知识，而且可以全面了解电商美工设计规律和设计秘籍。
本书通过对知识的归纳总结、丰富的模块讲解，希望能够打开读者的思路，避免一味地照搬书本内容，启发读者主动多做尝试，在实践中融会贯通，举一反三。从而激发读者的学习兴趣，开启创意设计的大门，帮助读者迈出创意设计第一步，圆读者一个设计师的梦！
本书以二十大提出的推进文化自信自强的精神为指导思想，围绕国内各个院校的相关设计专业进行编写。
本书由李芳和广西经贸职业技术学院覃海宁编著，其他参与本书内容编写和整理工作的人员还有杨力、王萍、孙晓军、杨宗香等。
由于编者水平有限，书中难免存在疏漏和不妥之处，敬请广大读者批评和指正。
编 者

《电商美工设计手册（第2版）》是一本全面介绍电商美工设计的图书，特点是知识易懂、案例易学，在强调创意设计的同时，应用案例博采众长，举一反三。 《电商美工设计手册（第2版）》从学习电商美工设计的基础知识入手，循序渐进地为读者呈现精彩实用的知识和技巧。本书共分为7章，内容分别为电商美工设计的原理、电商美工设计的元素、电商美工设计的基础色、电商美工设计中的版式、电商美工设计的行业分类、电商美工设计的视觉印象、电商美工设计的秘籍。同时还在多个章节中安排了设计理念、色彩点评、设计技巧、配色方案、设计赏析等经典模块，既丰富了本书内容，也增强了易读性和实用性。 《电商美工设计手册（第2版）》内容丰富、案例精彩、版式设计新颖，不仅适合电商美工设计师、广告设计师、平面设计师学习使用，也非常适合喜爱电商美工设计的读者作为参考书，更可以作为大、中专院校电商美工设计专业、平面设计专业及电商美工设计培训机构的教材。

致力于研究视觉设计，有多年平面设计、色彩设计等教学经验，因教学方法独特、讲解细致而得到广大学员的认同。参与多个设计项目的策划及制作，曾服务过国内多家公司。

第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 清晰直观的文字元素     12
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 浅灰&50% 灰       64
3.8.4 黑灰& 黑       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 活泼时尚的自由型电商美工设计      94
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 潮流     &n