食品類目頁面設(shè)計(jì)中如何巧妙利用好黑色

what？美味的食品頁面用黑色？不顯臟？不顯暗沉？看到標(biāo)題的時(shí)候，估計(jì)很多小伙伴都表示如我的顏文字一般∑(っ °Д °;)っ驚訝又質(zhì)疑，也有一些小伙伴可能會(huì)提出，黑色可能不適合做食品的色調(diào)，但是當(dāng)我們縱觀一些食品網(wǎng)站或者食品攝影網(wǎng)頁時(shí)，不難發(fā)現(xiàn)通過黑色背景的烘托，更能凸顯食品的質(zhì)感，而黑色帶來的色彩屬性，能有效傳達(dá)別的顏色傳達(dá)不了的調(diào)性。如何去選擇適合做黑色頁面的產(chǎn)品，如何通過使用黑色讓你的食品頁面更具有吸引力？廣州大麥下面我們開始抽絲剝繭，詳細(xì)了解一下。

一、解讀黑色的色彩語言

經(jīng)過一些資料的查閱，我們不難發(fā)現(xiàn)，黑色本身具有較極端的顏色屬性，在不同地方的使用也造就顏色所帶來的意義，其中黑色①具有高雅高端的屬性，在一些高端的餐廳所使用的菜譜展頁上時(shí)有運(yùn)用；②在中國(guó)民間，有時(shí)黑色的食物被認(rèn)為對(duì)身體較好，例如黑豬肉或?yàn)豕请u比較營(yíng)養(yǎng)、上等；③黑色是一個(gè)很強(qiáng)大的色彩，而且可以讓其它顏色(亮色)突顯出來，通過黑色能有效將食品的亮度質(zhì)感傳達(dá)出來。

二、挑選適合與黑色搭配的食品分類

在這里，我們并不提倡任何食品都去嘗試與黑色結(jié)合，但是也不排斥經(jīng)過精心的設(shè)計(jì)，哪怕是不被認(rèn)同與黑色結(jié)合的食品也做出讓人眼前一亮的感覺。通過調(diào)研使用了黑色作為主色調(diào)的產(chǎn)品頁面，歸納出了在一般情況下，適合做黑色的頁面設(shè)計(jì)的食品有哪些（這只是個(gè)栗子，各位看官瀏覽案例時(shí)可以聯(lián)想更具體的產(chǎn)品<(?????)>）：

①肉類生鮮：如牛肉、豬肉、魚類、蘋果等等；

②干果零食類：如巴旦木、面包等等；

③茶葉類；

④速食類。

通過上述提到的品類，我們能分析能跟黑色結(jié)合的原因，主要有幾點(diǎn)：①具備中性或允許中性風(fēng)格，如大家所熟知的當(dāng)蘋果做成了簡(jiǎn)約iPhone風(fēng)格，能與黑色形成高端即視感；②產(chǎn)品本身的感情色彩較平淡，如馬卡龍產(chǎn)品本身顏色豐富，活潑靈動(dòng)，與黑色不適配；③產(chǎn)品能與黑色形成高反差，如肉類通過黑色的襯托能有效展現(xiàn)肉的質(zhì)感；④品牌調(diào)性的配合，如一些茶葉、咖啡品牌調(diào)性是深沉、高端等也可以使用黑色。

三、如何與黑色結(jié)合讓食品頁面更具吸引力

“眼前的黑不是黑，你說的白是什么白……”“I have black，I have food，eh~~”一時(shí)各種歌詞涌上來，那么從哪些方面著手，可以讓食品頁面與黑色結(jié)合得更具吸引力呢？

①色彩沖擊

黑色能讓其他亮色更具凸顯，也能與其他亮色形成強(qiáng)烈對(duì)比，如以下兩個(gè)案例展示，通過黑色與亮色再加以大筆觸的字體，展示出黑色里產(chǎn)品表現(xiàn)力的靈動(dòng)感。

②攝影/構(gòu)圖

通過研究?jī)?yōu)秀的頁面案例，我們不難發(fā)現(xiàn)，產(chǎn)品的拍攝構(gòu)圖，對(duì)于頁面的表現(xiàn)力來說，能讓消費(fèi)者嘗試不一樣的觀察角度。而當(dāng)我們?cè)俾?lián)想一下便能發(fā)現(xiàn)，當(dāng)我們?nèi)コ�市選購(gòu)一些產(chǎn)品時(shí)，通常視覺點(diǎn)都比我們低，需要我們彎腰細(xì)看，如肉類、干果類產(chǎn)品，而罐裝袋裝產(chǎn)品則一般在貨架上，需要我們仰視或平視。所以在產(chǎn)品的拍攝構(gòu)圖上，我們則可以通過這一購(gòu)物習(xí)慣，運(yùn)用到位。在這里也可以總結(jié)如何使用不同視角的構(gòu)圖：①突出產(chǎn)品質(zhì)地、紋理可采用俯視圖（當(dāng)然某一個(gè)角度也能很好的凸顯產(chǎn)品的質(zhì)感，具體可看攝影師把控）；②突出包裝、產(chǎn)品體積感采用平視圖或其他側(cè)視圖。

③合成

合成對(duì)于增加頁面的吸引力已經(jīng)是比較常見的手法了，通過合成，能設(shè)計(jì)出別具特色的頁面效果，而且很多時(shí)候我們很難通過一張圖片去表現(xiàn)好，所以我們需要通過素材的合成達(dá)到效果。

④手繪

俗話說不會(huì)畫畫的設(shè)計(jì)師不是好的老司機(jī)，懂手繪或者添加一定的手繪元素，能讓黑色的食品頁面增加一絲趣味與不顯得僵硬，而通過添加手繪元素，也能中和黑色帶來的過于沉重，更改頁面的風(fēng)格趨向，所以當(dāng)你想做一個(gè)符合調(diào)性的黑色頁面，但又不想太過莊重不符合當(dāng)下的主題，則可以增加手繪元素，如下圖：

⑤模特表現(xiàn)力

食品頁面中通常不會(huì)使用模特拍攝，但為了讓我們的黑色食品頁面更具吸引力，在條件允許情況下，我們可以策劃模特與食品的組合圖片，讓兩者結(jié)合碰撞出不一樣的火花。

⑥櫥窗效果

不難發(fā)現(xiàn)，櫥窗設(shè)計(jì)非常擅長(zhǎng)用于燈光營(yíng)造與聚焦視覺焦點(diǎn)，櫥窗效果營(yíng)造的立體感與空間感，能夠給消費(fèi)者帶來觀賞的感覺，如下圖：

總結(jié)：

在了解黑色的顏色屬性后、清楚當(dāng)你的產(chǎn)品滿足①具備中性或允許中性風(fēng)格；②產(chǎn)品本身的感情色彩較平淡；③產(chǎn)品能與黑色形成高反差；④品牌調(diào)性的配合這些點(diǎn)時(shí)，通過色彩沖擊、攝影/溝通、合成、手繪、模特表現(xiàn)力這五個(gè)小妙招，能讓你在設(shè)計(jì)黑色的食品頁面時(shí)，增加頁面的吸引力，烘托產(chǎn)品的質(zhì)感，與意想不到的視覺效果。