有号码网 首页 微信资讯 查看内容

如何评价微信新上线的深色模式?来看总监级的剖析 !

2020-3-26 18:08| 发布者: 你当我是浮夸当z| 查看: 92| 评论: 0

摘要: 微信在3.23号上线了传闻 已久的 「暗黑版」,用来适配 iOS 的深色模式,相信不少同学已经安装并体验上了,如果还没安装的可以看看下面图例。微信每有一次年夜 动作都邑 引发全网性的讨论,而针对设计上的调剂 ,往 ...
微信在3.23号上线了传闻 已久的 「暗黑版」,用来适配 iOS 的深色模式,相信不少同学已经安装并体验上了,如果还没安装的可以看看下面图例。

如何评价微信新上线的深色模式?来看总监级的剖析 !

微信每有一次年夜 动作都邑 引发全网性的讨论,而针对设计上的调剂 ,往往只会迎来一片骂声。比如 我们看看知乎中讨论的内容,感到 民愤都快压抑不住了。

如何评价微信新上线的深色模式?来看总监级的剖析 !

但我们先别急着介入 网上的声讨,现在站在设计师的角度,来评价一下迟到的微信深色模式。

深色和夜间模式傻傻分不清


很多人会把深色模式和夜间模式搞混,这里必须 强调这是两种不合 的模式,所以我们要对还没搞清楚状况的同学先做一个扫盲(最近扫盲似乎 搞的比较 多…)。

先说夜间模式,是一个专门针对夜晚环境适配的设计版本。腾讯的 ISUX 团队之前做过调研,有 71.1% 的用户习惯在夜间不开灯看手机。

跨越 8亿人使用的QQ,总结了夜间模式设计的通用办法


腾讯ISUX-花咯:你有没有在夜间使用移动设备的习惯?你觉得QQ现有的夜间模式亮度在使用时是否舒适?为了能够更科学的验证我们的设计,我们通过比较 度剖析 、尼特值测试、色彩亮度和色彩...

如何评价微信新上线的深色模式?来看总监级的剖析 !

如果在深夜漆黑的房间中看手机屏幕,对我们的健康有异常 年夜 的损害,不仅表示 在对视力的伤害上面,视网膜和神经元容易受损,同时主流的研究项目还注解 会这会抑制我们褪黑素的排泄 造成失眠。

所以,夜间模式,是一个用来降低屏幕对用户伤害,提升夜间使用体验的特殊模式。

通常,夜间模式会采取 降低尼特值、减少比较 度、降低色彩明度、增加深色遮罩的办法 ,比如 之前 QQ 官方的夜间模式示意图,年夜 家感触感染 一下,是不是有内味儿了?

如何评价微信新上线的深色模式?来看总监级的剖析 !

这里提一下尼特这个概念,尼特是用来说明亮度的术语,1nit=1坎德拉/平方米。是现在各年夜 手机宣布 会中介绍屏幕的时候都要强调的参数之一,因为尼特值越高,证明在户外年夜 日间 的环境中屏幕内容可以越清晰,而夜间模式做的就是用来降低显示亮度尼特值的。

如何评价微信新上线的深色模式?来看总监级的剖析 !

然后再解释一下苹果的深色模式,苹果的 DarkMode,并不是一个专门面向深夜环境的模式。官方对此版本的解释,详见我们翻译的 iOS 官方文档中 112 页。

如何评价微信新上线的深色模式?来看总监级的剖析 !

这是一个面向全天候的视觉作风 ,同时通过深色配景 的比较 ,来加凸显图片、文字内容。包含 上面那种官方的配图,年夜 家应该就能感到 到主体元素比白色模式下更凸出,更激烈。

所以了解了这两个模式的区别,我们能力 好好展开对微信深色模式的讨论。

微信深色模式专业总结


接下来,我们先来总结一遍微信的深色模式。首先是剖析 一遍它使用的配景 色。

如何评价微信新上线的深色模式?来看总监级的剖析 !

配景 色纯灰色,有3个品级 的灰度。熟悉我的都了解,看色彩的奥秘,靠16进制代码和 RGB 那是剖析 不出个什么所以然的。如果我们把它们转化成 HSB 一看,纪律 性就来了。

配景 色从深到浅色的灰度值 B 值分为 10、14、18,是不是朗朗上口。应用的层级虽然和官方规范一样使用了三级,然则 设置和官方的不合 。

