原文链接:https://mp.weixin.qq.com/s/7527KMkjp3X2wl4Cj8_MwQ

近一年,随着iOS和安卓陆续支持了深色模式,各个团队的一通操作,也的确为用户带来“眼前一黑”的体验。深色模式也成为了前阵子业界最火的话题之一。只是当设计师看了无数的关于深色模式的讨论;当无数产品跟进上线了深色模式;再当无数App的深色模式被骂的改了又改,回头来看看,你说的黑,到底是什么黑。

Chapter 1 我所经历过的深色模式

虽然说,我真正开始做UI设计是近年,但是曾经还是体验过很多深色模式的界面的。甚至有很多产品,天生就是深色模式。可以发现,史前的深色模式,要么是因为技术原因,要么就一些对注意力和对比度需求比较特殊的场景,还有可能是因为...微软的Geek们一些对深色的一些蜜汁执着吧...

故事的开始其实都是深色模式:命令行界面

啥?这也算深色模式?你说的对。要说深色模式是个近年来才进入我们视野的话,其实深色模式真的是一个古老的东西,甚至比现在大行其道的“浅色模式”历史更悠久,所以,这个深色模式,要追溯到什么时候呢?大概就是这个时候吧。毕竟那个时候,CRT显示器要不就是黑屏,要不就只显示白点,那只能这样了。

但是等到GUI出现之后,界面就变成了白色。除了视觉上的变化,在交互上,其实GUI和命令行最大的设计上的区别,是产生了“容器”和“空间层级”的概念。

不得不说,GUI真是一个伟大的发明呀。可是界面层级的问题,在白色界面下得到了很好的解决,这个也恰好是今天在做深色模式的时候,界面上最大程度被削弱的信息部分。既然有一个“容器”,那必须得有个底,而且大家都习惯于白纸黑字,所有的界面都变成了白色了,好像白色会给人一种更加被“包装好”的感觉。从此以后黑色界面的时代就过去了,只存在于黑客电影中。而电脑,也逐渐成为了“白色家电”,和GUI设计的风格融为一体。

移动深色模式的先驱:夜间手机阅读器

2G时代,当PC正在白色UI上一去不复回时,移动端似乎在深色模式上找到了属于自己的场景:夜间阅读。UC浏览器 / Opera / Zaker / 各类信息流阅读器。因为在低光照下需要保持低对比度来护眼,所以陆续推出了深色阅读模式。这也是深色模式在GUI时代第一次走进了大众的视野中。

让人无法接受的深色模式:Windows高对比度模式

在Windows推出了相当长的一段时间里,黑色界面就不再出现了。但是准确的说,实际上保留了一个主题功能。这个主题可以让用户设计用户界面的配色,从比较早期的Windows开始(忘了具体是哪个版本)。Windows保留了高对比度的主题。

(虽然这个效果真的...没办法接受)可能也是因为没怎么走心吧...也可能它只是一个高对比度模式,微软对于容器和控件层级的解决办法,就是通过白线来分割...虽然看起来非常没有质感,不够优雅,但是的确能解决问题。