官术网_书友最值得收藏!

第12章 玩轉(zhuǎn)電商設(shè)計(jì)中常用的色彩搭配

12.1 玩轉(zhuǎn)電商設(shè)計(jì)色彩搭配之紅色

從事電商設(shè)計(jì)的人應(yīng)該都知道,紅色算得上是國(guó)內(nèi)電商設(shè)計(jì)中運(yùn)用得最為廣泛的一種顏色,即便是非電商從業(yè)者,網(wǎng)購(gòu)大家都不陌生,我們看一些大眾熟悉的電商平臺(tái)的界面設(shè)計(jì)就知道,他們的品牌色其實(shí)也多是紅色系的或暖色系的,如下圖所示。

但其實(shí)很多人對(duì)紅色該在什么時(shí)候用,或者該怎么用依然缺乏了解,紅色用得好則是皆大歡喜,用得不好要么會(huì)顯得俗氣和不干凈,要么會(huì)顯得頁(yè)面很壓抑很膩。

再一個(gè)紅色寓意紅紅火火嘛,下面我們來(lái)講一下紅色在電商頁(yè)面設(shè)計(jì)中的運(yùn)用。

12.1.1 紅色的釋義

從性格色彩的層面來(lái)說(shuō):紅色代表熱情、熱鬧、刺激、欲望、奔放、喜慶、血腥等,如下圖所示。

從色相、明度、飽和度的層面來(lái)說(shuō):紅色也分為很多種,比如正紅、深紅、品紅、粉紅、酒紅、緋紅、洋紅等,如下圖所示。

從作用的層面來(lái)說(shuō):紅色代表危險(xiǎn)警示/突出強(qiáng)調(diào)/錯(cuò)誤提醒/性刺激/公布喜訊等等。

12.1.2 紅色在電商設(shè)計(jì)中的運(yùn)用

正因?yàn)榧t色有以上的感官刺激作用,所以它常運(yùn)用于一些要體現(xiàn)喜慶、熱鬧、激發(fā)別人欲望或者要體現(xiàn)恐怖情緒的電商或海報(bào)設(shè)計(jì)中,同時(shí)紅色也常用來(lái)作為點(diǎn)綴色出現(xiàn),以強(qiáng)調(diào)某個(gè)重要信息。

1.喜慶節(jié)日

紅色代表喜慶熱鬧,所以常用在中國(guó)的各種喜慶的節(jié)日促銷(xiāo)電商頁(yè)面中,比如國(guó)慶、元旦、春節(jié)、周年慶等重大節(jié)日,基本都是以紅色作為大背景主色,如左下圖所示。

國(guó)外的喜慶節(jié)日圣誕節(jié)當(dāng)然也是少不了紅色的,而且還是紅配綠(不過(guò)每年都是紅配綠也會(huì)視覺(jué)疲勞,所以很多設(shè)計(jì)師會(huì)通過(guò)加入一些其他顏色,或改變一下它們的明度/飽和度/純度,或采用不同的質(zhì)感紋理和表現(xiàn)手法給用戶(hù)一些新鮮感,比如手繪/合成/手工/三維建模之類(lèi)的表現(xiàn)形式),如右下圖所示。

2016年4.15京東全球購(gòu)高潮期頁(yè)面

2.公布喜訊

一些專(zhuān)門(mén)用來(lái)發(fā)布喜慶消息的專(zhuān)題頁(yè)也最?lèi)?ài)用紅色,比如熱烈慶祝誰(shuí)上市了、誰(shuí)獲獎(jiǎng)了、誰(shuí)結(jié)婚了、誰(shuí)喜得貴子了等等(不過(guò)結(jié)婚之類(lèi)的也有很多人用浪漫紫色或蘿莉粉色,獲獎(jiǎng)之類(lèi)的專(zhuān)題頁(yè),如果想要時(shí)尚震撼一點(diǎn)的話(huà),很多人會(huì)用黑金的色彩搭配)。

百度圖片

3.賣(mài)場(chǎng)促銷(xiāo)

商場(chǎng)做促銷(xiāo)活動(dòng)/電商平臺(tái)或店鋪?zhàn)龃蟠俚臅r(shí)候,比如雙十一、雙12/815/618等,如左下圖所示。

