Date 2026-03-16 17:26:17
最近,支付宝改变了主色,将原来的天蓝色改为深蓝色。我相信每个人都在各种平台的推送新闻中关注了这个消息。让我们来看看颜色的比较。

我想从这个事件入手,分析一下UI主色定义的大趋势和原因。
通常,品牌主色更新不是因为设计师自己的决定,而是因为企业优先考虑商业战略,然后通过品牌视觉变化将信息模糊地传递给消费者。
这听起来很奇怪。消费者如何改变颜色会对你有不同的印象?这不是基于你提供的服务和商品质量吗?
这就是色彩形而上学的地方。每种颜色都有自己的特点和意义,部分来自生理反应,部分来自文化影响。
首先是生理反应,因为红色是可见光谱中光波最长的颜色, 因此,视觉接近和扩张会加速心脏跳动的频率,因此它一直是热情、活力和力量的象征。甚至有一个专有的术语来描述红色对人的影响 —— 红色效应。例如,如果你盯着下面的图片看一会儿,你可能会觉得你的心跳加快了。

有的在光谱中进行了比较 「中庸」 颜色本身并没有特殊的含义,而是基于文化和历史因素赋予它们不同的纹理。例如,在进入20世纪现代社会之前,粉红色是男性的独家颜色。《旧唐书·高宗纪》记载:「三品以上服紫,四品深绯,五品浅绯...」,五品官员的浅绯色是粉色。米开朗基罗为西斯大教堂创作的壁画 在《创世纪》中,天父也穿着紫色外套(你的产品,你的产品)...

当然,粉色的性别倾向是众所周知的,所以我们不会继续推广科学。我们只需要知道一件事。人们在生理和文化认知方面都会受到色彩的影响。基于这种影响,我们可以改变对事物的认知,比如看下图。

举个最近著名的户外运动品牌的例子 —— The North Face 北方。作为一个成立了半个世纪的老户外品牌,它给我们的早期印象一直是一个严肃的户外爱好者品牌,完全是程序员、中产阶级白领、企业主的衣柜,无论如何我们都不能把它和年轻人联系起来。
但随着品牌的发展,北方开始进入街头潮流文化领域(黑色问号脸)?首先,我们与日本品牌Nanamica合作,为日本本土产品线,更喜欢功能、城市和年轻人 UrbanOutdoor 风格。所以旧的红色品牌标签不是在这个系列中使用的,而是用紫色代替的,变成了时尚品牌 BUFF。



然后,在亚洲其他地区,推出了一系列黑色标志系列,面向时尚品牌休闲和功能系列。

可以说,现在进入北方的新店,你很难把它与中年人、严肃、无味的关键词联系起来,这是品牌发展中颜色的真正调整和原因。
在做了这么长的铺垫之后,让我们回到主角支付宝,分析修订和主色变更的细节。
从支付宝年初举行的合作伙伴大会开始,蚂蚁金服首席执行官宣布将支付宝升级为开放生活平台,帮助400万国内企业进行数字升级。

重点 —— 开放的生活平台实际上是整合我们日常生活中需要的服务,类似于公众评论和美团,包括食品、服装、住房、交通、民生等领域。只要用户通过支付宝的入口,他们就可以获得各种服务。直观的性能是支付宝金刚区顶部的外卖、食品、酒店、电影、公共中心。

它看起来越来越不像支付工具了吗?支付宝近年来做了很多尝试,包括前两年的社交网络。作为一名设计师,不仅要从用户的角度来理解,任何大型产品的变化,都有商业层面的考虑,而且大多数都是形式所迫。
资本本身具有扩张的属性,产品也应该在收入和流量上获得持续的增长。修订意味着过去的方法已经遇到了瓶颈。支付宝背后的蚂蚁金融服务承受着巨大的监管压力,金融服务的限制极大地影响了发展过程。我们可以直接感觉到余宝的上限降到了10W,年化降到了 2.2。
具体细节没有深入研究,结论是,如果支付宝不开辟新的方向,那么收入和市场价值就不能进一步增长,最终目标是生活服务。
修改界面本身变化不大,最直接的变化是logo颜色的变化。

