黑暗的用户界面。 好和坏。 该做什么和不该做什么。

设计产品的外观和感觉是设计师的主要职责之一-初始设计决策必须适合产品的用途,特定的情况及其听众。 配色方案将产生持久的影响,必须仔细选择-所有这些都始于选择放置设计元素的背景-“画布”。通常,默认情况下,通常选择白色背景。

选择明亮的背景有充分的理由。 对比度,文本和可读性以及使用各种微妙颜色的能力就是其中一些。 根据许多科学研究,最佳可读性要求在白色背景上使用黑色文本。 品牌宣传也可能会影响决策,因为公司徽标和颜色不适用于深色调色板。

大多数研究表明,浅色背景上的深色文本优于深色背景上的浅色文本,即,它更易于阅读。 在一项著名的研究中,当受试者在深色背景上阅读浅色字符时,与浅色背景上的深色字符相比,“视觉疲劳”要大得多(Bauer,D.,Bonacker,M.和Cavonius,CR 1983)。

还有一种期望 :人们习惯于在与图像一起呈现的白色背景上看到用深色墨水渲染的各种内容。 想想报纸和杂志-已有350多年的历史了。 再往前走-到旧石器时代三万五千年前(穴居人时代),我们发现狮子和猛mm象的洞穴图画通常放置在浅色背景上,并用木炭或燃烧的骨头来描绘。

法国Chauvet洞穴中的三万年前史前绘画

尽管如此,当一个项目需要保证时,当今的数字产品设计师可能出于多种原因选择使用深色方案。 如上所述,这通常是一种美学选择,意在传达戏剧性和引起情感-这是出乎意料的事情-或者也许设计师希望将设计与品牌融合在一起或确保视觉内容脱颖而出。

对于Apple TV,Apple的站点切换到黑暗的UI可获得戏剧性的效果,因为它的使用通常与夜间娱乐有关。

但是,如果设计师选择跨越“黑暗面”,他们将面临许多挑战。 各种可用性问题都在起作用-主要与可扫描性,可读性和对比度有关。 要考虑的主要方面是文本和背景之间的足够对比。 还必须考虑上下文(用例)和环境,以及可能在其上查看UI的设备。

百年灵决定在黑色背景上使他们的手表设计脱颖而出。

一些黑暗的UI旨在最大程度地减少“数字眼睛疲劳”。随着数字技术的发展,我们在一天中的大部分时间都盯着屏幕。 数位眼疲劳是一种常见病,每天都会影响数百万人。 从过度使用计算机到定期暴露在强光下,它都可能引起头痛,颈部疼痛,视力模糊和灼伤/刺痛眼睛。

甚至有诸如计算机视觉综合症(CVS)和“眼部不适”之类的问题。根据一项研究,超过83%的美国人每天使用数字设备的时间超过两个小时,其中60.5%的人报告他们遇到了数字眼睛的症状应变。 (眼睛曝光过度:数字设备困境。)

无风险审判,仅在满意时付款

企业对企业的SaaS产品和多媒体编辑应用程序已连续使用了多个小时。 许多产品均采用深色主题的UI设计,以减轻眼睛疲劳,并支持视觉清晰度。 但是,这种方法需要对设计方向进行仔细的前期评估。

彭博资讯iOS应用程式(作者Jeremy Fuerst)。

大多数开发人员使用带有颜色编码语法的黑屏来减少眼睛疲劳。 正如Toptal开发人员Kevin Bloch所说的那样:“黑色背景可以减轻眼睛疲劳,并使自动颜色编码更易于阅读,一目了然,从而使编码速度更快。”

顶级开发人员Amin Shah Gilani补充说:“我个人将我的深色主题用于代码编辑器。 我更喜欢深色主题,因为较暗的背景会使眼睛感觉更舒服,尤其是因为我要么希望保持灯光昏暗,要么在晚上工作。”

顶级开发人员Atom Shah Gilani的代码编辑器。

游戏应用程序用户界面也倾向于深色主题。 黑色的调色板更适合游戏环境和玩家进行游戏的环境。 黑色背景设计增强了醒目的视觉效果,引入了神秘感,具有更好的对比度,并支持视觉层次结构。

大多数与娱乐相关的用户界面(智能电视,游戏机以及电视和电影应用程序)倾向于具有深色主题的用户界面设计,这是有充分理由的。 大多数与娱乐有关的活动都发生在晚上,从6-10英尺远的地方观看,并在光线昏暗的房间中观看-换句话说,屏幕与环境相匹配。 此外,色彩丰富的内容(例如,封面和促销)在深色主题的UI上非常引人注目。

在Toptal设计博客( www.toptal.com) 上了解更多 信息 >>


无风险审判,仅在满意时付款