- 這么設(shè)計(jì)能熱賣(mài):融入運(yùn)營(yíng)思維的電商設(shè)計(jì)進(jìn)階寶典(套裝上下冊(cè))
- 吳婷
- 7552字
- 2019-08-08 18:31:46
第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ì)的一條小黑裙子也成了香奈爾史上最大的成功。

《香奈兒》電影截圖
- 淘寶天貓網(wǎng)店美工:商品拍攝 店鋪裝修 視頻制作(視頻指導(dǎo)版 第2版)
- 網(wǎng)絡(luò)快富:賺錢(qián)最快胡生意經(jīng)
- 淘寶店鋪 大數(shù)據(jù)營(yíng)銷(xiāo)+SEO+爆款打造 一冊(cè)通
- 電子商務(wù)信息服務(wù)模式研究:基于臨港制造業(yè)需求
- 短視頻運(yùn)營(yíng):爆款打造+數(shù)據(jù)分析+引流漲粉+商業(yè)推廣
- 打造超級(jí)網(wǎng)紅(網(wǎng)紅學(xué)習(xí)普及版)
- 新媒體運(yùn)營(yíng)實(shí)戰(zhàn)技能(第3版·慕課版)
- 智慧研發(fā)管理
- 短視頻+直播:內(nèi)容創(chuàng)作、營(yíng)銷(xiāo)推廣與流量變現(xiàn)
- 電子商務(wù)數(shù)據(jù)分析
- 跨境移動(dòng)電商
- 微商品牌修煉及品牌價(jià)值塑造手冊(cè)
- 深度解析淘寶運(yùn)營(yíng)
- 認(rèn)識(shí)新零售(慕課版)
- 電商財(cái)稅合規(guī)一本通