诺基亚主题模式|深色模式:你说的黑是什么黑

诺基亚主题模式(深色模式:你说的黑是什么黑)诺基亚主题模式|深色模式:你说的黑是什么黑

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


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


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

但是等到GUI出现之后 , 界面就变成了白色;除了视觉上的变化 , 在交互上 , 其实GUI和命令行最大的设计上的区别 , 是产生了“容器”和“空间层级”的概念 。
诺基亚主题模式|深色模式:你说的黑是什么黑

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



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



3. 让人无法接受的深色模式:Windows高对比度模式在Windows推出了相当长的一段时间里 , 黑色界面就不再出现了 。
但是准确的说 , 实际上保留了一个主题功能;这个主题可以让用户设计用户界面的配色 , 从比较早期的Windows开始(忘了具体是哪个版本) , Windows保留了高对比度的主题 。
诺基亚主题模式|深色模式:你说的黑是什么黑

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

【诺基亚主题模式|深色模式:你说的黑是什么黑】

诺基亚主题模式|深色模式:你说的黑是什么黑

它从来没有真正流行过 。但是可以看到 , 微软的设计师心中 , 也许还是为黑色主题留了一块位置的;结果过了一段时间 , 他们果然找到了方向 , 在一款不入流的MP3上线实验了 。


4. 深色中的曙光:Zune UI在10多年前 , iPod以及其夸张的流行度横扫全球的时候 , 曾经冒出来各种“iPod杀手”;但是这些大多数都是噱头而已 , 并没有真正的对iPod造成影响 。