我们如何从头开始设计一个无障碍的调色板

We knew that, although meticulously crafted, our current 7-color design system (in other words, our secondary branding colors) was very limiting and not suited for all use cases. So when data visualization discussions came up in October 2021, we realized we needed to create a new color palette that was distinct from the existing one — one that was specifically made and thought out for this usage. And as we were going to be building it from scratch, we took advantage of this opportunity to make sure it would fit the accessibility best practices as much as possible. It was indeed important for us that the 4.5% of the worldwide population affected by color blindness, including deuteranomaly (aka green-weak), deuteranopia (aka green-blind), protanomaly (aka red-weak), and protanopia (aka red-blind), could see most of our color palette. Here, we detail the steps we followed to build this accessible color palette designed specifically for data visualization.

我们知道，尽管经过精心设计，我们目前的7色设计系统（换句话说，我们的次要品牌颜色）是非常有局限性的，并不适合所有的使用情况。因此，当2021年10月讨论数据可视化时，我们意识到我们需要创建一个有别于现有调色板的新调色板--一个专门为这种用途制作和考虑的调色板。由于我们将从头开始构建它，我们利用这个机会确保它尽可能地符合无障碍的最佳做法。对我们来说，世界上4.5%的色盲人口，包括deuteranomaly（又称绿弱）、deuteranopia（又称绿盲）、protanomaly（又称红弱）和protanopia（又称红盲），能够看到我们大部分的调色板，确实很重要。在这里，我们详细介绍了我们为建立这个专门为数据可视化设计的无障碍调色板所遵循的步骤。

[

](https://www.welcometothejungle.com/en/companies/wttj/jobs?utm_source=medium&utm_medium=referral&utm_campaign=20220623&utm_content=how-we-designed-an-accessible-color-palette-from-scratch)

Taking the decision to create a new color palette

作出决定，创建一个新的调色板

We quickly decided that this data visualization palette was going to be its own thing, so it was important to stay away from our secondary colors. But that was going to go both ways — this palette wasn’t going to be a free-for-all buffet.

我们很快决定，这个数据可视化调色板将是它自己的东西，所以远离我们的次要颜色是很重要的。但这是双向的--这个调色板并不打算成为一个自由...