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

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

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

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

成都网站建设

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

成都网站建设

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

成都网站建设

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

成都网站建设

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

成都网站建设

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

成都网站建设

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

网页名称:六个技巧提升Ui深色主题的设计感
本文URL:/news31/310981.html

成都网站建设公司_创新互联,为您提供移动网站建设网页设计公司外贸建站网站营销定制开发动态网站

广告

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

成都做网站