4.體現(xiàn)時(shí)尚個(gè)性

將紅色運(yùn)用在毛筆筆觸、撕紙效果上,會(huì)給人一種瀟灑個(gè)性的感覺(jué),當(dāng)然也要控制好度,畢竟過(guò)了就會(huì)引起恐怖心理了,如右下圖所示。

2016年京東數(shù)碼年貨節(jié)

5.突出強(qiáng)調(diào)某個(gè)重要信息

紅色常用來(lái)作為輔助色或點(diǎn)綴色,用來(lái)突出強(qiáng)調(diào)某個(gè)重要信息,比如突出強(qiáng)調(diào)利益點(diǎn)/購(gòu)買(mǎi)按鈕等信息。

6.如果產(chǎn)品本身就是紅色時(shí)

其實(shí)任何類(lèi)目任何產(chǎn)品都有紅色系列,比如家電數(shù)碼、服飾鞋包、美妝護(hù)膚等,如果干脆將背景也弄成紅色與產(chǎn)品融為一體,會(huì)帶來(lái)非常強(qiáng)的視覺(jué)效果,而且不會(huì)覺(jué)得膩。

蘋(píng)果手機(jī)iPhone7官方海報(bào)

歐洲涂料公司Dyrup主題為《自然的色彩》系列廣告

Target Branding 2015宣傳廣告Design/ACD: Allan Peters項(xiàng)目部分圖片

12.1.3 與紅色有關(guān)的常用色彩搭配

紅色是很熱烈的顏色,是暖色,也是一種百搭色,但并不是每個(gè)人都玩得好它,可它偏偏又是電商設(shè)計(jì)中用得最為頻繁的一種顏色,接下來(lái)給大家列舉一些常用的優(yōu)秀的紅色與其他顏色的搭配,如下圖所示。

如下圖所示,左邊是大面積的紅色搭配少許相近色或鄰近色顯得很高檔耐看;右邊是大面積的大紅色+玫紅色搭配色彩協(xié)調(diào),再點(diǎn)綴少許綠色和白色,簡(jiǎn)潔又俏皮耐看。

愛(ài)馬仕2013年圣誕假日版新款限量絲巾

筆者手機(jī)攝影作品《草莓》

當(dāng)紅色與這種偏灰的漸變色搭配時(shí),畫(huà)面立馬變得柔和清新脫俗起來(lái)。

2016年誠(chéng)品——花傘節(jié)畫(huà)冊(cè)設(shè)計(jì)

也只有五彩斑斕的顏色才能壓得住紅色了。

Fruki飲料海報(bào)設(shè)計(jì)悉尼歌劇院《生動(dòng)的生活2011 ——藝術(shù)家海報(bào)》——由Steohen Pavlovic出品

紅色與藍(lán)白黑灰永遠(yuǎn)都是經(jīng)典搭配,既可以制造一種復(fù)古的感覺(jué),也能給人一種冷靜與激情相碰撞的感覺(jué)。

設(shè)計(jì)師Matt Griffin為日本演員小杉正一Sh Kosugi在1987年出演的的電影作品《忍者劍傳Rage of Honor》創(chuàng)作的作品

2011年上映的《美國(guó)隊(duì)長(zhǎng):第一個(gè)復(fù)仇者》宣傳海報(bào),由派拉蒙影業(yè)公司和漫威工作室出品

紅色與青色或與綠色搭配,再加上一些俏皮的構(gòu)圖或點(diǎn)綴,會(huì)顯得畫(huà)面非常干凈清爽。

兒童節(jié)海報(bào)

日本STUDIO WONDER工作室作品

紅白黑搭配,時(shí)尚又經(jīng)典,不過(guò)要注意紅色的比例。

BccN 2016 -Barcelona Creative Commons Film Festival宣傳海報(bào),由Estudio Javier Jaén出品;

筆者攝影作品《泣·哀·燥》

紅綠配米黃色,圣誕節(jié)常用配色,不過(guò)也會(huì)顯得有一點(diǎn)點(diǎn)年代感或復(fù)古的感覺(jué),絕對(duì)不是現(xiàn)代時(shí)尚類(lèi)型的配色。

