深色模式近年来获得了很大的相关性,我们的数百种设备和应用程序已经实现了它。然而,在我们的界面中使用它需要对我们的平台有深入的了解。 涉及暗模式的界面。 从移动应用程序到电视屏幕,深色模式已经占据了我们今天使用的许多界面。然而,从设计师的工作来看,它的应用涉及一系列挑战,如果不能以良好的方式解决这些挑战,可以说,可能会产生黑暗的结果。 在深入研究其复杂性和含义之前,有必要简要介绍一下它的组成部分。深色模式是指对软件或应用程序的调色板进行更改,激活后,除了降低亮度外,产品的原始界面也会被替换为通常在黑色和灰色之间变化的深色界面。屏幕。 深色模式的优点是多方面的:它可以防止用户的视觉疲劳,或者减少我们设备的电池消耗;此外,它的目的是让用户体验更少的视觉疲劳,同时照顾我们的技术设备。 深色模式色卡 带有深色模式对比色的表格。通过:生命线 另一方面,从上表中可以看出的优点之一是不同颜色组合的对比度;大多数颜色与黑色具有很高的对比度。 然而,事情可能会变得比预想的更加复杂。事实证明,并非所有界面都支持深色模式。作为设计师,我们工作的一部分是在急于在我们的界面中实现这种模式之前,能够照顾好品牌、色彩心理以及可能对用户产生的其他情感影响。 对比 深色模式需要解决的要点之一是对比度。
我们必须考虑到视觉元素和文本都清晰易读。黑色通常是产生对比度的理想颜色,但在这种情况下,建议避免背景或表面颜色使用全黑 Google的Material Design建议使用深灰色而不是黑色,从而显示更广泛的深度。此外,建议在深色主题界面中使用较少的颜色强调,因为大部分空间专用于不同深浅的灰色,这有助于识别界面中的深度。 黑色和灰色的对比。 负空间 为了成功实现深色模式设计,建议使用负空间。如果我们使用得不好,我们将会有一个繁忙的界面,为了帮助抵消这个问题,我们可以利用负空间并做出更简约的设计。所有这些都将有助于使 UI 变得美观、易于阅读并且可供所有用户访问。 文字和颜色 在深色模式下,所有文本都需要清晰 电报号码数据 易读和对比度。从大小开始,它应该足够大,以便于阅读,因为深色背景上的小文本更难以阅读。文本和背景之间也应该有足够的对比度。 在设计深色模式时,我们应该避免使用高度饱和的颜色,并记住,那些在白色界面上看起来不错的颜色可能会在深色界面上产生视觉振动,从而使文本可读性较差。 测试文本的一个有用工具是Colorable,它允许我们查看对比度是否良好以及是否可以阅读文本。 深色模式下的文本和颜色,来自 Colorable。 允许用户退出暗模式 我们必须始终牢记,有些用户希望在没有这种方式的情况下返回到他们的界面。
最简单的就是让系统选择或者激活它;然而,这可能会导致用户体验错误,因为它剥夺了用户的选择权,而系统会为他们做出决定。 因此,我们必须考虑到,用户应该能够根据自己的需要决定是否随时激活或停用深色模式。 我们不要忘记,没有必要记住测试我们的设计的重要性,在这种情况下,无论是在黑暗模式还是在明亮模式下;这样,就可以根据需要进行容纳和调整。在一种模式下看起来不错的设计在另一种模式下可能不起作用或看起来相似。所需的数字化转型考虑了一种必须渗透到整个组织并将用户置于业务决策中心的文化变革。您知道如何执行这个必要的过程吗? 周围有圆圈的组织图标,表示数字化转型。 过去 5 年,人们对数字化转型以及大型组织如何做好应对挑战的准备进行了很多讨论。我们看到一些公司急于更新软件、消除遗留系统并在组织中纳入新的配置文件,从而加速业务的数字化变革,但取得的成功有好有坏。 如今,大型组织的经理和董事面临着组织数字化转型的挑战,寻找能够领导这些流程的顾问和专家。但问题出现了:我们为什么要参与数字化转型过程?有时,答案可能看起来像是心血来潮,但行业和竞争对手发起了类似的过程,这一事实证明了这一点是合理的;或者还因为存在需要解决的操作难题。
暂无评论