我们能够选择显示背景和内容的理想参数：
Posted: Sat Apr 19, 2025 8:37 am
正确放置重音很重要，例如，更明亮地突出显示按钮。这将使用户在使用深色主题时更容易浏览应用程序。
对 Android 也进行了同样的测试。 Android 手机的色彩渲染有所不同，因此改变界面而不是复制 iOS 版本非常重要。
设计师不仅考虑了设备的版本，还考虑了屏幕矩阵，以便人们可以在任何设备上使用深色主题。 IPS和OLED显示器的背光技术不同，因此界面元素在它们上的显示也不同。
在测试过程中，我们注意到在 OLED 显示屏上滚动时，许多元素会“抖动”。暗色主题无法正常工作的原因与矩阵本身的特性有关。为了纠正此类问题，设计师降低了某些元素的对比度。
通过测试，
1. 为了避免消息文本的对比度过高，设计师最初将白色的不透明度设置为70％。但经过测试后，我们发现这样文字看起来不太明显。因此，该数字增加至85%。
2. 最初的计划是让用户名不那么明亮。但经过测试我们意识到需要 100% 的亮度。而且这个数值仍然不会让你的眼睛感到疲劳。
3.对于侧面菜单中的文本，我们保留了最 哥伦比亚电报筛选 初选择的参数。聊天或功能标题 - 70%，次要文本 - 30%。这将使界面更容易感知。
如果你在指南针应用中激活了深色主题，你会看到这个界面
文本的亮度是根据层的层次来选择的。聊天比侧边栏更重要。这就是为什么聊天中的文字更亮的原因。
但除此之外，选择亮度时还要考虑其他因素。例如，侧边菜单就有很多类似的元素。为了防止它们合并，必须降低强度。
4.对于背景，我们选择了深黑色 - 1C1C1C。我们决定让侧边菜单和聊天也采用同样的设置。
虽然是黑色，但是界面上颜色稍微有点失真。背景中似乎有一丝棕色。这会降低对比度。
5. 移动版制定以下规则：
为了突出文本的主要重点，我们选择了 70-100% 范围内的不透明度。
对于低强调元素（提示），使用 30–50% 范围内的不透明度。
对于非活动状态，我们选择 15–20% 范围内的最小不透明度值。
6. 在 Messenger 中，作者可以撰写消息并使用颜色突出显示部分文本。在浅色主题中，明亮的颜色用于此目的，但它们不适合深色主题。
这就是我们为它单独选择颜色的原因。这个解决方案有其优点。带有柔和色彩的深色主题在人眼看来更加和谐。
比较哪种格式看起来更赏心悦目，哪种格式让人感到不舒服
滑动功能
在通讯程序中，您可以通过滑动屏幕从聊天转到带有聊天列表的侧边菜单。在灯光模式下，这些屏幕具有不同的背景颜色。
当侧边菜单打开时，用户会在屏幕右侧看到一条亮光带——这是聊天背景。这个图形设计解决方案有助于理解需要做什么才能实现转变：将一个屏幕移动到另一个屏幕。
对 Android 也进行了同样的测试。 Android 手机的色彩渲染有所不同，因此改变界面而不是复制 iOS 版本非常重要。
设计师不仅考虑了设备的版本，还考虑了屏幕矩阵，以便人们可以在任何设备上使用深色主题。 IPS和OLED显示器的背光技术不同，因此界面元素在它们上的显示也不同。
在测试过程中，我们注意到在 OLED 显示屏上滚动时，许多元素会“抖动”。暗色主题无法正常工作的原因与矩阵本身的特性有关。为了纠正此类问题，设计师降低了某些元素的对比度。
通过测试，
1. 为了避免消息文本的对比度过高，设计师最初将白色的不透明度设置为70％。但经过测试后，我们发现这样文字看起来不太明显。因此，该数字增加至85%。
2. 最初的计划是让用户名不那么明亮。但经过测试我们意识到需要 100% 的亮度。而且这个数值仍然不会让你的眼睛感到疲劳。
3.对于侧面菜单中的文本，我们保留了最 哥伦比亚电报筛选 初选择的参数。聊天或功能标题 - 70%，次要文本 - 30%。这将使界面更容易感知。
如果你在指南针应用中激活了深色主题，你会看到这个界面
文本的亮度是根据层的层次来选择的。聊天比侧边栏更重要。这就是为什么聊天中的文字更亮的原因。
但除此之外，选择亮度时还要考虑其他因素。例如，侧边菜单就有很多类似的元素。为了防止它们合并，必须降低强度。
4.对于背景，我们选择了深黑色 - 1C1C1C。我们决定让侧边菜单和聊天也采用同样的设置。
虽然是黑色，但是界面上颜色稍微有点失真。背景中似乎有一丝棕色。这会降低对比度。
5. 移动版制定以下规则：
为了突出文本的主要重点，我们选择了 70-100% 范围内的不透明度。
对于低强调元素（提示），使用 30–50% 范围内的不透明度。
对于非活动状态，我们选择 15–20% 范围内的最小不透明度值。
6. 在 Messenger 中，作者可以撰写消息并使用颜色突出显示部分文本。在浅色主题中，明亮的颜色用于此目的，但它们不适合深色主题。
这就是我们为它单独选择颜色的原因。这个解决方案有其优点。带有柔和色彩的深色主题在人眼看来更加和谐。
比较哪种格式看起来更赏心悦目，哪种格式让人感到不舒服
滑动功能
在通讯程序中，您可以通过滑动屏幕从聊天转到带有聊天列表的侧边菜单。在灯光模式下，这些屏幕具有不同的背景颜色。
当侧边菜单打开时，用户会在屏幕右侧看到一条亮光带——这是聊天背景。这个图形设计解决方案有助于理解需要做什么才能实现转变：将一个屏幕移动到另一个屏幕。