@做設(shè)計(jì)的面條?：鑒于在之前的一篇文章《高手課堂！5招帶你玩轉(zhuǎn)電商最常用的色彩搭配！》里我講到了關(guān)于熱鬧促銷型的電商設(shè)計(jì)最常用的顏色“紅色”在電商設(shè)計(jì)里的運(yùn)用，那么今天我就講一下熱鬧促銷型的電商設(shè)計(jì)最忌諱的顏色“黑色”在電商設(shè)計(jì)里的運(yùn)用吧。

那么按照慣例，為了便于大家理解，我依舊是先給大家列個(gè)文章提綱咯：

1. 黑色的釋義。

2. 黑色占比多少與活動(dòng)定位之間的關(guān)系。

3. 黑色頁面的常用色彩搭配技巧。

4. 與黑色有關(guān)的節(jié)日有哪些？

接下來我們一條一條來看吧，let’s go！～

1. 黑色的釋義

先來自百度百科的解釋：黑色可以定義為沒有任何可見光進(jìn)入視覺范圍，和白色正相反，白色是所有可見光光譜內(nèi)的光都同時(shí)進(jìn)入視覺范圍內(nèi)。顏料如果吸收光譜內(nèi)的所有可見光，不反射任何顏色的光，人眼的感覺就是黑色的。如果將三原色的顏料以恰當(dāng)?shù)谋壤旌希蛊浞瓷涞纳饨档阶畹停搜垡矔?huì)感覺為黑色。所以黑色既可以是缺少光造成的（漆黑的夜晚），也可以是所有的色光被吸收造成的（黑色的瞳孔）。

而我自己的理解是：黑色它不僅是一種百搭色，它很特殊的一點(diǎn)就在于，你會(huì)發(fā)現(xiàn)幾乎所有的書本報(bào)紙雜志正文部分以及你平時(shí)的書寫基本都是黑色的而不是其他顏色，中國的水墨畫毛筆字也基本都是黑色的，所以黑色會(huì)給人一種有文化底蘊(yùn)的感覺；

同時(shí)它在氣質(zhì)上他還給人一種堅(jiān)硬、神秘、端莊、靜寂的感覺，但在一些文化習(xí)俗上黑色又常常意味著不吉利，在功能上比如在服裝設(shè)計(jì)里黑色又往往能起到一種視覺上顯瘦的效果。

我將以上這些都統(tǒng)稱為黑色的屬性。

△ ?左圖顯端莊優(yōu)雅又顯瘦，右圖水墨畫顯文化古韻

2. 黑色占比多少與活動(dòng)定位之間的關(guān)系

只要一提到電商頁面設(shè)計(jì)，我相信大多數(shù)人在腦海里的閃現(xiàn)的應(yīng)該是彩色的頁面而不是黑色的，除非品類需要或產(chǎn)品本身就是黑色，大部分老板也不會(huì)同意你把一個(gè)電商頁面設(shè)計(jì)成黑色（一些開明的老板除外），但黑色真的這么招人忌諱嗎？黑色就真的不太適合應(yīng)用于電商設(shè)計(jì)里嗎？其實(shí)主要是你沒有弄懂黑色占比與活動(dòng)定位之間的關(guān)系罷了。

我們用2張海灘照片做舉例：

△ ?左邊是炎炎烈日的大白天／右邊是夜深人靜的夜晚

大家看完后是什么感覺呢？左邊的沙灘是不是感覺很熱辣陽光看著就很熱？而右邊的黑夜感覺很寧靜神秘遙不可及？

我們都知道晴朗的白天和靜謐的夜晚是對(duì)立的，彩色跟黑色是對(duì)立的，他們給人傳遞的感受也是對(duì)立的，就好比下面這2種頁面，他們所傳遞的定位也是截然對(duì)立的：前者活潑熱鬧促銷，后者冷酷高端。

這種定位規(guī)律在一些產(chǎn)品包裝上也適用，比如下圖：

△ ?左邊是幾百元的相宜本草套裝，右邊是上萬一套的日本頂級(jí)護(hù)膚品牌POLA套裝

再取幾個(gè)折中的案例，多彩色VS黑色與多彩顏色相結(jié)合的時(shí)候：

△ ?雖然同樣很時(shí)尚，但是左圖更年輕清爽活力，右圖因?yàn)榧尤肓撕谏木壒曙@得更炫酷大牌

△ ?雖然同樣很時(shí)尚，但是左圖更年輕清爽活力，右圖因?yàn)榧尤肓撕谏木壒曙@得更加?jì)趁拇笈?/p>

所以我們不妨可以這么理解：一個(gè)頁面活潑與否，定位如何，其實(shí)關(guān)鍵就在于黑色或暗色在這個(gè)頁面里的占比有多少。

