Hong Kong Data

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


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

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


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

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


Compass Messenger 中的黑色和白色深色主题的基本调色板
在创建深色主题时，设计师经常尝试元素的透明度。然后背景就会透过它们可见，并且元素本身会以灰色突出显示。

在某些情况下，这种方法非常有效。例如，按钮变成深灰色，并且其后面可见深色背景。有深度而且看起来很美丽。

但有时在布局时，当多层叠加时，就会出现困难。例如，如果文本或其他界面元素在透明弹出窗口下可见。


这里窗口与界面元素重叠。它看起来比透明的要好。
为了让开发人员更轻松，设计师在 Figma 中添加了不透明的白色调色板。这样，在布局过程中，您不必每次都使用滴管寻找正确的色调。一切已经准备就绪。