请求处理中...
请求处理中...
黑暗模式有一些我们应当遵守的特定规范，使其对用户使用来说会更加合理。本文会讲述这些内容，使你可以创造一个能带来积极作用的主题。
为什么选择暗黑模式?
黑暗主题的主要优势是在于弱光环境下具有更高的可读性。黑暗模式降低了设备屏幕的亮度。它改善了视觉工程学，并能在特定的光照条件下得到更好的调节。正因如此，在夜晚及深夜使用数码设备会更加舒适。
使用暗黑模式可以：
减轻眼睛疲劳
构造视觉层次
使界面更神秘
营造高端感
提高在夜间提高可读性
确保夜晚使用环境(比如在晚上使用娱乐的app)
在以下情况下，请避免使用暗黑模式
该解决方案在户外白天使用。
有很多文字可供阅读
这些是深色模式的优缺点。让我们转到可以在项目中使用的实用技巧：
尽量不要用100%的纯黑色
当您想开始设计暗黑模式时，你想到的第一件事可能是“直接创建一个黑色背景!”。
这应该是我们常犯的错误。
Google的Material Design建议使用深灰色，而不是纯黑色。Material Design建议的深色主题界面颜色为#121212。
考虑把颜色饱和度降低
黑暗模式应避免使用饱和色。首要原因便是可访问性——饱和色不符合WCAG (注：Web内容无障碍指南 ) 的标准：即深色背景下的正文文本至少为4.5:1(注：即界面主色与文字信息的对比度 )。
饱和色在深色背景下会产生光学振动(optical vibrations)，从而可能会导致眼部疲劳。
做两个调色板–用于暗黑模式和明亮模式
在上面的技巧中，我提到过饱和的颜色更适合深色主题。另一方面，我们都喜欢轻便的用户界面中充满活力的色调。
如何匹配这两个?接下来的答案是- 给这两种主题创建互补的色板是最佳选择。
记住深色模式下的可访问性
如果你想使解决方案更易于使用，则有适用于深色主题的特定准则。最重要的是以下内容：正文和背景之间的对比度应至少为15.8：1。正因这点，即便是更高、颜色更浅的层级，可读性也很不错(参见Material Design)
你可以使用这些工具来检查对比度：
– Contrast(mac版)
– Accessible Brand Colors(web端)
– Stark(XD、Sketch、Figma插件)
避免使用阴影
在一些明亮的界面中，我们往往使用轻微的阴影来表现深度。正因如此，现在的界面使用起来会更加自然合理(注：可能是界面设计借鉴和引用了自然的光影效果，所以感觉会比较自然合理 )。然而，阴影在大多数黑暗模式的元素中，并不是那么明显。这就是为什么不要频繁地使用它们。毕竟还有另外的表现层次的方法。
海拔高度构建层级结构
如你所知，阴影在黑暗主题中显示效果不好。表达层级结构的更好的方法是使用海拔的亮暗。
背景层应该是最暗的。放置在其顶部的元素应稍亮一些。正因如此，界面能够更合理的被用户感知
以上是一品威客小编为您整理的关于教你巧用UI设计中的暗黑模式， 为什么选择暗黑模式?容。望对各位有帮助，版权归属原作者，如有侵权请联系，马上删除。该文仅供学习和分享。
交易额: 128.29万元
无 |广东省 |深圳市 |南山区
交易额: 110.67万元
无 |浙江省 |温州市 |瓯海区
交易额: 101.38万元
工作室 |广东省 |东莞市 |东莞市
交易额: 83.31万元
公司 |广东省 |广州市 |天河区
成为一品威客服务商，百万订单等您来有奖注册中
价格是多少？怎样找到合适的人才？
￥2000 已有1人投标
￥10000 已有0人投标
￥100000 已有2人投标
￥10000 已有1人投标
￥20000 已有1人投标
￥3000 已有0人投标
￥1000 已有1人投标
￥20000 已有1人投标
企业QQ
智能客服
