电商美工设计手册（第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 潮流      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