适配黑夜模式_微信推送正式版更新,但这个黑暗模式,你是认真的吗?

就在昨天,微信正式更新。

774b59d00a66c1183eaf6743b74e430a.png

没有意外,这次更新的重点,是深色模式,也就是机哥常说的黑暗模式,终于结束内测,正式向所有用户开放。

黑暗模式的功能介绍,机哥之前写过好几篇。今天不再重复,来聊点更有意思的。

机哥注意到,随着iOS版、安卓版陆续解禁黑暗模式,微信,又被骂了。。

而被骂的,正是这个黑暗模式。

4adf3ef6852be47e493263a02db4d5eb.png

划重点,微信变成黑暗模式后,看不清字,更费眼睛。

0fed9c01d1dc0435842eb5718e27042b.png

用过黑暗模式的机友,估计都会发现:这模式下的微信,文字是灰灰的,背景也是灰灰的。。晚上关灯看,还行;有灯有日光时,不太行。

在机哥做深入讲解之前,有必要先看看,iOS和安卓,系统级的黑暗模式,本来是什么样。

b8d5be7f719cce7defc65a1dbe2966ac.png

左边是iOS官方效果,自带软件iMessage的主界面。机友们看出区别了吗?官方效果,明显很黑。。

没看出来的盆友,机哥强烈建议你们,先关掉黑暗模式,再来看。因为,微信黑暗模式,会对这种图片动手脚。具体下面讲。

再康康安卓系统的。

064c9e2fe07df5ffeba4d62ea7d09b49.png

左边是系统短信界面。区别就是那么明显,看不出来的盆友,务必退出深色模式再来。

不论iOS或安卓,其黑暗模式,都真的很黑。而微信的黑暗模式,更像是:灰暗模式,或者,灰色模式。。

这让机哥想起,很多年前流行过的,蓝光过滤App。当年技术还不发达,手机过滤蓝光,主要就靠,给屏幕叠加一层灰灰黄黄的显示。

2ef9c10c266b7ef9e963f8428659d459.png

这画面,让机哥感觉,微信是不是在做黑暗模式的时候,顺手,把护眼模式,给加进来了。。

说到这里,机哥想请大家摸着胸肌想一想,平时开黑暗模式,到底为了啥?

省电?护眼?或者我就是喜欢黑色?

3a7f3852a176a8cb2412498c3c985749.png

但是,机哥说但是吼。

说护眼的盆友,你来一下。苹果或安卓官方,根本没有提过,黑暗模式能护眼。。

要护眼,iOS和安卓,都有单独的,护眼模式。

d25068af02e5c4c01ac5bd698fb23ec2.png

黑暗模式,黑底白字,对应我们平时看的白底黑字:以黑色为主色调,大幅度减少白光,阔以减少光线对眼睛的刺激。但这不意味着,App 的阅读效果,需要大打折扣。

良好的阅读效果,就是读起来不费劲,这主要通过,较高的颜色对比度来实现。

苹果官方的设计指南说,应该“使用强烈对比的颜色以提高可读性”。

dd851e2b486ff7fbf61f04097461d935.png

强烈对比度,就是底色和文字之间,要有很大的反差。

咱们仔细看看微信,背景偏灰,再搞个灰色的字体,晕。。

72eb97cd458bd4b98d9acac979219b3a.png

特别是朋友圈的评论,灰上加灰,用多了会怀疑视力。

f5a8c8772ddf23bd470076ae754c8c65.png

而且,对机哥发出致命一击的,是用微信看文章。文字看不清也就算了,连图片也。。

开着黑暗模式的机友,你们先看看这张图:

ccef4f13a774dfd7dd0ec983c67ba998.png

大声告诉机哥,你看到的是什么颜色?然后,你再点击这张图片,单独欣赏下,看到的又是什么颜色?

机哥实测,文章中的图片,全都会被微信,自动、强行、蒙上一层东西:

beea0173990cd5d62f90cd278ee2d59b.png

而且没有意外,所有图片都中招。这就相当于,你自戴墨镜,在看机哥文章。。

也正是这种处理方法,让机哥怀疑,微信是顺手做了护眼模式。蒙一层东西嘛,这招很多年前就在用。

So,爱看手机评测的机友,注意啦,你在黑暗模式下看评测,看到的手机拍照样张,全特么是假的。

精挑细选的聊天背景图,同样受到波及。

541547f2ce1efe86c6b7836916ea1b3a.png

表情包、发图片的体验,都不好。

91005363e87f8356a7d62451259428d0.png

以上种种,夜里关灯看还行,稍微亮一点的环境,看微信会变得,反而比之前更加费眼睛。

有必要先做个调查,机友们的手机,会一直开着黑暗模式吗?无论白天黑夜。

机哥反正是一直开着的,不为别的,要酷炫。有不少网友,其实也是这样。

748e17609d556456be88a3806a8f4dbe.png

因此,一个能在白天黑夜都能看清字的黑暗模式,太重要啦。

那么,怎样才是黑暗模式的正确姿势呢?

其实,iOS和安卓官方,都有专门的黑暗模式设计规范。

d341e1c9a6724e183ce9532eb30f4d43.png

以 iOS 为例,机哥看了下苹果对「Dark Mode」的设计指引。苹果要求 ,App 在设计黑暗模式时,应该“首选系统颜色”

d61f3fd0179843d7f323fb6a15c78fec.png

文字有点绕,直接看苹果官方的示例。

43c7e3d23c879e1fab9e141f047bad41.png

示例也不太好懂,机智如机哥,直接拿iOS系统级应用,给你们康康。

同样的操作顺序,戳进某个对话框 → 看聊天文字,iOS 自带的 iMessage,给微信做了优秀示范。

37bd8722195d0593fcb2b752ebff5e33.png

第一,用纯净的黑色,做背景色。

57cd1b17c7181e6fe16b2137e0d867c0.png

第二,拉开背景和文字的对比。

具体到每一条消息,iMessage 的配色对比度都比微信要高。也就是说,在微信那边更难看清字。

7bdd2434538325497ea5f0f0c46dbe84.png

经过取色对比,iMessage 配色对比度是 15。

55d81865ec1221b0b48817bca47980ea.png

微信对话框的对比度是 12.7 或 9.4,都比 15 要低。

79d10e47e31a8f798c38469367a88272.png

所以说,微信在黑暗模式的搭配上,还得再琢磨琢磨。

当然,其他国产 App,也都没遵守官方设计规范。

5e60df9da2a7f0e568d83c650fa169c6.png

基本上,都是灰蒙蒙的。既想做黑暗模式,又想做护眼。。然而,这世上哪有什么两全其美。

机哥心里,做得好的黑暗模式,当属 Windows Phone。

2e1d84831893efb09bb63783808b560d.png

即使 WP 版微信,也是够黑,够白,对比度杠杠的,完全不会觉得灰蒙蒙、字不清。

小时候都能做到的事,长大后怎么反而不行了呢?

66e7ee38fb6853d670b82656546c4251.png

只能说,微信现在,真的太大了。用的人越多,要顾虑的,就越多。现在这个黑暗模式,从去年起就开始内测,测到今天,才正式对所有用户开放。

而且,微信的功能,实在太多。这么多页面,这么多使用场景,要来适配黑暗模式,真的很难。

虽说现在这版本,灰蒙蒙的东西有点多,但是:

2bded969fa1f74fae84f4e2ea633fe75.png

至少,喊“晚上亮瞎”的人,少了很多。

当然,机哥还是希望,微信能继续优化下。尤其是,别那么激进地,把所有图片都搞成“护眼模式”。

因为,机哥真的会发很多手机拍照样张。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值