APP全新的「暗黑模式」,设计的难点在哪?

随着 YouTube、Instagram、Whatsapp 以及 Facebook Messenger 等热门程序提供了对应 iOS「Dark Mode」深色模式的主题配色后,Facebook 也终于正式迎来改版。

在3月22日,微信iOS版7.0.12也正式发布,其中最大的更新就是上线了对深色模式的支持。

作为一名多年从事用户体验和研究工作的人来说,这种设计有什么意义?设计的难点在哪?这篇文章将带你一起以比较通俗的方式了解。

APP全新的「暗黑模式」,设计的难点在哪?

Dark Mode目前是一种新的潮流设计语言。它被翻译成了深色模式,也被叫做暗黑模式。也是这两年微信用户呼声最高的功能之一,不过 iOS 和 Android端去年才开始适配深色模式。与轻量级的应用对比而言,像微信这种拥有数亿用户的全面APP,在对待“暗黑模式”的更新迭代上,似乎更加的慎重。

微信之外,更多的国内APP为何还没有支持Dark Mode?这种模式设计的难点在哪?

备受推崇的暗黑模式,为什么这么流行?

YouTube、Instagram、Whatsapp 、 Facebook Messenger Slack、Chrome 等软件都已经支持“暗黑模式”。除了这些应用外,主流的操作系统也都在开始支持这一模式。Mac os和Windows都已经支持了深色外观。越来越多的系统、软件都开始支持的“暗黑模式”到底是什么?为什么能够在全球范围内这么流行?

APP全新的「暗黑模式」,设计的难点在哪?

一.优化夜间阅读体验

手机和其他电子设备几乎已经成为每个人都离不开的工具,而我们在夜间对手机的使用时间和依赖程度更加严重。高亮刺眼的电子屏幕不仅有损伤视力,而且还不利于提高使用体验。

目前虽然不少APP已经支持了“暗黑模式”,但由于在操作系统层面并没有统一的开关,各个APP的Dark Mode开关位置不同,在打开和关闭的时候,从深色的界面到刺眼的白色界面,让用户对产品的体验好感再次打折。

二.省电

当前,不少手机都采用了OLED屏幕,而OLED 屏幕只有一层,像素本身是自发光的。在显示黑色时,OLED 的屏幕像素只需要关闭,就能显示黑色。现在OLED屏幕搭配 Dark Mode,手机就能更加省电。

三.设计观念的改变

Google此前提出过“数字健康”的概念,强调科技产品对使用者本身的影响,应该保持在一个平衡点,不能损伤用户的健康。当我们面对海量内容和各种电子终端时候,尤其是在“风口行业”“新兴产业”等美誉背后,电子产品带来的“数字健康”问题需要我们共同应对。

相信这种更加环保健康的设计观念将会快速的在国内发展,在这种观念之下,国内的各种APP会更加注重对用户的体验和健康。

四.让用户更加专注于内容本身

在数字化内容涌现的今天,我们每天都要在各种软件和网站上花费不少时间。而各大软件为了留住用户也是下了一番功夫,首要目的就是让用户爽!

APP全新的「暗黑模式」,设计的难点在哪?

如果长期在网上看视频,会发现越来越多的视频网站主题都变成了深色。在播放视频时,播放器边框四周还会全部“熄灯”,让用户有一种进了电影院或者在家里关灯看电视的感觉。

这种沉浸式的用户体验就是为了让用户更爽,让用户更加专注于观看内容本身,而不是让周边各种图案、边框和样式吸引掉注意力。

Dark Mode的设计难点在哪?

Dark Mode能在全球范围内有那么流行,并被很多大公司和平台认可,必然有着不少的优点和功能。但为何在具体的应用层面上,实现的速度那么慢呢?

回到问题本身,Dark Mode的设计难在哪?

首先,“暗黑模式”不是简单的将白色背景换位黑色那么简单。通过手机设计,可以很快将手机的背景设计为深色,但会发现如果针对这种“非黑即白”的设计,很容易实现“看起来”像的“暗黑模式”。

APP全新的「暗黑模式」,设计的难点在哪?

但对于界面色彩比较复杂的情况,这样的做法就难以解决实际的问题。以下面这张图片为例,单纯的反转背景之后,图标颜色也完全变了。

APP全新的「暗黑模式」,设计的难点在哪?

很多人会把深色模式与夜间模式划上等号,但实际上两者并完全是一回事。夜间模式主要照顾的是暗光条件下的场景,而深色模式还需要兼顾亮光环境下的使用。

在这个时候,就需要用到一种叫「语义化颜色」的方法来进行适配。所谓语义化颜色,就是不再通过某一色值来描述颜色,而是根据用途来描述,让界面元素可以自动适配当前的外观模式。(解释来自网络,具体原理不在这篇文章中讨论。)

此前的淘宝升级,颜色的适配也是采用了「语义化颜色」的原理。

总的来说,用这种方法来适配“暗黑模式”难度不是太大,但对于比较庞大的重量级APP来说,需要考虑和调节的细节太多,工作量要繁杂的多。

另外,还有一个重要原因,就是国内小厂商一般都会等大厂更新,并且在市场上有一定认可度之后,才会调整适配自家产品。不仅是为了减少风险,更是为了借鉴别人成熟的做法。这也是Dark Mode推行较慢的原因这一。

Dark Mode设计潮流发展带来的影响

Dark Mode的发展要归功于“数字健康”理念的发展。随着科技的进步和发展,各种数字产品的增多,我们每天都要参与在制作和消费数字产品中,而在这个过程中是否能得到健康和良性的发展环境,值得关注。

健康办公的观念早年间就在硅谷的科技公司传播,并发展到国内。这些年大家开始从观念上注重健康办公,从物质上购买人体工学产品来减轻自己在办公中承受的身体张力。现在“数字健康”的观念已经兴起,并且这次的传播力度空前,我们在设计产品和使用产品时,怎么能让科技更有人文关怀,更值得大家研究。


分享到:


相關文章: