设计可访问的颜色系统

Avatar of Robin Rendle
Robin Rendle

DigitalOcean 为您旅程的每个阶段提供云产品。 立即开始使用 200 美元的免费信用额度!

Stripe 团队探索了他们如何改进他们的调色板,使其在所有产品和界面中对用户更易访问和可读。 不仅如此,团队还构建了一个很棒且完全疯狂的应用程序,用于找出他们需要的理想颜色范围。

我们构建了一个 Web 界面,使我们能够使用感知上统一的颜色模型来可视化和操作我们的颜色系统。 该工具在迭代颜色时为我们提供了一个立即的反馈循环——我们可以看到每次更改的效果。

这个工具太棒了! 我很想了解更多关于他们构建这个工具的原因,因为它看起来并不容易快速构建。 我想知道该团队是否必须为他们的图表或数据可视化 UI 支持广泛的颜色范围(因为复杂的图表通常需要更广泛的颜色范围才能有效地比较数据位)。 无论哪种方式,这都是非常鼓舞人心的工作。

这有点类似于两种用于强制可访问颜色的技术,包括一种 使用自定义属性calc()rgb 通过 Josh Bader,以及另一种通过 Facundo Corradini 也使用自定义属性 但使用 hsl 以及条件语句。

直接链接 →