如何评价微信新上线的深色模式?来看总监级的剖析 !

然后再看看其中使用的其它配色,其中主色坚持 了不变,其它应用到图标色彩,都进行了明度的调剂 ,比如 下图案例。

如何评价微信新上线的深色模式?来看总监级的剖析 !

再看看文字的用色,也是纯灰色,题目 使用 B:85,正文使用 B:65,注释使用 B:35(主要用色)。

如何评价微信新上线的深色模式?来看总监级的剖析 !

而官方使用的文字色彩中,却并不是纯灰色,除了第一级的白色以外,其它灰阶的文字是由带有蓝色色相的色彩通过降低透明度来涌现 的。

如何评价微信新上线的深色模式?来看总监级的剖析 !

对中性色增加蓝色色值是一个通例 操作,可以让这种灰色看起来有一点活力,不会像纯灰色那么单调,不过 这次微信明显在文字的应用上更保守,一点色相也没有给。

为什么微信色彩另辟蹊径


这次微信被年夜 面积吐槽的,就是颜色的应用上和官方的规范不一 致,作为从业人员直接开喷是相当不专业的(最起码要先走个形式),这就是我要剖析 的重点了。

要说微信的 UED 团队,专业性肯定是国内最顶尖的,你们网上所有看过有关交互的办法 论、可用性测试的分享, 他们肯建都 有做过,并且 执行得更专业。

直接用官方规范的黑底白字模式,微信团队弗成 能没有出过这样的计划 。但很明显,这个计划 最后被毙了,上了我们看见的这个版本,虽然不知道以后会不会变。

再看看下面官方发的一条微博。

如何评价微信新上线的深色模式?来看总监级的剖析 !

其中已经提及了,是和苹果 「配合 探索」 出来的计划 ,这是异常 耐人寻味的。也就是说,这个不消 官方的模式是苹果团队也通过的。

那么为什么要做的不一 样呢?没有内幕消息,就依据 自己的经验来判断一下。

我自己认为的一个异常 重要的原因,就是对于 「夜间模式「 的兼容。前面不是讲暗黑模式和夜间模式不一 样嘛?为什么微信的暗黑模式又去兼容夜间模式了。

这里面有几个小彩蛋,首先就是官方对深色模式的态度,在我看来越来越暧昧 了。比如 在显示与亮度设置页面里,有一个自动设置外不雅 —— 日出前坚持 深色外不雅 的功能 。这样,就等于默认将深色模式和夜间模式挂钩。

还有,如果曩昔 我们没有整理 iOS13 的翻译,就不会发明 ,上面我们展示的那句专注于内容的解释,现在在官网已经被删失落 了(你品,你细品)。

再说关于用户认知的问题上面,在 UI 群体中,能了解暗黑模式和夜间模式是不一 样的可能就只占 10 分之一,那么对于普通用户来说,这个情况就更不乐不雅 ,能有 1% 的用户了解这个概念就不错了。所以,绝年夜 多半 用户会直接认为暗黑模式就是夜间模式。

如果暗黑模式直接当成夜间模式用,在深夜的环境里,不雅 感会特别差,因为 —— 明暗比较 度过 高。

如果在黑底中直接用白字,那么可以说屏幕的文字和配景 的比较 度就是 100(HSB中 B 的差值),在一个漆黑的环境中会异常 应验 「让内容脱颖而出」 的效果,刺激性会异常 强烈,文字将变得异常 尖锐,比如 QQ 暗黑模式,年夜 家可以在被窝里打开下面这张图感触感染 一下。

如何评价微信新上线的深色模式?来看总监级的剖析 !

新的深色模式版本中,文字和配景 的比较 度基本控制在 50 左右,降低了一半。

并且 ,中英文字形在正负形上的差别 (简单理解就是中文笔划更庞杂 ),这个感到 会更强烈。比如 我们用一个"大众号页面举例,使用纯黑底白字,采取 相同字号的中英文,看看显示的效果。

如何评价微信新上线的深色模式?来看总监级的剖析 !

还有,纯黑配景 色和白色的比较 度,会依据 屏幕的类型和参数不合 而有不一 样的感触感染 ,比如 苹果从 X 后旗舰机型使用 OLED 屏幕,纯黑色区域将不会发光,进一步扩年夜 比较 度,使得文字变得更尖锐,更让人难以接受。

如果不是使用 OLED 屏幕的同学光看一个案例可能很难受,所以我们用纯黑的案例来比较 一下现在的状态。

