黑暗模式应用设计原则

创建应用程序的黑暗模式时,不可否认,我们要遵循一些规则,否则用户体验会大大恶化。

· 遵循平台准则

这是第一个,也许也是最重要的提示。Google和Apple都给出了非常完善的规范,以帮助你来设计黑暗模式。请务必在设计应用程序时遵循这些规范。

· 避免100%黑色

Material Design建议使用#121212作为Dark Theme表面颜色,因为纯黑色对眼睛来说太刺激了。文字颜色也是如此:避免使用纯白色,而应将其与Alpha配合使用(Material Design建议透明度为87%)以减少强烈的对比度。(静电说:但是苹果的背景却是纯黑色的,摊手~)

· 使用不同亮度区分层次感

在亮色模式下,设计师很可能使用阴影来传达视觉层次。您必须避免在黑暗模式下使用它们,因为阴影在黑暗模式下并不是真正可见的。使用不同的灰色阴影来区分内容的不同级别是可行的,但iOS的设计规范建议我们直接使用不同的灰色,而不是阴影。

初学者不妨先从优秀案例开始临摹吧!

菜单黑暗模式UI动画素材模板

黑暗模式菜单第八章

菜单黑暗模式UI动画素材模板

黑暗模式菜单第七章 - 动画

菜单黑暗模式UI动画素材模板

黑暗模式菜单

菜单黑暗模式UI动画素材模板

演练黑暗模式 - 动画

菜单黑暗模式UI动画素材模板

黑暗模式菜单2

相关文章: