详细内容或原文请订阅后点击阅览
暗模式设计：提示和最佳实践
近年来，暗模式迅速流行起来，成为许多应用程序和操作系统的主要功能。这种替代主题不仅具有美感，而且还具有功能优势，例如在低光环境下减少眼睛疲劳和延长 OLED 屏幕的电池寿命。然而，设计有效的暗模式更[…]暗模式设计：技巧和最佳实践首先出现在 Mantra Labs 上。
来源:Mantra Labs近年来，黑暗模式已迅速越来越受欢迎，成为许多应用程序和操作系统中的主食。这个替代主题不仅提供了美学吸引力，而且还提供了功能优势，例如在弱光环境中减少眼睛劳累和OLED屏幕上的电池寿命延长。但是，设计有效的暗模式不仅仅是反转颜色。它需要仔细考虑以确保可读性，视觉舒适性和整体用户体验。以下是创建成功的黑模式设计的一些技巧和最佳实践。
1。选择适当的背景颜色
- 避免使用纯黑色：而不是使用纯黑色（＃000000），而是选择非常深的灰色阴影（＃121212或＃1C1C1C）。纯黑色会产生过多的对比度并扭伤眼睛，而深灰色会减少眩光并创造更舒适的观看体验。
示例：Slack在其深色模式下使用深灰色的背景与文本形成鲜明对比，从而在长时间使用过程中减少了眼睛的菌株。
示例2。对文本使用高对比度
- 确保可读性：文本应在背景下脱颖而出而不会苛刻。使用高对比度的颜色，通常是白色（#ffffff）或浅灰色（＃E0E0E0），以避免亮度过多，同时保持可读性。
示例：Twitter的Dark模式在深灰色背景上具有白色文本，以确保内容易于阅读而不会被压倒性。
3。用重音颜色强调
- 突出显示重要元素：重音颜色可以帮助用户注意按钮，链接和通知等重要元素。使用在不冲突的情况下在黑暗背景上脱颖而出的颜色。
示例：Spotify在深色模式下使用其标志性绿色作为强调颜色，在深色界面上易于注意到按钮和选定的项目。
4。介意图像和图标的使用
调整亮度和对比度5。在不同的照明条件下进行测试
现实世界情景