旗下品牌:
石家庄网站开发 石家庄网站开发公司

资讯动态

察而思、思而行、行而后语、知行合一

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

发布时间:2020-01-27 热度:

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

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

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

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

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

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

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

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

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

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

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

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

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

  以上就是今天石家庄网站建设开发人员跟您分享的内容,希望能对大家的UI设计方面能有所帮助。如果您需要做网站,欢迎您来石家庄尚武科技咨询,我们将竭诚问您服务!

联系尚武科技
客户服务
石家庄APP开发
400-666-4864
为您提供售前购买咨询、解决方案推荐等1V1服务!
技术支持及售后
石家庄APP开发公司
0311-66682288
为您提供从产品到服务的全面技术支持 !
客户服务
石家庄小程序开发
石家庄小程序开发公司
加我企业微信
为您提供售前购买咨询、
解决方案推荐等1V1服务!
石家庄网站建设公司
咨询相关问题或预约面谈,可以通过以下方式与我们联系。
石家庄网站制作
在线联系:
石家庄Web开发
石家庄软件开发
石家庄软件开发公司
ADD/地址:
河北·石家庄
新华区西三庄大街86号河北互联网大厦B座二层
Copyright © 2008-2025尚武科技 保留所有权利。 冀ICP备12011207号-2 石家庄网站开发冀公网安备 13010502001294号《互联网平台公约协议》
Copyright © 2025 www.sw-tech.cn, Inc. All rights reserved