因为色相的范围没有太大的变化,所以蓝色的商业、专业和严肃性就不多分析了。让我们从专业层面分析颜色的变化。
首先,通过识色器选择这两种颜色 HSB 它们的变化值得分析。色相 H 由 199→212,饱和度 S 从 100→99,B 值从 91→100。

在这种变化中,饱和度几乎没有调整,主要的变化是色相和亮度。色相的小范围变化使原来的浅蓝色变成「深蓝」,通过调整色调,使原来的颜色更加突出、尖锐。

但在这样的变化下,如果亮度没有变化,那么颜色看起来有点太多了 「深「 太严肃显然不能取悦用户,所以这次 B 值被拉满提升到 100,让色彩的感觉更加明亮愉悦。

不得不怀疑,支付宝颜色的改版受到潘通的影响 2020 年度色彩影响,Classic Blue 19-4052 色,HSB 值为 208.88.51,与新版本的颜色相比 212 几乎一致。

最后,在这次色彩更新中,支付宝原本轻松安全的蓝色变得更加显眼、更具冲击力、更具识别性。这让它在一起 APP 它可以更好地突出。例如,以下是我自己界面的截图。您可以查看支付宝图标底部在整个图标中的变化。

此外,这一次,支付宝的蓝色也是众多蓝色图标中的领头羊。常见的蓝色图标在显眼度上被比较,比如知乎。APP Store、饿了么,携程,微信阅读等等。

这种颜色调整符合产品本身的定位。它是一个面向生活服务的应用程序,因此需要高频打开。同时,用户也可以在界面感官上区分与过去不同的信息。身份从电子钱包扩展到其他方向。
这次支付宝的色彩改版并不孤单。近年来,有无数产品进行了色彩调整,包括网易云音乐、百字斩、快手、微信、Facebook等。

这些 APP 色彩调整方式与支付宝几乎相同。除了色调的轻微变化外,它还提高了色彩的饱和度和亮度,使产品本身更容易被用户检测到。
从这个角度来看,我们必须理解一个问题,那就是对 APP 产品品牌的色彩应用不仅取决于 APP 在真实的项目案例中,必须考虑一个越来越重要的问题 —— 竞争。应用程序不仅要在密集的应用列表中吸引用户,还要在用户使用后给用户留下深刻印象。

例如,线下品牌中使用的浅色和冷色是因为产品、商店和材料都给了客户更长的接触时间,包括更强的感官体验和更多样化的服务模式。例如,我在下图中拍摄的一家日本品牌商店。

但 APP 颜色应用程序不能等同于真正的品牌视觉。下载应用程序后,用户应记得先打开应用程序。打开应用程序后,他们还应记得下次重新启动(第二天保留)。经过短暂的体验,他们还应该能够与竞争对手竞争心理定位(令人印象深刻),这迫使移动产品的颜色变得越来越激进和明亮。
罗永浩前两年说的一句话相当中肯,就是互联网的发展已经进入了争夺用户时间的阶段。环顾四周,有各种各样的产品和 APP,可以让用户选择太多的东西,信息爆炸也让用户本身越来越冲动,越来越难以移动和转换。
任何产品在上线的那一刻都会进入时间竞争的战场。躺下赢是不存在的。因此,支付宝等应用程序也应该在美团的压力下不断调整策略,以吸引用户更多的关注和使用频率。
因此,在长期观察中,我们对此进行了探讨 APP 可以总结主色的应用趋势。在确定色相值后,颜色最终将确定在识色器的右上角区域,即高饱和度和亮度,如下面的截图。

这也是我们未来所做的 UI 设计师提供主色配置的重要参考,因为色彩不仅用于展示品牌和产品的个性,而且更具侵略性,积极占据用户的注意力。
本内容主要集中在产品主色的相关思路上。虽然我们最终强调颜色应该具有侵略性,但并不是说整个应用程序中的颜色匹配是完全开放和关闭的,如下面的负面情况。
专业的 UI 颜色匹配还需要通过许多细节来减少应用程序中颜色对用户的负面影响,这是另一个话题。
不管是做 UI 设计或绘制插图,有很多学生由于缺乏天赋,我觉得自己对颜色不够敏感,其实不然。
阅读文章 >欢迎关注作者微信微信官方账号:「超人电话亭」

热评 酸梅干超人