科技有意思 | 黑黑黑黑黑黑黑黑暗模式

  • 发表于: 2020/03/24 09:32:00 来源:车云网

人机交互是门学问,用户和张小龙们少了谁都不行。

不知从什么时候,手机上的黑暗模式成了系统的标配。

本来这只是系统中的一个功能,现在经过从iOS 13系统的终于支持、苹果督促包括腾讯在内的开发者尽快适配,到一直不支持黑暗模式的微信也答应尽快开发相关功能,说得多了好像变成了一个必需品,不少用户开始天天盼星星盼月亮一遍一遍刷着等待更新版本。

终于,微信更新了。

黑暗模式是什么?

我们这里所说的黑暗模式(或深色模式),并不是什么针对用户的隐藏功能或是欺骗手段,而是在手机、电脑上以深色背景为主题的颜色UI搭配模式。这在早年间,也就是个QQ皮肤的概念,怎么就上升到了系统级的全民功能。

要说起这所谓的黑暗模式,在我们当下都在使用的图形界面之前,是计算机显示屏上的常态。看过《黑客帝国》吧?小时候见过DOS吧?那会儿的显示器只支持单色显示,就好像一块方形霓虹灯,只能在黑屏上显示单色字。直到后来彩色CRT显示屏和图形界面操作系统,苹果率先使用了白色底色作为背景,慢慢就演变成了我们现在看到的桌面。

现在人们为什么又反过头想要回到黑色背景了呢?原因很多。

比如说以深色作为背景可以让色彩显得对比度更高,对于不同颜色的区分会更加明显,比如股票交易图中各种不同颜色的指标参数、程序员的代码中用各种颜色标注的语法,都在暗色背景上可以更显眼。

在色彩心理学中,黑色会向人们传递出高端、正式、名望等感觉,深色背景下的彩色点缀会让人觉得设计效果更加优雅、高级,所以黑色以及黑白相间也一直是永久的流行色。

对于我们日常的手机、平板这些智能设备来说,黑底的应用自然可以让我们这些夜猫子在晚上玩手机的时候不会刺瞎狗眼,像车云菌这种崽儿编,晚上写稿的时候也能找到更多憋稿子的灵感。有人还说这对眼睛健康有帮助,这个咱车云菌就不知道了。

而另一个吸引我们的是黑暗模式下更省电。这主要是针对OLED屏幕来说,由于发光原理与LCD屏不同,OLED屏的自发光特性在越暗的地方就越省电,所以把整个背景换成黑的自然可以省不少电,有国外科技同行做实验得出了30%的结果。所以,现在越来越多的应用开始适配黑暗模式,几乎涵盖了大部分国内外主流应用。

从车云菌的个人经验来看,看惯了白底的UI,再看经过重新设计后的黑色主题,自然是新鲜的。至少从iOS 13更新以来,车云菌一直在系统和支持黑暗模式的App中使用。而且虽然苹果官方的“这是一种戏剧性的新外观,可以帮助您专注于工作,以及营造一种无干扰的环境”说辞显得有点扯,不过在黑底下重新设计的UI确实也让人感到一定的独特。

有了这么多的烘托,但骄傲的微信却迟迟不适配黑暗模式,这猛然间从别的应用切过来感觉就像奥迪的大灯,这让一心期待的用户们急得想亲自去找张小龙。原因众说纷纭,不过这些都已经不重要了,微信现在终于“改邪归正”在iOS上的7.0.12版本推出了“深色模式”,可以跟随手机系统变化。

黑暗模式适合车机吗?

第一个支持黑暗模式的微信版本的体验网上众说纷纭,我们就不多说了。但由此,我们想到现在被称作是“第四屏”的车机屏幕上,似乎也面临着类似的问题。在车企们越来越重视车内智能化体验的今天,我们可以看到更大更多的屏幕、越来越有设计感的UI设计。黑暗模式显然在手机上已经有了众多的拥趸,那么车机屏幕呢?

我们捋了捋目前主流品牌的大部分产品,从自主品牌到豪华品牌,发现大部分车企在车机原生系统UI的设计上都是以深色为主的,包括理想、蔚来、广汽、上汽、吉利、通用、马自达、丰田、奥迪、宝马、沃尔沃、林肯等等等等。

少数为白色底色背景,比如拜腾、特斯拉、小鹏,还有像路虎这样有深有浅的,比如极光是白底UI、揽胜就是黑底UI。

