020-29815005
预约专线时间:09:00-23:59

优漫教育:对支付宝颜色转换的分析。

新闻来源:优漫教育 日期:2021-04-26
优漫教育:对支付宝颜色转换的分析。 下面我们回到主角支付宝,分析一下改版和主体颜色变化的细节。 首先从支付宝今年年初举行的合作伙伴大会说起,蚂蚁金服CEO在会上宣布了支付宝升级为生活开放平台的战略,帮助国内4千万商家实现数字化升级。 其中的焦点——生…
    优漫教育:对支付宝颜色转换的分析。

    下面我们回到主角支付宝,分析一下改版和主体颜色变化的细节。

    首先从支付宝今年年初举行的合作伙伴大会说起,蚂蚁金服CEO在会上宣布了支付宝升级为生活开放平台的战略,帮助国内4千万商家实现数字化升级。
UI设计培训
    其中的焦点——生活开放平台,实际上就是整合了我们日常生活所需的服务,类似于大众点评与美团的合体,囊括了民生衣食住行等领域,用户只需通过支付宝这个入口,就能获得各种各样的服务。直觉上,就是支付宝金刚区顶端的外卖,美食,酒店,电影,市民中心…

    它看起来越来越不像一种支付工具了吗?过去几年中,支付宝做了很多尝试,包括前两年支付宝的社交功能。身为设计者,不能孤立地站在用户的角度去理解,任何大产品的改变,都有商业层面的考虑,而大多是形式上的要求。

    资金本身具有扩张性,一个产品还需要在收入和流量上保持持续的增长,这意味着过去的方式已经陷入了瓶颈。蚂蚁金服背后的支付宝承受着巨大的监管压力,金融服务的限制极大地影响了其发展进程,可以直接感觉到的是余额宝上限降至10W,年增长率降至2.2。
UI设计培训
    没有深入的细节,得出的结论是,如果支付宝不开辟新的方向,那么收入和市值都无法进一步增长,而最终他们的目标,就是生活服务。

    这次修改后的界面本身没有多大改变,最直接的改变就是logo颜色的改变。

    由于色彩范畴没有大的变化,所以具有商业、专业、严肃等特征的蓝色,就不再多做分析。在专业层面上,我们分析这种颜色的变化。

    先用读写机选择两种颜色,然后用HSB值分析其变化。颜色H由199→212变为0,饱和度S由100→99变为B由91→100。

UI设计培训


    饱和度的变化很少,主要是颜色和明度的变化,而饱和度的变化很少。色彩变化的小范围,使原本淡蓝色变为「深蓝」,通过色彩的调整,使原本的色彩变得更加突出、鲜明。

    但这种改变,若明暗不变,则色彩显得有点「深沉」,过分严肃显然也不会讨好使用者,因此这一次B值被升至100,使色彩的感觉更明亮讨喜。

    要想知道支付宝颜色的改变是受了潘通2020年的颜色影响,ClassicBlue19-4052颜色HSB值208.88.51,和新颜色颜色212的颜色基本一致。

    总而言之,此次颜色更新,支付宝原本轻松安全的蓝色变得更加显眼,更具冲击力,更具认同感。这样使其在一众APP中能更好的突出出来,比如下面就是我自己的界面截图,大家可以看看下边支付宝图标整体上的变化。
UI设计培训
    另外,这次支付宝的蓝色,在一群蓝色图标中也是独树一帜,普通的蓝色图标在显眼度上也是比不上的,比如,知乎,APPStore,饿了么,携程,微信阅读等等。

    这个调色功能,符合产品本身的定位,一个面向生活的服务所以需要被高频率打开的应用。与此同时在界面感觉上也可以让用户区分过去与现在的不同,识别信息从电子钱包向其他方向扩展。


优漫教育