圣誕節(jié)海報(bào)

電影《王朝的女人——楊貴妃》宣傳海報(bào)

在大面積的淺灰色里,只需要點(diǎn)綴少許紅色,就可以制造出一種靜謐又不顯單調(diào)的感覺(jué)了。

版式練習(xí)海報(bào)

新西蘭歌劇院宣傳網(wǎng)站

在一些比較俏皮的手繪畫(huà)面中,紅色既可以作為大面積背景色來(lái)包容五彩斑斕的多彩色,如下邊左圖所示;也可以以非常小面積的點(diǎn)綴色出現(xiàn),用來(lái)突出強(qiáng)調(diào)某個(gè)重要信息,比如價(jià)格/利益點(diǎn)/特殊說(shuō)明文字之類(lèi)的。

好東西×三只松鼠×德芙《年禮赤焰軍》——好東西出品海

報(bào)版式練習(xí)

無(wú)論你的背景是簡(jiǎn)單還是復(fù)雜,當(dāng)紅色塊面積足夠大時(shí),它依然會(huì)成為焦點(diǎn)。

由日興美術(shù)株式會(huì)社(Nikko Graphic Arts Co., Ltd),Akiko Oshima攝影,Masaomi Fujita(tegusu)設(shè)計(jì)的名為Japanese Tea一書(shū)封面

奧地利shop雜志封面

大紅色及深色的結(jié)合搭配熒光色會(huì)有一種非常詭異個(gè)性的感覺(jué)。

2001年電影《天使愛(ài)美麗》宣傳海報(bào)

2015YAPA FESTIVAL宣傳海報(bào)

番茄炒雞蛋的紅黃搭配容易給人一種復(fù)古溫暖的感覺(jué),但為了畫(huà)面不至于太膩歪,最好搭配一點(diǎn)冷色或暗色比較好。

MISSOSE高端童裝攝影宣傳海報(bào)

浪琴手表大師賽Longines Masters, the Grand Slam Indoor of Show Jumping WE RIDE THE WORLD活動(dòng)宣傳作品——Riccardo Guasco出品

當(dāng)紅色運(yùn)用在一些形狀規(guī)則排列上時(shí)是很容易制造出簡(jiǎn)潔、時(shí)尚感的。

Target Branding 2015宣傳廣告,Allan Peters出品

Target Branding 2015宣傳廣告,Allan Peters出品

12.1.4 紅色運(yùn)用在不同的質(zhì)感紋理或形狀環(huán)境

雖然同樣是紅色,但是當(dāng)它運(yùn)用于不同的形式載體/紋理材質(zhì)/周?chē)榫硶r(shí),所傳遞的感受是不一樣的。

紅色的帶棱角形狀vs紅色的圓形,哪一個(gè)更硬朗,視覺(jué)上更咄咄逼人?

美國(guó)雜志V Magazine封面,Sky Ferreira,Grimes,Charli XCX作為模特。由Carine Roitfeld造型,Sebastian Faena拍攝

Target Branding 2015宣傳廣告——Allan Peters出品

紅色的液體vs紅色的煙霧,哪一個(gè)更仙?其實(shí)紅色液體處理不好的話(huà)很容易變成恐怖畫(huà)面……不過(guò)如果能處理得好的話(huà),液體和煙霧都能作為氛圍渲染元素,使得產(chǎn)品看上去更唯美或更酷炫。

2011年福島核泄漏事故公益海報(bào)Fukushima Mon Amour(福島,媽媽的愛(ài))——以色列設(shè)計(jì)師Yossi出品

2014年nochevieja(新年夜大派對(duì))SIROCO Club宣傳海報(bào)

紅色的絲綢或絲帶vs紅色的塊狀物體,哪一個(gè)更女性化?所以絲帶或絲綢常用來(lái)點(diǎn)綴一些女性化的產(chǎn)品,而色塊點(diǎn)綴則更適用于科技數(shù)碼產(chǎn)品。

2017年唯品會(huì)214情人節(jié)SK-II店鋪?lái)?yè)面Banner

iPhone7官方海報(bào)

