应用程序中使用的所有颜色都已添加到调色板中,包括表示通知中不同事件的颜色,甚至故事中涂鸦绘画模式的颜色。一切都变得更加透明:现在应用程序的所有颜色都集中在一个地方。当为特定情况添加新颜色时,您需要仔细考虑并检查现有颜色是否合适。
就必须在应用程序中应用它,用一组 50 多个新 WhatsApp 号码数据 的十六进制值替换现有的 200 多个十六进制值。并将所有这些颜色以静态变量的形式放入一个文件中,其中调色板中的每种颜色都有一个唯一的名称。
我们的 iOS 和 Android 基础设施团队的开发人员负责处理此事。他们准备了一种算法,用新调色板中最接近的颜色替换该颜色,从而大大加快了这一过程。然后,我们与测试人员一起检查了所有屏幕,以确保没有任何地方使用不适当的颜色,最后转向深色主题。
深色主题中的颜色选择
我们开始在主屏幕模型上尝试深色主题颜色,以确 十大最佳市场情报工具(2024年) 定我们要使用的主要色调。对于背景,我们使用灰色 900 – 一种比黑色浅一级的颜色,以减少背景和文本之间的对比度。出于同样的原因,选择的文本不是白色,而是灰色 100。
深色主题的所有主色调均采用与浅色主题相同的渐变来定义。通过将亮度彼此相近的样式排成一排,我们选择了相应的值,将其反转,并将对比度级别移动一个色调。然后,我们在模型上测试颜色,以确保所有元素仍然清晰可辨。
原色表
主要使用颜色表
在深色主题中,我们使用了更少的颜色:蓝色标题和蓝色按钮变成了单色,使用的灰色色调范围变窄,冷灰色调色板过渡到常规灰色,同时保持对比度。重点元素仍然是蓝色——为黑暗主题选择了更浅、饱和度更低的色调。
VKontakte 的黑暗主题是什么样的?
还存在一些问题区域,例如模态窗口和卡片。我不 巴西商业名录 想将它们下面的暗色反转为白色,并且如果不在黑暗主题中采取额外措施,内容的正常背景就会与周围环境融为一体。为了避免这种情况,我们为模式卡选择了比平常更浅的背景,并且添加了边框(目前仅在 Android 上),以更好地将它们与底层分开。