不同的色调可以让你放置正确的重点
唯一不需要改变的黑暗主题元素是徽章。浅色主题中的几乎所有颜色都被保留用于深色主题。我们仅更改了在深色主题下看起来不够亮的 2 个徽章。
信使的深色和浅色主题之间几乎没有共同之处,只有徽章的颜色几乎相同
弹出窗口下方变暗
当应用程序的浅色版本中出现弹出窗口时,界面的其余部分会变暗 50%。这使得用户能够专注于弹出窗口。
浅色主题下弹窗的实现就是这样的。
在深色主题中,文本颜色更亮,因此将界面变暗 50% 是 推特数据 不够的。如果使用与浅色主题相同的方法,用户将会被界面的另一部分分散注意力。
因此设计师将暗化程度增加到80%。这使我们能够正确强调,以便用户可以集中注意力于弹出窗口。
对于深色主题,我们决定增加调光百分比,而不仅仅是使用黑色
就这样,团队逐渐改变了所有界面元素的参数。
最后,我设法为深色主题创建了一个调色板,并在其中包含了必要的颜色。
花了一个月的时间开发并测试了1200个移动应用程序的暗黑模式屏幕。但现在用户可以在 Android 和 iOS 设备上启用 Messenger 的深色主题。
对于桌面,该团队甚至开发了两个版本的深色主题:冷色调和暖色调。
首先,我们按照与为移动设备创建深色主题时相同的方案进行工作:
开发聊天和侧面菜单屏幕。
我们在各种设备、各种房间、各种灯光下测试了深色主题。在实验过程中,测试了各种监视器。
最初,设计采用暖色调。然后设计师决定看看如果他们用冷色调制作深色主题会发生什么。
我们并不是说深色主题比浅色主题更好。这是一个品味问题。但如果同时存在这两种选项,并且用户可以选择合适的模式,那就更好了。
当然,移动应用程序和桌面版本有很大不同。我们知道我们不能仅仅重复我们在 iOS 或 Android 上采用的想法。因此,我们测试了各种设计方案。
Compass 界面设计师 Alexey
对于桌面应用程序的深色版本,许多参数已经改变:背景、元素和文本的颜色。