電商美工設(shè)計手冊

第1章  電商美工設(shè)計的原理
1.1  電商美工設(shè)計的概念 / 2
1.2  電商美工設(shè)計的點、線、面 / 3
1.2.1  點 / 3
1.2.2  線 / 4
1.2.3  面 / 4
1.3  電商美工設(shè)計的原則 / 5
1.3.1  實用性原則 / 6
1.3.2  商業(yè)性原則 / 6
1.3.3  藝術(shù)性原則 / 7
1.3.4  趣味性原則 / 7
第2章  電商美工設(shè)計的元素
2.1  色彩 / 9
2.1.1  活躍積極的色彩元素 / 10
2.1.2  色彩元素設(shè)計技巧——合理運用色彩影響受眾心理 / 11
2.2  文字 / 12
2.2.1  清晰直觀的文字元素 / 13
2.2.2  文字元素設(shè)計技巧——適當(dāng)運用立體字 / 14
2.3  版式 / 15
2.3.1  獨具個性的版式元素 / 16
2.3.2  版式元素設(shè)計技巧——增強(qiáng)視覺層次感 / 17
2.4  創(chuàng)意 / 18
2.4.1  動感活躍的創(chuàng)意元素 / 19
2.4.2  創(chuàng)意元素設(shè)計技巧——增添畫面趣味性 / 20
2.5  圖形 / 21
2.5.1  具有情感共鳴的圖形元素 / 22
2.5.2  圖形元素設(shè)計技巧——增添畫面創(chuàng)意性 / 23
2.6  圖像   / 24
2.6.1  動感活躍的圖像元素 / 25
2.6.2  圖像元素設(shè)計技巧——將產(chǎn)品進(jìn)行直觀的呈現(xiàn) / 26
第3章  電商美工設(shè)計的基礎(chǔ)色
3.1  紅 / 28
3.1.1  認(rèn)識紅色 / 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  灰玫紅&優(yōu)品紫紅 / 32
3.2  橙 / 33
3.2.1  認(rèn)識橙色 / 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  認(rèn)識黃色 / 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  認(rèn)識綠色 / 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  認(rèn)識青色 / 48
3.5.2  青&鐵青 / 49
3.5.3  深青&天青色 / 49
3.5.4  群青&石青色 / 50
3.5.5  青綠色&青藍(lán)色 / 50
3.5.6  瓷青&淡青色 / 51
3.5.7  白青色&青灰色 / 51
3.5.8  水青色&藏青 / 52
3.5.9  清漾青&淺蔥青 / 52
3.6  藍(lán) / 53
3.6.1  認(rèn)識藍(lán)色 / 53
3.6.2  藍(lán)色&天藍(lán)色 / 54
3.6.3  蔚藍(lán)色&普魯士藍(lán) / 54
3.6.4  矢車菊藍(lán)&深藍(lán) / 55
3.6.5  道奇藍(lán)&寶石藍(lán) / 55
3.6.6  午夜藍(lán)&皇室藍(lán) / 56
3.6.7  濃藍(lán)色&藍(lán)黑色 / 56
3.6.8  愛麗絲藍(lán)&水晶藍(lán) / 57
3.6.9  孔雀藍(lán)&水墨藍(lán) / 57
3.7  紫 / 58
3.7.1  認(rèn)識紫色 / 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  認(rèn)識黑白灰 / 63
3.8.2  白&月光白 / 64
3.8.3  雪白&象牙白 / 64
3.8.4  10%亮灰&50%灰 / 65
3.8.5  80%炭灰&黑 / 65
第4章  電商美工設(shè)計中的版式
4.1  中心型 / 67
4.1.1  高雅精致的中心型電商美工設(shè)計 / 68
4.1.2  中心型版式的設(shè)計技巧——以產(chǎn)品展示為主 / 69
4.2  對稱型 / 70
4.2.1  清新亮麗的對稱型電商美工設(shè)計 / 71
4.2.2  對稱型版式的設(shè)計技巧——利用對稱表達(dá)高端奢華感 / 72
4.3  骨骼型 / 73
4.3.1  圖文結(jié)合的骨骼型電商美工設(shè)計 / 74
4.3.2  骨骼型版式的設(shè)計技巧——對產(chǎn)品進(jìn)行直接呈現(xiàn) / 75
4.4   分割型 / 76
4.4.1  獨具個性的分割型電商美工設(shè)計 / 77
4.4.2  分割型版面的設(shè)計技巧——注重色調(diào)一致化 / 78
4.5    滿版型 / 79
4.5.1  凸顯產(chǎn)品細(xì)節(jié)的滿版式電商美工設(shè)計 / 80
4.5.2  滿版型版式的設(shè)計技巧——增添創(chuàng)意與趣味性 / 81
4.6  曲線型 / 82
4.6.1  具有情感共鳴的曲線型電商美工設(shè)計 / 83
4.6.2  曲線型版式的設(shè)計技巧——營造立體空間感 / 84
4.7  傾斜型 / 85
4.7.1  動感活躍的傾斜型電商美工設(shè)計 / 86
4.7.2  傾斜型版式的設(shè)計技巧——注重版面的簡潔性 / 87
4.8  放射型 / 88
4.8.1  具有爆炸效果的放射型電商美工設(shè)計 / 89
4.8.2  放射型版式的設(shè)計技巧——凸顯產(chǎn)品特性 / 90
4.9   三角形 / 91
4.9.1  極具穩(wěn)定趣味的三角形電商美工設(shè)計 / 92
4.9.2  三角形版面的設(shè)計技巧——運用色彩對比凸顯主體物 / 93
4.10  自由型 / 94
4.10.1  活潑時尚的自由型電商美工設(shè)計 / 95
4.10.2  自由型版面的設(shè)計技巧——運用色調(diào)營造主題氛圍 / 96
第5章  電商美工設(shè)計的行業(yè)分類
5.1  服飾類電商美工設(shè)計 / 98
5.1.1  活潑清新風(fēng)格的服飾類電商美工設(shè)計 / 99
5.1.2  服飾類電商美工的設(shè)計技巧——注重整體畫面的協(xié)調(diào)統(tǒng)一 / 100
5.2  鞋靴類電商美工設(shè)計 / 101
5.2.1  優(yōu)雅精致的鞋靴類電商美工設(shè)計 / 102
5.2.2  鞋靴類的電商美工設(shè)計技巧——展現(xiàn)產(chǎn)品原貌 / 103
5.3  箱包類電商美工設(shè)計 / 104
5.3.1  高端風(fēng)格的箱包類電商美工設(shè)計 / 105
5.3.2  箱包類電商美工設(shè)計技巧——盡可能展現(xiàn)產(chǎn)品的實際大小 / 106
5.4  家電數(shù)碼類電商美工設(shè)計 / 107
5.4.1  極具科技感的家電數(shù)碼類電商美工設(shè)計 / 108
5.4.2  家電數(shù)碼類電商美工技巧——凸顯產(chǎn)品質(zhì)感與耐用性 / 109
5.5  美妝類電商美工設(shè)計 / 110
5.5.1  高雅時尚風(fēng)格的美妝類電商美工設(shè)計 / 111
5.5.2  美妝類電商美工設(shè)計技巧——借助相關(guān)裝飾物凸顯產(chǎn)品特性 / 112
5.6  美食類電商美工設(shè)計 / 113
5.6.1  用色明亮的美食類電商美工設(shè)計 / 114
5.6.2  美食類電商美工設(shè)計技巧——用小元素增加畫面趣味性 / 115
5.7  母嬰玩具類電商美工設(shè)計 / 116
5.7.1  活潑風(fēng)趣的母嬰玩具類電商美工設(shè)計 / 117
5.7.2  母嬰玩具類電商美工設(shè)計技巧——著重展現(xiàn)產(chǎn)品的安全與健康 / 118
5.8  生鮮類電商美工設(shè)計 / 119
5.8.1  新鮮健康的生鮮類電商美工設(shè)計 / 120
5.8.2  生鮮類電商美工設(shè)計技巧——盡量用產(chǎn)品本色作為主色調(diào) / 121
5.9  家居類電商美工設(shè)計 / 122
5.9.1  清新淡雅風(fēng)格的家居類電商美工設(shè)計 / 123
5.9.2  家居類電商美工設(shè)計技巧——注重實用性的同時提高產(chǎn)品格調(diào) / 124
5.10  奢侈品類電商美工設(shè)計 / 125
5.10.1  高端風(fēng)格的奢侈品類電商美工設(shè)計 / 126
5.10.2  奢侈品類電商美工設(shè)計技巧——凸顯品牌特色 / 127
5.11  虛擬產(chǎn)品類電商美工設(shè)計 / 128
5.11.1  卡通風(fēng)格的虛擬產(chǎn)品類電商美工設(shè)計 / 129
5.11.2  虛擬產(chǎn)品類電商美工設(shè)計技巧——增強(qiáng)互動效果 / 130
5.12  汽車類電商美工設(shè)計 / 131
5.12.1  大氣壯觀的汽車類電商美工設(shè)計 / 132
5.12.2  汽車類電商美工設(shè)計技巧——用直觀的方式展現(xiàn) / 133
第6章  電商美工設(shè)計的視覺印象
6.1  美味 / 135
6.2  潮流 / 137
6.3  環(huán)保 / 139
6.4  科技 / 141
6.5  涼爽   / 143
6.6  高端 / 145
6.7  可愛 / 147
6.8  品質(zhì) / 149
6.9  復(fù)古 / 151
第7章  電商美工設(shè)計的秘籍
7.1  圖文結(jié)合使信息傳達(dá)化 / 154
7.2  運用對比色彩增強(qiáng)視覺刺激 / 155
7.3  以模特展示呈現(xiàn)出立體空間效果 / 156
7.4  產(chǎn)品細(xì)節(jié)放大效果增強(qiáng)信任感 / 157
7.5  運用顏色情感凸顯產(chǎn)品格調(diào) / 158
7.6  借助人們熟知的物品體現(xiàn)產(chǎn)品特性 / 159
7.7  運用小的裝飾物件豐富畫面的細(xì)節(jié)效果 / 160
7.8  盡可能少地對產(chǎn)品進(jìn)行修飾，展現(xiàn)其本來面貌 / 161
7.9  以產(chǎn)品本色作為背景主色調(diào)，營造和諧統(tǒng)一感 / 162
7.10  將多種色彩進(jìn)行巧妙的組合 / 163
7.11  與消費者對產(chǎn)品的需求與嗜好相結(jié)合 / 164
7.12  凸顯產(chǎn)品的亮點與特性 / 165
7.13  排版文字要主次分明，簡單易懂 / 166
7.14  適當(dāng)?shù)牧舭鬃尞a(chǎn)品更加突出 / 167
7.15  利用幾何圖形增加視覺聚攏感 / 168