當(dāng)消費(fèi)者進(jìn)入到商鋪的時(shí)候，產(chǎn)品頁(yè)面設(shè)計(jì)是客戶的第一視覺(jué)感受，一個(gè)布局合理，顏色搭配舒適的詳情頁(yè)會(huì)給客戶留一個(gè)好的印象，增加成單率。下面讓我們來(lái)學(xué)習(xí)一下如何根據(jù)上架的產(chǎn)品，選擇適合的背景顏色。

當(dāng)banner里面只有一款產(chǎn)品的時(shí)候：

一、商品顏色比較統(tǒng)一

當(dāng)商品的顏色比較統(tǒng)一的時(shí)候，我們?cè)谶x擇背景色的時(shí)候可以通過(guò)吸管工具對(duì)商品的主色進(jìn)行提取，或者主色同款色系的淺色調(diào)作為背景色。同款色系內(nèi)的字體進(jìn)行點(diǎn)綴，慢慢調(diào)整或者用黑色色系。這個(gè)時(shí)候畫面比較舒服，協(xié)調(diào)。

二、背景色和商品顏色為同色系，用跳色點(diǎn)綴

如果商品本身的顏色比較負(fù)責(zé)，裝飾顏色選擇相鄰色系，變化一致的時(shí)候可以選擇對(duì)比色，在色卡上是(120-180*),讓整個(gè)商品可以在頁(yè)面中比較突出，一目了然。

吸取商品的主色、或者主色同色系的淺色調(diào)/純色調(diào)/暗色調(diào)作為背景色。如果商品本身色彩比較多，裝飾元素選擇同色系或鄰近色系即可;如果商品顏色色系比較一致，裝飾元素可以用冷暖色或?qū)Ρ壬?120-180*) 來(lái)活躍畫面。

三、背景色與商品的顏色是對(duì)比色

在上架產(chǎn)品中，將商品顏色的主色調(diào)的對(duì)比色作為背景色，色彩濃度越高，產(chǎn)生的視覺(jué)效果越好，有主題，促銷感十足。

當(dāng)banner中包含兩個(gè)及以上的產(chǎn)品的時(shí)候

一、當(dāng)背景色和主商品是同一個(gè)色系

當(dāng)多個(gè)商品存在banner中的時(shí)候，選擇占比多的商品，提取其顏色作為背景色，商品多，顏色也就相對(duì)于比較豐富，感覺(jué)很熱鬧，選擇點(diǎn)綴元素和字體的時(shí)候要選擇商品帶有的顏色，以防萬(wàn)一造成頁(yè)面雜亂。

二、上架產(chǎn)品和背景色是對(duì)比色

這時(shí)候要選擇比例比較比較重的商品顏色的對(duì)比色的淺色調(diào)作為背景色。因?yàn)閷?duì)比色本身的反差感就很強(qiáng)，會(huì)給消費(fèi)者帶來(lái)很強(qiáng)的畫面感。

特別聲明：以上文章內(nèi)容僅代表作者本人觀點(diǎn)，不代表ESG跨境電商觀點(diǎn)或立場(chǎng)。如有關(guān)于作品內(nèi)容、版權(quán)或其它問(wèn)題請(qǐng)于作品發(fā)表后的30日內(nèi)與ESG跨境電商聯(lián)系。