將紅色運(yùn)用于空間立體感的環(huán)境中vs運(yùn)用于扁平的環(huán)境中,哪一個(gè)更有代入感?這就是3D和2D的區(qū)別。

MISSOSE高端童裝攝影宣傳海報(bào)

2017年唯品會(huì)214情人節(jié)SK-II店鋪?lái)?yè)面Banner

紅色周?chē)菬o(wú)彩色vs周?chē)嵌嗖噬?,誰(shuí)更突出?誰(shuí)更有氛圍?

對(duì)比之后當(dāng)然是在無(wú)彩色中比較突出,而在多彩環(huán)境下比較有氛圍(但是也顯得雜亂了)。

那么它們具體運(yùn)用在電商設(shè)計(jì)中是什么樣的情況呢?我找了一些還不錯(cuò)的紅色頁(yè)面給大家看下:

截圖自百雀羚旗艦店2016年雙11全球購(gòu)物狂歡節(jié)首頁(yè)

截圖自初語(yǔ)旗艦店2017年雙11預(yù)售頁(yè)

截圖自一葉子旗艦店2017年貨節(jié)預(yù)售活動(dòng)首頁(yè)

截圖自大寶官方旗艦店2017年貨節(jié)大寶會(huì)員日活動(dòng)頁(yè)

來(lái)自2015LOVO X可口可樂(lè)專(zhuān)場(chǎng)家居家具家裝家紡天貓首頁(yè)活動(dòng)頁(yè)面設(shè)計(jì)

截圖自衛(wèi)龍食品旗艦店2016年雙11預(yù)熱頁(yè)

截圖自一葉子旗艦店2017年雙旦禮遇季《誕愿不留遺憾》活動(dòng)首頁(yè)

2016年初語(yǔ)旗艦店首頁(yè)

衛(wèi)龍食品旗艦店2017年雙12碎花新時(shí)尚活動(dòng)頁(yè)

12.1.5 紅色的使用禁忌和注意事項(xiàng)

 紅色作為暖色運(yùn)用在頁(yè)面中的時(shí)候,畫(huà)面中切勿全都是暖色系搭配,適當(dāng)加入一些冷色或無(wú)彩色(黑白灰)點(diǎn)綴可以緩解視覺(jué)疲勞。

2015李宇春Whyme演唱會(huì)海報(bào)——站酷推薦設(shè)計(jì)師neuneuneu作品

愛(ài)馬仕Hermes2013年圣誕假日版新款限量絲巾

 無(wú)論何種顏色,它在整個(gè)畫(huà)面中的占比都是根據(jù)設(shè)計(jì)需要決定的,而不是隨意而為之,你是要弱化某一個(gè)信息還是突出某一個(gè)信息,都可以根據(jù)選擇顏色和控制它的比例大小來(lái)實(shí)現(xiàn),講直白點(diǎn)就是要懂得運(yùn)用對(duì)比和襯托的手法。

Fruki飲料宣傳海報(bào)

 切勿大面積使用太過(guò)艷麗或太過(guò)暗沉的紅色,比如下面這個(gè)415京東全球購(gòu)的頁(yè)面,原圖是這樣的:

2016年415京東全球購(gòu)高潮期頁(yè)面

這張?jiān)O(shè)計(jì)稿如果是用很艷麗的紅色,如左下圖所示,是不是很刺眼很不舒服無(wú)法直視了???如果用的是很暗淡的紅色,如右下圖所示,是不是看起來(lái)就很臟毫無(wú)繼續(xù)看的欲望了???

所以有的人可以把紅色用得很高檔,但也有很多人紅色用不好,要么太刺眼了,要么太暗太臟顯得廉價(jià),其實(shí)很大部分原因就是因?yàn)槊鞫龋柡投龋兌葲](méi)有把握好了。

 電商設(shè)計(jì)中其實(shí)很少會(huì)用到純度為百分百的紅色,因?yàn)闀?huì)顯得很膩很刺眼,這時(shí)候不妨將紅色向玫紅色偏一點(diǎn),或向橙色偏一點(diǎn),或者再偏白一點(diǎn)偏暗一點(diǎn),總之可以自己去嘗試,按需選擇合適的紅色就好,如下圖綠色框所示區(qū)域:

 當(dāng)紅色不得不與對(duì)比色或互補(bǔ)色搭配使用時(shí),最好是能加入一些調(diào)和色彩(比如黑白灰),就像右面的百事可樂(lè)的LOGO的紅白藍(lán)搭配,這里的白色就起到了調(diào)和的作用了。

