认识达内从这里开始

认真做教育专心促就业

暗黑模式颜色搭配都有哪些特点

发布：太原达内教育官网
来源：互联网
时间：2019-06-19 07:44

颜色搭配在网页设计和软件开发中也能够影响到用户的使用体验与感官，下面我们就一起来了解一下，暗黑模式颜色搭配都有哪些特点。

暗黑模式下的颜色适配性

暗黑模式颜色搭配都有哪些特点

“暗黑”并非“全黑”。不要简单地将白色界面底色改为黑色，否则你将无法通过阴影等效果构建视觉层次。

只要对比度没问题，原本配色体系中的主色仍然有可能适用于深色主题，而无需另行调整。

然而将同样的颜色直接用于字色或图标填充色时，问题便出现了。对于这些元素来说，必须降低主色的饱和度，才能确保基本的信息对比度。这种情况下，你可能需要考虑通过其他方式将品牌色(主色)融入到产品界面当中。

其他高饱和度的颜色在适配性上也是类似。以红色元素构成的报错信息为例，在MaterialDesign暗黑模式设计规范当中，谷歌会为常规的报错红色叠加一层40%的白色。这种方式很值得借鉴，可以帮助你非常便捷地改善暗黑模式下的信息对比度。

当然，你也可以通过其他方式来调节配色，只要能够达到提升对比度的目标即可。有一款名叫“Stark”的Sketch插件可以显示两个图层之间的对比度值，让你快速了解配色关系是否达到了AA或AAA级可访问性标准。

关于内容字色

这里有个简单的规则：纯白背景上不要出现纯黑字色，反之亦然。白色会反射所有波长的光线，黑色则是吸收所有。如果将纯白色的文字置于纯黑底色之上，文字便会反光，密集的字符会令人难以辨识区分，极大降低可读性。

而纯白底色的反光效应会过于刺眼，使人的视线难以长时间聚焦于文字。试着“柔化”纯白，使用浅灰作为底色;或是在黑色背景里将浅灰作为字色。这两种方式都可以降低眼压，令人在阅读内容时感到更加舒适。

暗黑模式的趋势发展

我们的日均屏幕使用时间正在日益增长;从早上醒来，到夜间入睡，日常行为路径中的屏幕数量也在渐渐增多。这种状况在近几年里才形成常态，我们的双眼还无法在这么短的时间里适应如此之高的屏幕使用量，特别是在晚间。因此，暗黑模式的再次兴起着实不会令人感到意外。随着MaterialDesign、macOS和iOS的相继加入，我们有理由相信，未来是无论桌面软件还是移动端app，深色模式都会成为界面设计的标准模式之一;作为设计师，必须为此做好准备。

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

< 上一篇：太原软件编程开发go语言的不足之处

下一篇：太原会计培训关于电子发票的使用特点 >