前言

深色主题已成为网页和移动设计的标准。通过这个简短的教程,我将向你展示如何在你的应用程序中使用 6 个方便的技巧来制作更好的暗黑模

 

 

 

 

1.遵循平台准则

Apple和Google的所有主要平台均包含“暗黑模”指南。根据你的原则调整解决方案将确保它适合生态系统。更详细的官方指南您可以网上搜索,Apple和Google指南等等。

 

 

2.使用较少的饱和色

Dark Theme UI中的鲜艳颜色看起来不太好。它们的可读性较差,因此我建议避免使用它们。为深色模式准备替代的,较不饱和的调色板。看起来会好很多!

 

 

 

 

3.避免阴影

阴影可以帮助我们看到视觉层次。但是,它们不适用于“黑暗主题”。即使你的背景不是100%黑色,阴影也会显得很奇怪。有更好的方法来突出显示视觉层次。你将在下一段中看到它。

 

 

4.将高程颜色用于视觉层次结构

高亮颜色是“暗黑模”中成功实现视觉层次结构的关键。高程的亮度营造出深度感。该技术非常简单并且非常有效。

 

 

 

 

5.检查对比度

暗黑模需要正确的对比度验证。检查内容是否可访问。低对比度的文本几乎是看不见的,并破坏了可用性。

 

 

 

6.设置

一些用户仍然喜欢在应用程序中仅使用灯光模式。使你的解决方案灵活,让有经验的用户决定。

 

 

 

 

总结

通过这6个简单的技巧,将你的应用程序的“暗黑模式”变得更好。

声明:* 本站所提供的资源均来源于互联网,站内所有文字、图片内容由网站会员上传而来,UI社不具备此内容的版权。由于将本站资源用于商业用途而引起的纠纷,本站不负任何责任。如果有侵犯到您的权益,请联系本站删除,谢谢合作!联系邮箱:Uishe#qq.com (请将[#]换成@)