以上我們關(guān)于電商設(shè)計(jì)中使用最為頻繁的紅色的配色技巧和注意事項(xiàng)就給大家就講到這里啦,大家學(xué)到了嗎?馬上行動(dòng)起來(lái)運(yùn)用到工作項(xiàng)目當(dāng)中去吧!

12.2 玩轉(zhuǎn)電商設(shè)計(jì)色彩搭配之黑白灰

本節(jié)我們來(lái)講一下熱鬧促銷(xiāo)型的電商設(shè)計(jì)最忌諱的顏色“黑色”在電商設(shè)計(jì)中的運(yùn)用。

12.2.1 黑色的釋義

先看來(lái)自百度百科的解釋?zhuān)汉谏梢远x為沒(méi)有任何可見(jiàn)光進(jìn)入視覺(jué)范圍,和白色正相反,白色是所有可見(jiàn)光光譜內(nèi)的光都同時(shí)進(jìn)入視覺(jué)范圍內(nèi)。顏料如果吸收光譜內(nèi)的所有可見(jiàn)光,不反射任何顏色的光,人眼的感覺(jué)就是黑色的。如果將三原色的顏料以恰當(dāng)?shù)谋壤旌?,使其反射的色光降到最低,人眼也?huì)感覺(jué)為黑色。所以黑色既可以是缺少光造成的(漆黑的夜晚),也可以是所有的色光被吸收造成的(黑色的瞳孔)。

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

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

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

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

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

我用兩張我在飛機(jī)上拍攝的照片舉例:

左邊是在炎炎烈日的大白天拍的,右邊是在夜幕降臨的時(shí)候拍的

大家看完后是什么感覺(jué)呢?左邊的天空是不是感覺(jué)很敞亮陽(yáng)光看著就很熱?而右邊的黑夜感覺(jué)很寧?kù)o神秘遙不可及?

我們都知道晴朗的白天和靜謐的夜晚是對(duì)立的,彩色跟黑色是對(duì)立的,它們給人傳遞的感受也是對(duì)立的,類(lèi)比下來(lái),就好比下面這兩種頁(yè)面,它們所傳遞的定位也是截然對(duì)立的:前者活潑熱鬧促銷(xiāo),后者冷酷高端。

周五會(huì)員日Banner案例

2016年Apple(中國(guó))蘋(píng)果官網(wǎng)截圖(蘋(píng)果7代手機(jī))

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

百雀羚(官網(wǎng)截圖)

POLA(官網(wǎng)截圖)

百雀羚水能量煥耀護(hù)膚套裝在天貓上的價(jià)格是488元(原價(jià)),價(jià)格是比較親民的,所以在包裝設(shè)計(jì)以及頁(yè)面設(shè)計(jì)方面也是比較親民的,而右邊的日本頂級(jí)護(hù)膚品牌POLA套裝則要上萬(wàn)元一套,所以在包裝設(shè)計(jì)和頁(yè)面設(shè)計(jì)用色方面都是往簡(jiǎn)約高端方向走的。

再取一個(gè)折中的專(zhuān)題頁(yè)設(shè)計(jì)案例,當(dāng)多彩色vs黑色與多彩顏色相結(jié)合的時(shí)候,雖然同樣很時(shí)尚,但是左圖更年輕清爽活力,右圖因?yàn)榧尤肓撕谏木壒曙@得更炫酷大牌。

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

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

2016年Apple(中國(guó))蘋(píng)果官網(wǎng)截圖

2017年錘子科技官網(wǎng)截圖

而彩色占比越多,整個(gè)畫(huà)面就越活潑熱鬧,仿佛是有什么活動(dòng)表演或者派對(duì),給人一種有親和力人人都買(mǎi)得起的感覺(jué),常用于一些要體現(xiàn)活潑年輕定位的產(chǎn)品或頁(yè)面設(shè)計(jì)中,同樣也適用于任何類(lèi)目,如左下圖所示,而白色占比越多,整個(gè)頁(yè)面就越干凈、神圣、明亮,給人的感覺(jué)就會(huì)越空曠、寧?kù)o、透氣,如右下圖所示。

