提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
黑暗主题已成为Web和移动设计的标准。在这个简短的教程中,我将向您展示只有6个实用技巧,如何在您的应用程序中实现更好的黑暗模式。
1.遵循平台准则
Apple和Google的所有主要平台均包含“黑暗主题”指南。根据您的原则调整解决方案将确保它适合生态系统。更详细的官方指南您可以网上搜索,Apple和Google指南等等。
2.使用较少的饱和色
Dark Theme UI中的鲜艳颜色看起来不太好。它们的可读性较差,因此我建议避免使用它们。为深色模式准备替代的,较不饱和的调色板。看起来会好很多!
3.避免阴影
阴影可以帮助我们看到视觉层次。但是,它们不适用于“黑暗主题”。即使您的背景不是100%黑色,阴影也会显得很奇怪。有更好的方法来突出显示视觉层次。您将在下一段中看到它。
4.将高程颜色用于视觉层次结构
高亮颜色是“黑暗主题”中成功实现视觉层次结构的关键。高程的亮度营造出深度感。该技术非常简单并且非常有效。
5.检查对比度
黑暗主题需要正确的对比度验证。检查内容是否可访问。低对比度的文本几乎是看不见的,并破坏了可用性。
6.设置
一些用户仍然喜欢在应用程序中仅使用灯光模式。使您的解决方案灵活,让有经验的用户决定。
7.总结一下
通过这6个简单的技巧,您的应用程序的“黑暗主题”将变得更好。
本期分享结束,感谢您的阅读支持,希望我们的努力,可以带给您更多帮助。
欢迎关注我们微信公众号:UI范
记得点个免费的赞哦,谢谢!
Powered by Froala Editor
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册