当消费者进入到商铺的时候,产品页面设计是客户的第一视觉感受,一个布局合理,颜色搭配舒适的详情页会给客户留一个好的印象,增加成单率。下面让我们来学习一下如何根据ebay上架的产品,选择适合的背景颜色。

当banner里面只有一款产品的时候:


一、商品颜色比较统一


当商品的颜色比较统一的时候,我们在选择背景色的时候可以通过吸管工具对商品的主色进行提取,或者主色同款色系的浅色调作为背景色。同款色系内的字体进行点缀,慢慢调整或者用黑色色系。这个时候画面比较舒服,协调。


二、背景色和商品颜色为同色系,用跳色点缀


如果商品本身的颜色比较负责,装饰颜色选择相邻色系,变化一致的时候可以选择对比色,在色卡上是(120-180*),让整个商品可以在页面中比较突出,一目了然。


吸取商品的主色、或者主色同色系的浅色调/纯色调/暗色调作为背景色。如果商品本身色彩比较多,装饰元素选择同色系或邻近色系即可;如果商品颜色色系比较一致,装饰元素可以用冷暖色或对比色(120-180*) 来活跃画面。



三、背景色与商品的颜色是对比色


在上架产品中,将商品颜色的主色调的对比色作为背景色,色彩浓度越高,产生的视觉效果越好,有主题,促销感十足。


当banner中包含两个及以上的产品的时候


一、当背景色和主商品是同一个色系


当多个商品存在banner中的时候,选择占比多的商品,提取其颜色作为背景色,商品多,颜色也就相对于比较丰富,感觉很热闹,选择点缀元素和字体的时候要选择商品带有的颜色,以防万一造成页面杂乱。


二、上架产品和背景色是对比色


这时候要选择比例比较比较重的商品颜色的对比色的浅色调作为背景色。因为对比色本身的反差感就很强,会给消费者带来很强的画面感。