- （可能是）最硬核的色彩系统总结
- 一图读懂
- 正文
- 前言
- 定义优秀的色彩系统
- 01. 易生产
- 02.易维护
- 03.易上手
- 04.符合无障碍设计
- 创建色彩系统
- Step.1 创建 Color Palette（基础色板）
- 1.1 HSV/HSL 色彩空间的局限
- 1.2 全新的 HCT 色彩空间
- 1.3 将基础色板导入 Figma
- 1.4 关于创建基础色板的小结
- Step.2 创建 Color Scheme（配色方案）
- 2.1 基于语义模版（Patterns）为颜色命名
- 2.2 符合无障碍标准配色方案
- 2.3 将 Color scheme 导入 Figma
- 色彩系统创建之后…
- 如何设计后续的 dark mode ？
- 如何更新与维护？
- 如何对接开发？
- 如何布道？
- 还有什么要补充（安利）的吗？
- References
（可能是）最硬核的色彩系统总结
（可能是）最硬核的色彩系统总结
❤️
微信公众号：阅文体验设计YUX
❤️
发布时间：2022-09-19 18:30
一图读懂
正文
当我们开启一个新组件库的设计时，搭建色彩系统往往是我们要做的第一件事。
作者通过真实的项目经验结合深入的理论知识，带来这篇 YUX 最硬核的色彩系统设计文章，欢迎大家交流和探讨。
预计阅读时长 15 分钟，前方大量干货预警!
加载失败，
前言
色彩系统的设计是很有趣的事，总有一种常做常新的奇妙新鲜感，随着设计理念的演进、相关设计工具的出现，每隔一段时间笔者去探索实践色彩系统设计时，总能发现一些新玩意，并将其引入到设计流程中，实践更高效科学的构建方式。
ps: 本文不涉及前期的品牌色定义、色系选择、搭配等流程，我们将聚焦色彩系统中最重要的生产与落地环节，分析现状与问题，引入无障碍标准和新工具，构建科学的色彩系统。
加载失败，