从上面我们梳理的结果来看,很明显,现在车企们在车机系统UI上已经不约而同选择了黑色或深色作为背景色,包括现在两大“投屏”系统——Carplay和Android Auto,也都是选择了黑色背景。

所以相对来说,相当于车机本来显示的就是黑暗模式。车机为啥就这么未卜先知地早就用上黑暗模式等着我们了呢?

最早的简单原因是,因为大多数车辆内饰的颜色都是以黑色和深色为主,所以中控上的屏幕也用相近的颜色才不显得突兀,而且搭配屏幕周围黑色的玻璃面板,可以隐藏屏幕的边缘,扩大视觉效果。

进一步说,车机屏幕和手机屏幕在使用场景上自然是不同的。手机主要以室内或室内外结合为主,而车机则基本上在室外的道路上,再加上出于驾驶安全的考虑,车机上的显示内容需要有更明显的辨识度,可以让人一眼便知,黑色背景相对更合适。而且有调查显示颜色太亮除了会让我们眼睛发干之外也会影响褪黑素的分泌让人昏昏欲睡,这也是为什么即使有点low,现在许多液晶仪表盘还是会在背景里加上蓝色来帮助我们保持注意力。

怎么才是舒适地“黑暗”?

那么已经是黑暗模式的车机到底好不好、合不合适呢?目前大多数品牌都这么干了的事实已经在一定程度上说明了问题。不过这还不够。怎么才算一个好的黑暗模式。

正如我们前面所说,深色背景的UI设计可以更加突出对比度、提高视觉辨识感,但最好是在正常光线下。如果在强光下或日照相对充足的地区,深色背景可能会受限于自身颜色和亮度反而会让人看不清。同理,浅色背景同样在夜晚也有类似光污染的问题。

所以,我们也就见到了目前许多车机界面都提供了主题、模式的自定义,或至少白天/夜晚模式的切换,通过手动、日出日落时间、大灯的开关或光感设备自动调节车机界面的背景色来达到更好的视觉效果。因此,好的车机UI最好可以支持自动或手动调节浅色/深色模式,尤其包括那些车机主界面就默认是地图的系统。

当然, 好的黑暗模式自然不是简单的颜色反转或是替换背景而已,而是需要根据深色背景重新调整字体、重新设计图标颜色搭配、利用深浅灰色打造有层次感的背景等等。比如无衬线字体在深色背景下就比有衬线字体要更有可读性,字体和图标之间要更注重留白和尺寸的讲究,降低原本颜色的高饱和度或对颜色进行蒙版处理以降低视觉影响。

这一点,谷歌在材料设计的指导中给出了几个示范性的原则:

- 不要使用 100% 黑色

- 使用不同层级的黑色和阴影来体现层次感

- 在黑暗模式下更换原先的颜色

- 创建一个新的,黑暗模式下的调色板

- 少量使用颜色避免花里胡哨

- 确保有足够的对比度

另一种思路是不采用单一的背景颜色,比如福特现在最新的SYNC+系统,在背景色上采用上深下浅的渐变色,在视觉上采取一种折中的办法,效果也还不错。但颜色变化最好是单色的渐变,而不是一些背景图案,过多的线条和色块有时会更加干扰视线。

而面对越复杂的色彩区域,想要适配黑暗模式就越困难,尤其是面对路况实时变化、驾驶安全第一的车机来说。为了减轻工作量,我们也可以利用“语义化颜色”来改变UI。简单来说就是根据用途来描述各个元素UI,而不是单一的具体颜色值,这样可以有更高质量的效果,还可以大大减轻背后的代码工作量。

不过无论是深色还是浅色、黑暗模式还是光明模式,其实都不重要,最终肯定还是要为用户服务,只要做得满足视觉要求、足够好看,就肯定不是个差UI。随着座舱内部智能化和人机交互的进一步发展,我们相信在视觉呈现上一定还会有更多更高级的玩法出现。

车云小结

其实微信的这个黑暗模式在内部很早就已经开始开发测试了,也并不就是因为苹果的敦促加上用户在微博上的各种喊话。所以,其实人家做软件的有自己的一套思路在,我们作为使用软件的用户也不必替别人操心。同样的,我们在探讨车机的时候,主机厂的研发人员也在按自己的节奏推陈出新,我们能看到的往往也只是待发布的众多新功能的冰山一角。

人机交互是门学问,用户和张小龙们少了谁都不行。

  • 车云星
  • 空间站
  • 福特星球
  • 虫洞

加料 /

人评论 | 人参与 登录
查看更多评论
篇文章