认识达内从这里开始

一般情况下我们在选择色彩的时候，大部分是选择一些亮系色彩来作为背景使用的，但是随着设计趋势和场景的变化，现在深色系也成为了设计师的选择方向之一，下面我们就一起来了解一下具体情况吧。

许多设计师会在选择配色方案的时候，会使用浅色的、明亮的背景色彩。其实，大众和设计师的这个倾向是有科学依据的。在白色的背景上使用黑色的文本，可读性是佳的。在不同的测试和研究当中，浅色背景上的深色文本，比起深色背景上的浅色文本，阅读性更强。在一项著名的研究当中，受试者面对深色背景阅读浅色文本的时候，视觉疲劳的现象表现得更加明显。

而如今，许多 UI界面的设计并没有一直遵循这种规律。一方面，采用深色系的设计风格，只要确保对比度，本身的可用性和易用性并没有太大的问题，另一方面，这样的设计在美学上也有着独有的优势，让界面呈现出一种独特的戏剧性，同时还能让一些品牌拥有更加有趣和引人入胜的视觉。

其实，选择深色系的 UI设计，本身是为了帮助现代人缓解数字产品所带来的视觉疲劳(之前的实验是做的深浅两种色彩下的单纯定量对比)。随着现代人对于数字内容的日渐沉迷，每天都会花费大量的时间看屏幕，而屏幕和数字内容所带来的视觉疲劳，不可避免地大幅增加。数字视觉疲劳如今已经被定性为一种常见病了，每天都会有大量的普通人受到这种病症的困扰，因为视觉疲劳所带来的并不只是眼部的不适，还伴随着头疼和颈部疼痛，眼部的症状则呈现为视力下降，视野模糊和灼伤感、刺痛感。

适合使用深色系 UI 的地方

绝大多数涉及到娱乐的 UI界面，大都会有一定的倾向使用深色系主题，无论是智能电视、游戏机还是电影类应用，这其实不仅仅和对比度有关系，它和用户的日常使用环境和时间也有着极深的关联：绝大多数的娱乐活动都发生在晚上，并且大家会愉悦地享受相对昏暗的房间环境。丰富多彩的视觉内容，也同样会在深色系的UI 上显得更加炫目。

不适合使用深色系 UI 的地方

大量的文本内容不适合在深色系UI 中展示，而只有简单的文本内容，强交互性的信息，视觉化的元素，才是它的佳搭配。为了确保整体的用户体验，必须确保对比度和可读性，因此如果数据量和内容类别太多的 UI，也很难使用深色系UI。设计师真正要做的工作并不是单纯的更换配色，否则大量文本和多属性强内容的界面，会被深色系UI主题给毁掉。

深色系 UI 的设计注意事项

需要强调的是，深色系UI 在具体处理的时候，要非常的小心。设计师不应该单纯的为了做的不一样或者为了复制某些配色而使用深色系的配色。深色系的UI 应该是正确的决策流程之下(考虑用户需求、使用场景、内容和设备等)作出的决策，有充分的理由而非凭感觉或者主观倾向。这是一个很微妙的设计决策，因为它有很多优势，但是陷阱和它的优势一样多。

在以下情形下可以使用深色系 UI：

单品牌配色和深色系UI 一致的时候;

当布局内容稀疏、极简且元素类型较少的情况下;

当 UI 的使用环境和需求合适的情况下，比如夜间使用，或者明显的娱乐向;

当使用深色主题是为了减少视觉疲劳的时候;

为了创造引人瞩目的戏剧性视觉效果的时候;

为了营造奢华感和高级感的时候;

当产品的信息架构和视觉层次支持的时候。

在以下情况下要尽量避免使用深色系 UI：

当有很多文本内容的时候;

当屏幕上有很多种不同的 UI控件的时候;

当界面中包含大量的表单的时候;

当界面中涉及到大量不同的色彩的时候。

节选：优设

【免责声明】本文系本网编辑部分转载，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题，请在30日内与管理员联系，我们会予以更改或删除相关文章，以保证您的权益!