电商美工设计手册

第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