如何评价微信新上线的深色模式?来看总监级的剖析 !

是不是发明 明显在夜间的情况下黑白模式并不如另一个模式看起来舒适?而这种不舒适的差别 并不会随着屏幕亮度降低而变更 。

所以色彩并没有相符 官方的原因,我的判断就在年夜 环境中无法割裂夜间和深色模式的区别,同时也要让深色模式更适应夜间环境,做出了调剂 。而又因为它不是真正的夜间模式,所以比较 度也不克不及 像 QQ 之前的夜间版本一样将整体环境完全压暗。

你看,真是一个让人矛盾的进程 ……

为什么深色模式姗姗来迟


最后再简单讨论一个问题,为什么深色模式来得这么晚。很多用户一直嘲讽,不就是换一套皮肤的事嘛,为什么就是不上线。

外行可以看热闹,然则 如果是从业人员就应该知道,微信这种体量的应用,上线深色模式绝对不是一个异常 容易的事情。

适配黑暗模式首先需要使用苹果新的 iOS 13 SDK(开发者对象 )进行编译,等于应用中有年夜 量的代码需要调剂 ,而这种升级调剂 的结果还会导致沉重 的测试压力。有经历过 Darkmode 开发的团队应该都知道这绝对不是改改颜色就能上线的皮肤。

再看到知乎另一个回答中提到的:

另一方面点年夜 家随便听听。使用 iOS 13 SDK 之后,Apple 要求 VoIP 推送必须 使用 CallKit,不然 应用法度模范 会被终止。而由于众所周知的原因,CallKit 在中国年夜 陆是无法使用的,这样的修改 会降卑微 信语音德律风 的体验。

原文地址:https://www.zhihu.com/question/378027349/answer/1069072154

再者,抛去年夜 量用户体验调研相关的工作,微信整个生态对于暗黑模式的不友好可以说是无解的。比如 说"大众号,有年夜 量"大众号内部的题目 、朋分 线、引用语句是用图片做上去的,而图片还用的是白底(透明底黑字的也有),于是现在就产生 了灾难性的阅读体验。

比如 我的"大众号:超人的德律风 亭,其中文章展示的截图。

如何评价微信新上线的深色模式?来看总监级的剖析 !

并且 因为"大众号发出去是不克不及 修改的,只能删除,那么这部分 存量文章将无法更改,体验也无法扭转。并且 "大众号还支持文字色彩等自界说 ,那么你在白色配景 下添加的颜色,可不会直接适配深色模式,尤其是官方也弗成 能轻易直接给你们 「适配」 失落 。

而在夜间模式,正常拜访 的文章网页,也和"大众号会很像,然则 打开以后是白色配景 的话,统一的体验在哪里?

如何评价微信新上线的深色模式?来看总监级的剖析 !

再者还有小法度模范 ,小法度模范 虽然也可以通过微信官方提供小法度模范 的深色模式适配文档,对应的 SDK,然则 小法度模范 不是 APP,其中有年夜 量小法度模范 开发后是缺少维护的。

因为线下门店通过外包方做好一个小法度模范 上线以后,没特殊的原因不会直接去更新它,那么这部分 小法度模范 的升级适配无从谈起,会涌现 打开小法度模范 一个白一个黑的窘境。

最后,再讲一个微信里最高频使用的功能 —— 发脸色 。深色模式直接造成年夜 量自界说 脸色 报废,无法正常显示的问题,比如 看看下面我自己发的脸色 。

如何评价微信新上线的深色模式?来看总监级的剖析 !

前面提到的,都是不克不及 解决的问题,这就是做深色模式的挑战,因为用户 UGC 内容是弗成 控的,官方弗成 能通过算法直接帮用户强行 「适配」。

而这些,就是做深色版的难点。

总结


以上总结内容多半 为主不雅 剖析 ,纯粹 站在 UI 设计师角度进行专业解读,不带入小我 立场。而一定要我自己评价的话,那就是 :赶紧把这模式给我移除!!

再顺便提一点小感触 ,一个有数亿用户的产品 ,每一个小调剂 分量都不轻,都要慎之又慎。同时,你做的每一个决策,都意味着要站在其中一部分 用户的对立 面,因为你满足不了所有用户的需求。所以,这就是设计师的压力与挑战。

鲜花

握手

雷人

路过

鸡蛋

最新评论