《壯語(yǔ)中的漢字》——站酷推薦設(shè)計(jì)師壯家清穗作品

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

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

比如這三個(gè)頁(yè)面,同樣是黃黑搭配,但因?yàn)樯收急炔煌?、形式不同、風(fēng)格不同,它們的調(diào)性明顯是不一樣的:左一潮流時(shí)尚,左二搞怪活力,左三酷黑簡(jiǎn)潔。

服裝搭配專(zhuān)題頁(yè)

2017年京東SQ34105送禮頻道

包包活動(dòng)專(zhuān)題頁(yè)

12.2.3 黑色電商頁(yè)面的常用色彩搭配技巧

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

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

1.黑色常作為主色或背景色

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

2016年Apple(中國(guó))蘋(píng)果官網(wǎng)截圖

2.黑色常與這些顏色搭配使用

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

舉例:黑白配

《巴馬瑤族自治縣 形象設(shè)計(jì)》——站酷推薦設(shè)計(jì)師壯家清穗作品

舉例:黑金搭配

京東《企業(yè)采購(gòu)形象大使征集令》活動(dòng)頁(yè)

京東海外購(gòu)sex-and-city2活動(dòng)頁(yè)

舉例:紅黑配

包包專(zhuān)題活動(dòng)頁(yè)

2015年京東海外購(gòu)Cyber-Monday活動(dòng)頁(yè)

舉例:黃黑配

請(qǐng)參考P222頁(yè)圖。

3.有黑色的地方就該有亮色

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

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

電影《迷失Z城》宣傳海報(bào)版權(quán)信息:由美國(guó)B計(jì)劃公司出品,由泰國(guó)IPA公司發(fā)行

2013年電影《地心引力》宣傳海報(bào)版權(quán)信息:由華納兄弟電影公司出品并發(fā)行

2017年電影《美女與野獸》宣傳海報(bào)版權(quán)信息:由迪士尼影片公司出品并發(fā)行

舉例:黑色可以包容任意亮色(熒光色)

2015年華為暢想5京東首發(fā)活動(dòng)專(zhuān)題頁(yè)

還有一些比較男性化的或江湖氣息的游戲頁(yè)面尤其喜歡用黑色或暗色系頁(yè)面,有一些數(shù)碼科技類(lèi)產(chǎn)品的電商頁(yè)面也可以試試,總之要想體現(xiàn)出很man的感覺(jué),黑色或暗色是必不可少的,如下圖所示。

2017年騰訊互娛御龍?jiān)谔臁龂?guó)志城池戰(zhàn)玩法

2017年騰訊互娛疾風(fēng)之刃——公會(huì)BOSS專(zhuān)題

2017年騰訊互娛刀鋒鐵騎——合作活動(dòng)頁(yè)

2017年騰訊互娛DNF——冒險(xiǎn)者征集令

12.2.4 與黑色有關(guān)的節(jié)日或事件

提到電商設(shè)計(jì),當(dāng)然就少不了各種電商節(jié),其他的電商節(jié)我就不說(shuō)啦,與“黑色”有關(guān)的能作為噱頭活動(dòng)去玩的節(jié)日或事件有哪些呢?比如著名的黑色星期五、萬(wàn)圣節(jié)、4月14日黑色情人節(jié)、暗黑電商等。

1.黑色星期五

關(guān)鍵詞:國(guó)際大牌、促銷(xiāo)、折扣、黑色等。

百度百科對(duì)黑色星期五的釋義如下:

美國(guó)圣誕節(jié)大采購(gòu)一般是從感恩節(jié)之后開(kāi)始的。感恩節(jié)是每年11月的第四個(gè)星期四。因此它的第二天,也就是美國(guó)人大采購(gòu)的第一天。在這一天,美國(guó)的商場(chǎng)都會(huì)推出大量的打折和優(yōu)惠活動(dòng),以在年底進(jìn)行最后一次大規(guī)模的促銷(xiāo)。因?yàn)槊绹?guó)的商場(chǎng)一般以紅筆記錄赤字,以黑筆記錄盈利,而感恩節(jié)后的這個(gè)星期五人們瘋狂的搶購(gòu)使得商場(chǎng)利潤(rùn)大增,因此被商家們稱(chēng)作黑色星期五。商家期望通過(guò)以這一天開(kāi)始的圣誕大采購(gòu)為這一年獲得最多的盈利。

