支付宝主色变更,UI 主色定义大趋势及成因分析

2024-10-13
来源:网络整理

近期,支付宝将主色调由天蓝色改为深蓝色。相信大家在各个平台的推送新闻中都关注到了这条消息。我们来看一下颜色对比。

我想从这个事件入手,分析一下当前UI主色定义的大趋势和成因。

品牌与色彩的关系

通常,品牌主色调的更新并不是设计师自己决定的,而是公司根据经营策略调整的优先顺序,然后通过品牌视觉的变化向消费者隐性地传达这一信息。

这对很多人来说听起来很奇怪。如果你改变颜色,消费者对你的印象如何会有所不同?不是基于你提供的服务和产品质量吗?

这就是颜色形而上学的用武之地。每种颜色都有自己的特征和含义,部分源于生理反应,部分源于文化影响。

我们先来说说生理反应。因为红色是可见光谱中光波最长的颜色,它给我们视觉上一种接近、扩张的感觉,并且会加快我们心跳的频率。因此,它一直是热情、活力、力量的象征。甚至有一个恰当的术语来描述红色对人的影响——红色性效应。例如,如果你盯着下面的图片看一会儿,你可能会感觉心跳加快。

一些在光谱中相对“温和”的颜色本身并没有特殊的含义。根据文化和历史因素,它们被赋予不同的质感。例如,在20世纪进入现代社会之前,粉色是男性的专属颜色。 《旧唐书·高宗记》记载:“文武官员三品以上,命着紫色,四品深绛,五品浅绛……”其中,浅绛五品官的赤色是粉红色。米开朗基罗为西斯大教堂创作的壁画《创世纪》中,天父也穿着紫色的外套(你尝尝,你仔细品味)……

当然,粉色的性别偏见大家都已经很熟悉了,我就不继续科普了。你只需要明白一件事。人们会在生理上和文化上受到颜色的影响。根据这个影响力,改变对事物的认知,比如看下图。

举个最近的例子,知名户外运动品牌——The Face。作为一个成立了半个世纪的老牌户外品牌,我们早期的印象一直是它是一个认真的户外爱好者品牌。完全就是程序员、中产白领、企业主的衣橱。不管怎样,我们都不能和年轻人联系在一起。

但随着品牌的发展, Face开始进军街头时尚文化领域(黑色问号脸)?首先,我们与日本品牌合作,开发了适合日本的产品线,风格更加实用、都市、年轻。因此,该系列将不再使用旧的红色品牌标志,而是换成紫色,将其转变为潮流品牌BUFF。

随后,在亚洲其他地区,推出了使用黑色标志的系列,以瞄准时尚休闲和功能性系列。

可以说,现在走进北方的新店,很难将其与中年、严肃、鸡肋等关键词联系起来。这才是品牌发展中色彩调整的真正调整和原因。

支付宝颜色改版分析

做了这么多准备,我们回到主角支付宝来分析一下改版细节和主色调变化。

先从支付宝年初举办的合作伙伴大会说起。会上,蚂蚁金服CEO宣布将支付宝升级为生活开放平台,帮助国内4000万商户数字化升级的战略。

这里的重点——开放生活平台,其实就是把我们日常生活中需要的服务整合起来,类似于大众点评和美团的结合,涵盖衣食住行民生等领域。用户只要使用支付宝就可以获得多种服务。服务。直观的表达就是支付宝金刚区顶部的外卖、美食、酒店、电影、市民中心……

是不是看起来越来越不像支付工具了?支付宝近年来做了很多尝试,包括这两年的支付宝社交。作为设计师,不应该仅仅孤立地从用户的角度去理解。任何大型产品的改变都有商业上的考虑,而且大多是形式所迫。

资本本身就具有扩张的属性,一个产品也必须实现收入和流量的持续增长。修正意味着过去的方法遇到了瓶颈。支付宝背后的公司蚂蚁金服一直承受着巨大的监管压力,金融服务的限制极大地影响了其发展进程。可以直接感受到的是,余额宝的上限降低到了10W,年化率下降到了2.2。

不深究具体细节,结论是,如果支付宝不开辟新的方向,无论是营收还是市值都无法进一步增长,最终他们瞄准的还是生活服务。

这次界面本身并没有太大变化。最直接的改变就是标志颜色的改变。