黑色占比越多，那么這個(gè)頁面的黑色屬性也就越多，所以會(huì)體現(xiàn)出諸如神秘、剛強(qiáng)、高端、高冷甚至是恐怖等氣質(zhì)，讓人產(chǎn)生距離感，常用于一些想要體現(xiàn)高端產(chǎn)品定位印象的頁面或產(chǎn)品設(shè)計(jì)里，任何類目都適用：

而彩色占比越多，整個(gè)畫面就越活潑熱鬧沸騰，仿佛是有什么活動(dòng)表演或者派對(duì)，給人一種有親和力人人都買得起的感覺，常用于一些要體現(xiàn)活潑年輕定位的產(chǎn)品或頁面設(shè)計(jì)里，同樣適用于任何類目：

而白色占比越多，整個(gè)頁面就越干凈、圣神、明亮，給人的感覺就會(huì)越空曠、寧靜、透氣：

但為了方便大家理解，所以上面我舉的例子都是比較極端的，畢竟非常高端的產(chǎn)品是少數(shù)，大多數(shù)以及大眾目前能接受的都是下面這些色彩占比不那么極端的，適用于大眾的的：

同時(shí)我們也要注意到一點(diǎn)，一個(gè)頁面會(huì)體現(xiàn)出何種定位調(diào)性，除了色彩占比有很大的影響外，元素的形狀、密度、紋理、創(chuàng)意風(fēng)格等也會(huì)產(chǎn)生一些影響。

比如這三個(gè)頁面，同樣是黃黑搭配，但因?yàn)樯收急炔煌⑿问讲煌L(fēng)格不同，他們的調(diào)性明顯是不一樣的：左一簡約時(shí)尚，左二搞怪活力，左三酷炫大牌。

3.?黑色電商頁面的常用色彩搭配技巧

前面我們已經(jīng)說了，雖然元素的形狀、密度、紋理、創(chuàng)意風(fēng)格等會(huì)對(duì)活動(dòng)定位產(chǎn)生影響，但是決定頁面是熱鬧促銷還是高冷大牌起決定作用的其實(shí)還是黑色或暗色的占比是多少：暗色或黑色越多頁面越冷酷高端，彩色越多頁面就越熱鬧促銷，而白色的占比多少則決定了你的頁面透氣程度，頁面里白色越多越明亮，人就會(huì)感覺越空曠透氣。

再一個(gè)既然是電商頁面，它存在的主要目的就是賣貨和展示商品用的，而這個(gè)貨是要賣給不同的人群的，所以我們針對(duì)不同的人群要給他們傳遞的感受就會(huì)不一樣，或熱血沸騰，或性冷淡，或舒心，或故意讓你難受，但不管怎么樣，最終出來的頁面情緒肯定是要傳遞到位的，那么一般就有下面幾個(gè)規(guī)則可以注意下：

（1）黑色常作為主色或背景色

一些想走高端時(shí)尚路線以及科技大牌的頁面往往比較喜歡用大面積的黑色來塑造一種距離感，也就是很多人嘴里說的“有逼格”，但這里要注意的就是，這種頁面往往就會(huì)對(duì)產(chǎn)品的品質(zhì)或光影細(xì)節(jié)有非常高的要求，因?yàn)閷?duì)比太強(qiáng)烈的緣故，視覺太聚焦了，就像全世界的眼睛都在暗中盯著你看，你稍微有一點(diǎn)瑕疵都會(huì)暴露無遺；

（2）黑色常跟這些顏色走在一起

而黑色作為一種百搭色，在電商設(shè)計(jì)里最常搭配的除了白色／金色／大紅色以外，還有各種熒光色，比如亮黃／亮綠／亮粉／騷紫以及五顏六色，這些顏色跟黑色搭配會(huì)形成強(qiáng)烈的色彩對(duì)比效果，從而突出想要表達(dá)的信息。

舉例：黑白配

△ ?清穗

舉例：黑金搭配

舉例：紅黑配

舉例：黃黑配

舉例：黑色可以包容任意的亮色

（3）有黑色的地方就該有亮色

一張有感染力的照片往往少不了光的運(yùn)用，而有光的地方就會(huì)有陰影，一張打動(dòng)人心的頁面設(shè)計(jì)也有一樣的規(guī)律在那里：頁面里有暗就會(huì)有明，這樣子才不會(huì)顯得過于壓抑，畫面才更佳耐看。

舉例：幾乎所有的美國大片或者科技大片的海報(bào)都喜歡用這個(gè)套路

還有一些打斗類的游戲頁面尤其喜歡用黑色或暗色系頁面，有一些數(shù)碼科技類產(chǎn)品的電商頁面也可以試試，總之要想體現(xiàn)出很man的感覺，黑色或暗色是必不可少的。

4. 與黑色有關(guān)的節(jié)日或事件有哪些？

提到電商設(shè)計(jì)，當(dāng)然就少不了各種電商節(jié)，其他的電商節(jié)我就不說啦，那么與“黑色”有關(guān)的能作為噱頭活動(dòng)去玩的節(jié)日或事件有哪些呢？

目前我所知道的，比如著名的黑色星期五、萬圣節(jié)、4月14日黑色情人節(jié)、暗黑電商等。

