六个技巧提升Ui深色主题的设计感

2023-12-29 分类：网站建设

2020年Android推出了两种深色模式，苹果和谷歌都将深色主题作为Ui的重要组成部分。未来会看到越来越多的深色模式，所以深色模式逐渐成为2020年的新趋势。深色模式虽然炫酷，但是我们在使用时要有更多的思量。今天，成都网站建设工程师就来给您分享一下关于提升Ui深色主体设计感的小技巧的分析内容。

第一，避免使用纯黑色。纯黑色和纯白色的文案，这种高度对比度的画面效果会使用户产生视觉疲劳，对这两种色彩亮度很难适应。

成都网站建设

第二，避免使用高饱和度。高饱和度的颜色会使用户视觉疲劳，但饱和度低的颜色会缓解压力。低饱和度的颜色(200–50范围内的颜色)，在深色主题上具有更好的可读性，并不会降低Ui的视觉表现力。

成都网站建设

第三，符合无障碍颜色对比标准。在深色主题下确保内容的可读性，即使是黑色的背景，但他要足够暗才能凸显白色的文案。我们也可以使用颜色对比工具测试对比度。

成都网站建设

第四，颜色深度。在深色主题中，需要呈现层次结构并强调布局中的重要元素。当元素处于较高色阶位置时候，通过较浅的表面颜色来呈现这种纵深上的差异。

成都网站建设

第五，允许亮色/深色主题切换。设计的时候深色主题不要使用自动启用，我们应该让用户根据自己的需求手动去选择打开或关闭。而且，我们要注意，转换主题时，不能只是简单的替换局部暗色部分，要注意考虑全局性。

成都网站建设

第六，文字的不透明度。深色主题上如果使用纯白色的文案的话是会存在视差的。所以建议最重要的内容，白色文案的不透明度设置为87%;中等重要的内容，白色文案不透明度设置为60%;被禁用的内容，白色文案不透明度设置为38%。

成都网站建设

以上就是今天成都网站建设开发人员跟您分享的内容，希望能对大家的Ui设计方面能有所帮助。如果您需要做网站，欢迎您来成都创新互联咨询，我们将竭诚问您服务!

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容