當消費者進入到商鋪的時候，產品頁面設計是客戶的第一視覺感受，一個布局合理，顏色搭配舒適的詳情頁會給客戶留一個好的印象，增加成單率。下面讓我們來學習一下如何根據上架的產品，選擇適合的背景顏色。

當banner里面只有一款產品的時候：

一、商品顏色比較統一

當商品的顏色比較統一的時候，我們在選擇背景色的時候可以通過吸管工具對商品的主色進行提取，或者主色同款色系的淺色調作為背景色。同款色系內的字體進行點綴，慢慢調整或者用黑色色系。這個時候畫面比較舒服，協調。

二、背景色和商品顏色為同色系，用跳色點綴

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

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

三、背景色與商品的顏色是對比色

在上架產品中，將商品顏色的主色調的對比色作為背景色，色彩濃度越高，產生的視覺效果越好，有主題，促銷感十足。

當banner中包含兩個及以上的產品的時候

一、當背景色和主商品是同一個色系

當多個商品存在banner中的時候，選擇占比多的商品，提取其顏色作為背景色，商品多，顏色也就相對于比較豐富，感覺很熱鬧，選擇點綴元素和字體的時候要選擇商品帶有的顏色，以防萬一造成頁面雜亂。

二、上架產品和背景色是對比色

這時候要選擇比例比較比較重的商品顏色的對比色的淺色調作為背景色。因為對比色本身的反差感就很強，會給消費者帶來很強的畫面感。

特別聲明：以上文章內容僅代表作者本人觀點，不代表ESG跨境電商觀點或立場。如有關于作品內容、版權或其它問題請于作品發表后的30日內與ESG跨境電商聯系。