大家好!本文属于“设计与可用性”栏目,将探讨网店界面图形解决方案。在网站开发或重构过程中,为商店选择配色是最紧迫的问题之一。部分店主仅凭个人喜好或盲目听从设计师建议,但电商网站开发有其独特性,需深入了解以下要点。
利用色彩心理学
每种颜色都有特定的心理学含义及情感联想:
- 红色:警示、激动、愤怒、爱、温暖、舒适、生命、血液。
- 黄色:冒险、幸福、能力、热情、财富、精致。
- 绿色:平衡、良好品味、嫉妒、健康、财富、和谐。
- 蓝色:诚实、企业精神、高品质、阳刚之气、专业能力、忠诚度、信任、可靠。
- 粉色:爱、慈悲、精致、真诚、浪漫、温柔。
- 紫色与紫红色:创造力、权力、奢华与神秘。
- 棕色:友好、坚固、悲伤、舒适、自然。
- 黑色:优雅、奢华、智慧。
- 白色:简约、秩序、纯真、洁净、中立。
- 灰色与银色:实用、中性、精致、现代。
为细分市场和商品选择合适颜色
某些颜色仅适用于特定利基市场。虽然色彩心理学并非绝对精确的科学,但参考基本建议可避免常见错误。以下是成功配色示例:
梅赛德斯-奔驰
采用黑(昂贵与精致)、灰(实用与现代)、白(简约与秩序)的简单配色。这些心理联想符合其目标受众——潜意识里希望显得重要且独特的富裕人群。
迪士尼
目标受众包括儿童及其父母(主要是母亲)。儿童偏好鲜艳简单的颜色,女性偏好柔和色彩。该方案使用明亮的蓝色(信任与可靠)及柔和的灰色(现代与精致),精准触达两类群体。
维多利亚的秘密
成功运用粉色系作为品牌关键元素,线上线下统一。粉色象征浪漫与温柔,是面向女性受众的理想选择。
若担心选错颜色,建议使用最稳妥通用的蓝色、灰色和白色。相比夸张色调,这些颜色更易被各类受众接受并产生积极效果。同时,观察常访电商网站的配色,理解其营造的氛围是激发活力、带来放松还是保持中性,这往往是用户持续光顾的原因。
利用色彩隔离效应
冯·雷斯托夫效应(Von Restorff effect)指与周围颜色形成强烈对比的色彩更容易被记住,从而引发好感与关注。在电商平台中,可将此效应用于突出“加入购物车”或“提交申请”等关键按钮。注意仅在真正重要的位置使用,确保视觉强调匹配操作重要性。
这是一种留住结账流程客户的有效手段。通过为关键按钮设置特定颜色标记,使订单填写过程连贯清晰。例如,戴尔(Dell)网站用绿色引导访客浏览特定商品,明确点击路径,有效降低跳出率。
专注于椅子销售的BarStools.com选择橙色作为隔离色,仅用于推动订单流程的关键按钮:
- 选择选项;
- 加入购物车;
- 结算按钮。
正确的背景色
选择背景色的首要原则是使用白色或灰色,它们能为大多数颜色提供最佳对比度。近95%的在线商店采用浅色调背景以更好突出内容。
深色背景仅在商品色彩鲜艳且文字足够醒目时效果良好。例如,Foot Locker成功使用黑色背景,因其销售的商品色彩鲜艳、造型简洁,且目标受众为男性。
最后建议:未来在线商店使用的颜色不要超过三种。可通过主色的不同色调丰富视觉效果,但各元素中使用的色调越少越好。
更多关于在线商店设计的有趣信息,请参阅我们的文章:
- 20个成功的网店改进案例;
- 5个导致网店设计失败的原因;
- 21家正确的网店。
本文改编自 http://www.practicalecommerce.com/articles/3978-How-to-Choose-Colors-for-your-Ecommerce-Site