黑色星期五是從美國(guó)漂洋過(guò)海來(lái)到中國(guó)的一種電商促銷(xiāo)活動(dòng),幾乎每個(gè)大一點(diǎn)的電商平臺(tái)都會(huì)摻合一下,尤其是跨境電商尤為重視,如下圖所示。

2016年天貓黑色星期五互動(dòng)城移動(dòng)端專(zhuān)題頁(yè)

其實(shí)不管是黑色星期五還是其他什么節(jié)日活動(dòng),在電商設(shè)計(jì)界來(lái)說(shuō)本質(zhì)是一樣的,就是一個(gè)賣(mài)貨的噱頭罷了,不過(guò)黑色星期五相關(guān)的設(shè)計(jì)其實(shí)都會(huì)在畫(huà)面中加入一些黑色相關(guān)的元素,或者即便是走熱鬧促銷(xiāo)路線(xiàn),也是會(huì)偏時(shí)尚感一些,而不是單純搞低價(jià)促銷(xiāo),畢竟是從國(guó)外引入的節(jié)日,給人的固有印象就是不能太低端,如下圖所示。

2015年京東海外購(gòu)Cyber-Monday活動(dòng)頁(yè)

2.萬(wàn)圣節(jié)

關(guān)鍵詞:南瓜/糖果/黑橙搭配/蝙蝠/幽靈/骷髏頭等。

它也是很多人喜愛(ài)的一種節(jié)日,商家運(yùn)營(yíng)們當(dāng)然也不會(huì)錯(cuò)過(guò)咯~

2017年(互娛)龍之谷-萬(wàn)圣節(jié)舞會(huì)

3.4月14日黑色情人節(jié)

關(guān)鍵詞:男生/單身狗/促銷(xiāo)/情人節(jié)等。

我們可以發(fā)現(xiàn)一年里面貌似各種顏色的情人節(jié)一大堆,無(wú)非就是找噱頭做活動(dòng)讓你們買(mǎi)買(mǎi)買(mǎi),我猜商家運(yùn)營(yíng)們的邏輯大概就是,反正你是單你的錢(qián)也沒(méi)處花,不如花在我這里買(mǎi)點(diǎn)安慰好了,哈哈哈!

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

但隨著我們的購(gòu)物選擇越來(lái)越多樣化以及人們?cè)絹?lái)越有自己的主見(jiàn)的緣故,人們開(kāi)始想要尋求自己的個(gè)性和要求,也越來(lái)越厭倦千篇一律,這也直接導(dǎo)致了商家們之間的競(jìng)爭(zhēng)開(kāi)始變得越來(lái)越激烈,也許以前他們隨便推出什么產(chǎn)品,即便是頁(yè)面設(shè)計(jì)做得很丑都可以賣(mài)得很好,但現(xiàn)在卻可能無(wú)人問(wèn)津,所以商家以及設(shè)計(jì)師們都迫切需要找到新的突破點(diǎn)來(lái)滿(mǎn)足和挖掘不同客戶(hù)的喜好,而對(duì)黑色的合理運(yùn)用其實(shí)就是突破方式之一。

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

《香奈兒》電影截圖

主站蜘蛛池模板: 德清县| 平塘县| 肇州县| 民和| 迁安市| 远安县| 天气| 宝应县| 石首市| 东源县| 武穴市| 鹤峰县| 桐梓县| 女性| 阳泉市| 溧阳市| 扎囊县| 醴陵市| 濮阳县| 江门市| 布尔津县| 泾阳县| 京山县| 浦北县| 克山县| 石阡县| 满洲里市| 柳河县| 叙永县| 临西县| 麻阳| 汾西县| 门源| 峨山| 班玛县| 嘉义市| 临夏县| 和田市| 千阳县| 资源县| 黄梅县|