我们需要重新组织应用程序的调色板。目标是确保代码或设计中没有不属于固定调色板的颜色。对于一小组颜色,在深色主题中匹配会更容易。
当我们检查整个应用程序并收集所有颜色时
我们有超过 200 个独特的十六进制值。自 VK App 在 iOS 上发布第一个版本以来,已经过去了 6 年多的时间,该应用程序已经经过多次重新设计。有些 赌博数据库 地方仍有尚未更新的屏幕,而有些地方存在相同颜色含义仅略有不同的情况。例如,HSB 中的一种颜色在 Photoshop 和 Sketch 中可能具有不同的 HEX 值。
我们的应用程序非常庞大
您可以说它们是多个应用程序合二为一:新闻、音乐、视频、故事、广播、整个信使以及许多其他同样重要的部分和服务。我们统计了 300-400 个独特的屏 述维持秩序阶段的日语术 幕,每个屏幕都有多种状态。仅新闻就有数种帖文展示形式和15种以上附件形式。像这样的应用程序需要一个更复杂的系统,其中颜色将被分解为对比度级别,以便不仅更容易地匹配黑暗主题,而且更容易地匹配新的控件。
在组织色彩系统方面
我们最喜欢Material Design 的方法。我们在类似的系统中准备了三个扩展调色板:灰色、冷灰色和蓝色。在这种情况下,我们将颜色划分为对比度级别,其常规值从 0 到 1000,其中 0 是最亮,1000 是最暗。这些数字与调色板名称一起成为颜色标识符 – 灰色 100、蓝色 300 等等。
扩展调色板
HSB 颜色模型有助于选择颜色
其中,色相(Hue)为色调,饱和 白俄罗斯商业名录 度(Saturation)为饱和度,亮度(Brightness)为亮度。色调范围是 0–360°,我们在界面中使用固定值 212° 作为我们的品牌色调。饱和度和亮度设置为 0 至 100%。
由于我们将灰色调色板分为 10 种主要色调,因此我们在亮度中使用 10% 的步长。然后我们沿着一条小曲线使用饱和度混合蓝色,同时调整亮度值以保持我们需要的对比度等级。