由于色调类别没有发生明显变化,所以我们不会分析蓝色的商务、专业、严肃的特征。我们从专业的角度来分析一下这个颜色的变化。

首先通过颜色识别器选择这两种颜色,通过HSB值分析它们的变化。色相H从199→212变化,饱和度S从100→99变化,B值从91→100变化。

这次变化中,饱和度几乎没有调整,主要变化在色调和亮度上。色调的小范围变化会使原来的浅蓝色变成“深蓝色”。色调的调整使原本的色彩更加突出、锐利。

不过,在这样的变化下,如果亮度没有变化,那么颜色就会显得有点太“深”了。过于严肃显然不会让用户满意,所以这次将B值全面提高到100,让颜色感觉更明亮、更顺眼。幸福。

我们不得不怀疑支付宝颜色改版是受到了 2020年度颜色蓝色19-4052的影响,其HSB值为208.88.51,与新版颜色212在色调上几乎相同。

综上所述,通过这次颜色更新,支付宝原本轻松、安全的蓝色变得更加显眼、更有冲击力、更有辨识度。这使得它能够在众多应用程序中更好地突出显示。比如下面是我自己的界面截图。可以看到底部的支付宝图标在整体图标中的变化。

此外,此次支付宝的蓝色也是蓝色图标中的佼佼者。常见的蓝色图标在显眼度上稍显逊色,如知乎、APP、饿了么、携程等。 、微信读书等

这种颜色的调整符合产品本身的定位,一个面向日常生活服务、需要经常打开的应用。同时,传感界面也让用户能够辨别出与以往不同的信息,而这种身份也从电子钱包扩展到了其他方向。

UI行业主要色彩应用趋势

此次支付宝的颜色改版并非孤例。这几年进行色彩调整的产品不计其数,国外包括网易云音乐、百词斩、快手、微信等。

这些应用程序的颜色调整方法与支付宝的颜色调整方法几乎相同。除了色调略有变化外,颜色的饱和度和亮度都得到了提升,让产品本身更容易被用户察觉。

从这个角度来说,我们还必须明白另一个问题,那就是APP产品品牌的色彩应用不仅仅取决于APP本身和用户的个性。在实际的项目案例中,需要考虑一个越来越重要的因素。问题是——竞争。应用不仅要在密集的应用列表中吸引用户,还要在用户使用后给用户留下深刻的印象。

比如线下品牌采用的浅色和冷色,是因为无论是产品、门店还是材质,都给顾客带来更长的接触时间,也包括更强的感官体验和更多元化的服务方式。比如下图是我拍的一家日本品牌店。

然而,APP的色彩应用并不能等同于真正的品牌愿景。用户必须记住下载后打开该应用程序。打开后,他们必须记住下次启动它(保存到第二天)。经过短暂的经验之后,他们必须能够与竞争对手竞争。心理定位(令人印象深刻),这迫使移动产品的色彩变得越来越激进和明亮。

罗永浩两年前说的比较中肯,就是互联网的发展已经进入了争夺用户时间的阶段。看着琳琅满目的产品和应用,可供用户选择的东西实在是太多了。信息爆炸也让用户越来越浮躁,越来越难以被打动和转化。

任何产品一旦上线,就进入了时间竞争的战场。没有躺着就能赢的事。因此,像支付宝这样强大的应用程序必须在美团的压力下不断调整策略,希望能够吸引更多用户的关注和使用频率。

因此,在长期的观察中,我们对APP主色调的应用趋势可以这样总结。当我们确定了色调值之后,我们最终会确定颜色识别器右上角区域的颜色,即高饱和度。度和亮度,如下面的截图。

这也是我们作为UI设计师今后配置主色调的一个重要参考,因为品牌和产品的色彩不仅是用来表达自己的个性,而且更能积极主动地占据用户的注意力。

总结

本内容主要围绕产品主色调相关的思考。虽然我们强调颜色最终要具有攻击性,但这并不意味着整个应用中的配色是完全开放和封闭的,比如下面的反面案例。 。

专业的UI配色还需要很多细节的控制,以减少应用内颜色对用户的负面影响。这是另一个话题了。

超级全面! UI配色方法及陷阱规避指南

无论是做UI设计还是画插画,很多同学都认为自己对色彩不够敏感,因为自己天赋不够,但事实并非如此。

阅读文章 >

分享