降低黑白颜色之间的对比度

Explore innovative ideas for Australia Database development.
Post Reply
Joywtome231
Posts: 538
Joined: Sun Dec 22, 2024 3:58 am

降低黑白颜色之间的对比度

Post by Joywtome231 »

在光照模式下,使用阴影来实现这一点。在创建黑暗主题时,实现深度感更加困难。为了在黑暗主题中实现深度,您需要调整颜色。界面元素越暗,看起来就越远。

通过选择正确的色调,深色主题可以传达高度层次系统。这使得界面更容易被用户理解。该规则对于应用程序、网站和电子邮件同样适用。

如果将明亮的白色字母放在黑色背景上,用户可能会发现难以阅读连续的文本。这个解决方案看起来对比太强烈,给读者带来了额外的紧张感。因此,设计师降低了背景和文字的对比度,以减轻用户的眼睛疲劳。


对于许多人来说,深色主题似乎是一个简单的解决方案:只需在深色背景上显示白色字母即可。但事情没那么简单
3.降低部分元素亮度
例如,信使中有一个绿色按钮。如果您使用与浅色主 哥伦比亚电报筛选 题相同的颜色,则这种绿色在暗色模式下会显得太亮。这会导致人们的眼睛更加疲劳。

因此,对于某些元素,使用了更柔和的色调。为此,在 HSL 参数中,我们更改了设置:亮度 L(Lightness)。例如,对于其中一个按钮,他们将其值降低了 6 个。事情是这样的:


改变设置,降低 L(亮度)值。该图显示了明暗主题的按钮视图。
主要规则:当我们改变一个元素的颜色参数时,我们需要检查这会如何影响整个界面。例如,改变按钮的颜色不会使对话框看起来更糟。在开发网站时考虑到这一点很重要。

4. 选择基本颜色
要创建具有“干净”界面的深色主题,您需要了解所有元素的色调如何协同工作。例如,插头只有一种颜色,而分隔条有三种颜色。您需要了解这些元素在不同组合下的外观。


Compass Messenger 中的黑色和白色深色主题的基本调色板
5. 规定两种不带透明色的色调
在创建深色主题时,设计师经常尝试元素的透明度。然后背景就可以通过它们看到,并且元素本身以灰色突出显示。
Post Reply