设计黑暗主题,掌握这几个技巧就简单了!
发布于 2021-01-04 12:19
黑暗主题已成为Web和移动设计的标准。在这个简短的教程中,我将向您展示只有6个实用技巧,如何在您的应用程序中实现更好的黑暗模式。
1.遵循平台准则
Apple和Google的所有主要平台均包含“黑暗主题”指南。根据您的原则调整解决方案将确保它适合生态系统。更详细的官方指南您可以网上搜索,Apple和Google指南等等。
2.使用较少的饱和色
Dark Theme UI中的鲜艳颜色看起来不太好。它们的可读性较差,因此我建议避免使用它们。为深色模式准备替代的,较不饱和的调色板。看起来会好很多!
3.避免阴影
阴影可以帮助我们看到视觉层次。但是,它们不适用于“黑暗主题”。即使您的背景不是100%黑色,阴影也会显得很奇怪。有更好的方法来突出显示视觉层次。您将在下一段中看到它。
4.将高程颜色用于视觉层次结构
高亮颜色是“黑暗主题”中成功实现视觉层次结构的关键。高程的亮度营造出深度感。该技术非常简单并且非常有效。
5.检查对比度
黑暗主题需要正确的对比度验证。检查内容是否可访问。低对比度的文本几乎是看不见的,并破坏了可用性。
6.设置
一些用户仍然喜欢在应用程序中仅使用灯光模式。使您的解决方案灵活,让有经验的用户决定。
写的比较简单,希望你们能看的懂,嘿嘿
本文来自网络或网友投稿,如有侵犯您的权益,请发邮件至:aisoutu@outlook.com 我们将第一时间删除。
相关素材