关于深色主题计划的8个小能力
深色模式成为2020年的新趋势,Android推出了两种深色模式,别离叫Force Dark Mode和System Dark Mode。 跟着苹果和谷歌主题更新的宣布,苹果和谷歌都将深色主题作为UI的重要部门。很多计划师将会选择在他们的计划中行使这一模式,以是估量在将来会看到越来越多的深色模式。 ios13已经推出深色ui模式,作为计划师,是不是给本身的产物计一律套深色系UI。深色系UI固然酷炫,可是对付深色配色方案的选择,我们不得不从多方面去思量。 本日的文章首要先容下深色主题下的8个小能力,但愿可以对你的计划有辅佐,下面我们来看看: 目次:
一、停止行使纯玄色深色主题不必是纯玄色配景上的纯白色文本。 现实上,这种高比拟度会看起来很疾苦,在深色主题中,用户会很难顺应这两种色彩亮度。 二、停止行使饱和度行使较浅的色调(200–50范畴内的颜色),在深色主题上具有更好的可读性。 较浅的颜色不会低落UI的视觉示意力,但可以辅佐你保持恰当的比拟度而不会引起眼睛疲惫。饱和度低的色彩能进步可读性,减罕用户视觉震动。 三、切合无障碍颜色比拟尺度确保你的内容在深色主题下保持更好的可读性,深色主题配景必需足够暗才气够担保表现你的白色文本。谷 歌的计划指南中,提议文本和配景之间至少行使15.8:1的比拟度,可以行使颜色比拟器材测试比拟度。 四、颜色深度建设深色主题时,必要泛起条理布局并夸大机关中的重要元素。当元素处于较高色阶位置时辰,通过较浅的外貌颜色来泛起这种纵深上的差别。 五、应承亮色/深色主题切换计划的时辰不要行使自动启用深色主题,应该让用户按照本身的需求手动去选择打开或封锁颜色模式。同时,该当留意,从亮色转换为深色主题时,不要只是简朴的替代局部暗色部门,要留意思量全局性。 六、图片地区低比拟度灰色的行使差异配景模式下,颜色的视觉感觉是纷歧样的。行使低比拟度的深灰色会比玄色更好,由于其饱和度与豁亮地区形成比拟,这样能更好地泛起彩色照片。 七、笔墨的不透明度深色主题上一样平常默认字体颜色是白色,可是纯白色在深色配景上会存在视差。以是,提议最重要的内容,白色文本的不透明度配置为87%;中等重要的内容,白色文本不透明度配置为60%;被禁用的内容,白色文本不透明度配置为38%。 八、停止行使阴影默认的淡色配景主题下,我们行使阴影来表达高度,而在深色主题下则通过调解组件外貌颜色来表达高度,深色配景下阴影的行使就没故意义。 最后综上所述,信托各人对深色主题配景下配色方案有了较量全面的认知了。 无论是什么样的配色方案,都要留意界面的可读性和易读性,吻合的颜色比拟度是成立可读性和易读性的基本,而比拟度的选摘要切合无障碍颜色比拟度尺度,谷歌计划类型保举在文本内容与配景之间的比拟度到达15.8:1的比例。如各人有乐趣测试比拟度是否切合尺度,可以试试比拟度测试器材 。 但愿文章有帮到你,给你开导一些思绪。
原文作者:NickBabich;原文地点:https://uxplanet.org/8-tips-for-dark-theme-design-8dfc2f8f7ab6 译者:未知_Jerry;公家号:未知像素UX,专注UI、视觉、交互、产物研究。 本文素材来自互联网 (编辑:河北网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |