最后,我设法为深色主题创建了一个调色板,并在其中包含了必要的颜色。
花了一个月的时间开发并测试了1200个移动应用程序的暗黑模式屏幕。但现在用户可以在 Android 和 iOS 设备上启用 Messenger 的深色主题。
第三阶段:想出适合桌面的深色主题
对于桌面,该团队甚至开发了两个版本的深色主题:冷色调和暖色调。
首先,我们按照与为移动设备创建深色主题时相同的方案进行工作:
开发聊天和侧面菜单屏幕。
我们在各种设备、各种房间、各种灯光下测试了深色主题。在实验过程中,测试了各种监视器。
最初,设计采用暖色调。然后设计师决定看看如果他们用冷色调制作深色主题会发生什么。
我们并不是说深色主题比浅色主题更好。这是一个品味问题。但如果同时存在这两种选项,并且用户可以选择合适的模式,那就更好了。
当然,移动应用程序和桌面版本有很大不同。我们知道我们不能仅仅重复我们在 iOS 或 Android 上采用的想法。因此,我们测试了各种设计方案。
Compass 界面设计师 Alexey
对于桌面应用程序的深色版本,许多参数已经改变:背景、元素和文本的颜色。
在这两个选项中,我们选择了冷色调的深色主题。然后我们开始进行文本设计:
1.降低了聊天中文字的强度。对于 iOS 和 Android,之前选择了 85% 的不透 约旦电话号码数据 明度,但此选项不适合桌面。由于屏幕面积较大,如此明亮的白色对比度过高。因此,我们将不透明度值设置得稍低一些 - 70%。
2. 使用相同原理改变名称的亮度。我们将白色的不透明度设置为 80% - 用户名变得更易于阅读。
较低对比度的深色主题可减轻眼睛疲劳
3.我们决定更改聊天的名称。这里我们将不透明度增加到 80%。其余文本的亮度保持不变,为 30%。
有了新的设置,深色主题确实变得更加和谐。
4. 我们决定让侧边菜单、聊天列表和聊天本身采用相同的背景。为了在视觉上区分它们,我们在这些部分之间添加了一条深色条纹。
当我们开发第一个深色主题窗口时,我们还决定在不同的条件和不同的设备上对其进行测试。此后,原型进行了调整。