黑色星期五，關(guān)鍵詞：國際大牌、促銷、折扣、黑色等。它是從美國漂洋過海來到中國的一種電商促銷活動(dòng)，幾乎每個(gè)大一點(diǎn)的電商平臺(tái)都會(huì)摻合一腳，尤其是跨進(jìn)電商尤為重視：

還有很多活動(dòng)頁大家也可以去看看：

萬圣節(jié)，關(guān)鍵詞：南瓜、糖果、黑橙搭配、蝙蝠、幽靈、骷髏頭等。它也是很多人喜愛的一種節(jié)日，商家們運(yùn)營們當(dāng)然也不會(huì)錯(cuò)過咯～

4月14日黑色情人節(jié)，關(guān)鍵詞：男生、單身狗、促銷、情人節(jié)等。發(fā)現(xiàn)一年貌似各種顏色的情人節(jié)一大推，無非就是找噱頭做活動(dòng)讓你們買買買咯。

暗黑電商，其實(shí)就是指網(wǎng)絡(luò)上的一些很隱秘的非法地下交易市場，我以前好像專門挖過這個(gè)，但是我這次就不細(xì)說了。。。被和諧了不就完蛋了～

好像有點(diǎn)扯遠(yuǎn)了，我們繼續(xù)最后一點(diǎn)點(diǎn)內(nèi)容，馬上就要結(jié)束了！

至于什么紋理、構(gòu)圖、節(jié)奏韻律什么的，我以前的文章里都有寫，你們可以看這兩篇，我就不在這里贅述了：

• 六個(gè)步驟細(xì)說電商banner圖設(shè)計(jì)之色彩的奧秘
• 五大步驟細(xì)說Banner圖設(shè)計(jì)之平面構(gòu)成的奧秘

寫在最后

當(dāng)別人提到“黑色”的時(shí)候，你會(huì)想到什么呢？也許你會(huì)想到黑夜、黑頭發(fā)、烏鴉、神秘、陰深、距離、嚴(yán)肅、沉寂等等，總之他跟陽光、活力這些比較明朗的字眼時(shí)幾乎掛不上鉤的，這也就解釋了為什么我們極少看到設(shè)計(jì)師在喜慶節(jié)日、雙十一、618等頁面設(shè)計(jì)里幾乎看不到黑色的運(yùn)用的原因。

但隨著我們的購物選擇越來越多樣化以及人們?cè)絹碓接凶约旱闹饕娏说木壒剩覀冮_始想要尋求自己的個(gè)性和高要求，我們也越來越厭倦了千篇一律，這也直接導(dǎo)致商家們之間的競爭開始變得越來越激烈了，也許以前你隨便推出什么產(chǎn)品，即便是頁面設(shè)計(jì)做的很丑都可以賣的很好，但現(xiàn)在卻可能無人問津，所以商家以及設(shè)計(jì)師們都迫切的需要找到新的突破點(diǎn)來滿足和挖掘不同客戶的喜好，而對(duì)黑色的合理運(yùn)用其實(shí)就是突破方式之一。

這讓我想起了電影《香奈兒》的一個(gè)情節(jié)，在那個(gè)所有人都追求蕾絲、花里胡哨、雍容復(fù)雜的服裝設(shè)計(jì)的年代，可可香奈爾卻偏要穿簡潔裁剪的男裝黑色禮服等等帶給人一次又一次驚喜，而她在悲痛欲絕的情況下為紀(jì)念他的情人鮑勃而設(shè)計(jì)的一條小黑裙子也成了香奈爾史上最大的成功。

△ 香奈兒片段截圖

今天的文章到這里就結(jié)束了，這里是《做設(shè)計(jì)的面條》，我們下期再見！～

歡迎關(guān)注@TTTing1?的微信公眾號(hào)「做設(shè)計(jì)的面條」，一個(gè)干貨與文筆俱佳的美女設(shè)計(jì)師：

微信公眾號(hào)簡介：專注開拓電商設(shè)計(jì)思維，不定期分享一些個(gè)人見解干貨，當(dāng)然也會(huì)分享一些頂級(jí)創(chuàng)意、攝影、人生感悟方面的好文啦。

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：yuan@uisdc.com】

================明星欄目推薦================

優(yōu)優(yōu)教程網(wǎng)： UiiiUiii.com 是優(yōu)設(shè)旗下優(yōu)質(zhì)中文教程網(wǎng)站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎(chǔ)設(shè)計(jì)愛好者也準(zhǔn)備了貼心的知識(shí)樹專欄。開啟免費(fèi)自學(xué)新篇章，按照我們的專欄一步步學(xué)習(xí)，一定可以迅速上手并制作出酷炫的視覺效果。

設(shè)計(jì)導(dǎo)航：國內(nèi)人氣最高的設(shè)計(jì)網(wǎng)址導(dǎo)航，設(shè)計(jì)師必備：http://hao.uisdc.com