如何抛弃惯性思维,重新定义一款产品的主色?

Date 2026-01-22 23:25:41

我不知道你是否听过这样一个故事:餐厅的销售不是很好,老板没有找到原因,显然位于市中心,价格也很实惠,只是卖不出去;然后老板邀请了一个 “大师” 帮忙了解一下,师傅说你的盘子颜色不好,换成橙色保证牛X;老板立刻认购了一批橙色的盘子。从那以后,这家餐馆很受欢迎。王景泽觉得他家的饭香不好

如何抛弃惯性思维,重新定义一款产品的主色?

听了这个故事后,从那时起,我年轻的心就把橙色等同于食欲。这个品牌直到我工作前几年才这么认为。同时,在九年义务教育的艺术教科书中,我获得了我一生中第一次对色彩知识的详细输入,并了解了各种颜色对应的含义和情感:

如何抛弃惯性思维,重新定义一款产品的主色?

这种色彩和情感的映射关系根深蒂固在我的脑海里 / 在有这样的面试或报告之前,面试官/老板问我:“你为什么要选择这种颜色作为品牌颜色?”

面对一只手创建的社交应用程序,我解释说:“因为红色代表活泼,这种颜色会给这个产品一种活泼的氛围。”诚实地说,这种解释是自信的,但是空的,颜色本身没有好或坏或方向,只看看你在哪里使用,不注意场景不容易定性。

这也反映了惯性思维不断吞噬你我的思维。过去的“经验”可以让人习惯或尴尬,这取决于他们是否有洞察力。如果你放弃惯性思维,如何定义产品的主色调?

如何抛弃惯性思维,重新定义一款产品的主色?

说实话,选择一种颜色作为品牌颜色是一个战略决策过程。一般来说,行业内一定有携程/去哪里、途牛等主流颜色,以淘宝为代表的电子商务行业通常是喜庆的红橙。

如何抛弃惯性思维,重新定义一款产品的主色?

显然,基于这一逻辑,有三种做法,一种是顺势而为,另一种是逆势而行,另一种是另辟蹊径。在某种程度上,设计师无法决定这一块的选择,需要结合整个业务的方向来判断;在旅游业,黄蜂窝选择逆向而行,抖音选择在直播行业找到另一种方式。

如何抛弃惯性思维,重新定义一款产品的主色?

通过抖音和大黄蜂巢的例子,你可能会发现黑色可能不是死的,ta也可以是丰富多彩的;黄色可能不仅象征尊严,ta也可以代表青春和希望;颜色没有偏见,只看使用什么场景。主要颜色的选择需要更符合业务战略的发展,但也更倾向于主观。为业务提供想法和方向,在判断业务方向不好时,提供更多的想法来帮助其更好地匹配颜色。

如何抛弃惯性思维,重新定义一款产品的主色?

在过去的采访中,像我这样的好面试官特别喜欢问候选人一个问题:“一个颜色中有这么多的颜色数字。你为什么把这个颜色数字定为品牌颜色?”大多数候选人第一次听到这个问题时都很困难。他们可能会想为什么这个人会问这个问题,哈哈哈哈;别再胡说八道了。让我简单地分享一下我的方法:

黑白两色(#00000000-#FFFFFF)作为起点设置 10 一个梯度,然后扔进第一个模块定义的色相,只需要调整HSB中的H,这样你就可以得到一个完整的颜色序列:

如何抛弃惯性思维,重新定义一款产品的主色?

在主观调整颜色的基础上,确定主色,确保其在黑白背景上的对比度大于 4.5:理论上,梯度中间是最合适的,饱和度和亮度就足够了。

如何抛弃惯性思维,重新定义一款产品的主色?

△ 上图是我使用的颜色可用性测试工具 - color review(https://color.review/)

如何抛弃惯性思维,重新定义一款产品的主色?

当你准备好上述所有工作时,最后一步是扩大颜色系统;这里使用负能量供应站小商店的品牌颜色“叛逆橙色” #FF774A(H15 S71 以B100为主色开始拓展色系。

首先 - 确认同色系的辅助颜色:我们加减主色系的颜色 30° (谷歌以10为梯度,但色相变化不大。为了达到效果,我们以3倍为最小单位)获得两种新颜色,即同色辅助颜色。

如何抛弃惯性思维,重新定义一款产品的主色?

其次 - 确认对比色辅助色,加上主色的色调 180° 获得其互补色,即对比色系的辅助色。为了对应主色的相似色,取相似的互补色(加减色) 15°)与色相加减(色相加减) 30°)。选择所需的颜色作为最终对比色系的辅助颜色。

如何抛弃惯性思维,重新定义一款产品的主色?

根据颜色要求,将同类颜色2和同类颜色1作为最终对比色系统的辅助颜色,获得主色和四种辅助颜色;同样,你可以推断出没有颜色倾向的中性颜色系统(这里不重复)。

最后,你可以通过编码给每种颜色一个 token(密钥),方便团队合作使用。

如何抛弃惯性思维,重新定义一款产品的主色?

以上是我选择颜色的一般想法,市场上也有很多关于颜色的好文章,分享一波:

Ant Design 色板生成算法演进的道路 - https://zhuanlan.zhihu.com/p设计系统颜色3242584 - https://uxplanet.org/designing-systematic-colors-b5d2605b15c

总结一下

随着工作经验/持续时间的增加,我们经常习惯事物的存在。思维惯性会困住我们追根溯源的想法,但需求和场景是千变万化的,所有的方法都是针对通用场景的。标准化的解决方案可能不适用于你目前的情况;也许最好在熟悉的环境中用敏锐的洞察力和科学的方法突破。

欢迎关注作者微信微信官方账号:「负能量补给站」

如何抛弃惯性思维,重新定义一款产品的主色?