SuperAPI AI 工具集

color-systems

设计与创作

查看项目

更新于 10-15 21:12

技能介绍

用途:color-systems 用于在对话中施加配色系统约束,帮助构建、评估和审查调色板,核心理念是“更少的颜色,更多的纪律,每种颜色都要有其存在的理由”。

主要能力与约束:

  1. 调色板角色:每种颜色必须分配明确角色,包括结构性(背景、边框)、语义性(错误、成功、警告)、强调性(主要操作、重点)或装饰性;语义颜色必须在各处保持一致(红色始终表示同一含义);中性色应承担 80% 至 90% 的视觉重量,颜色是点缀而非基础;禁止同一颜色用于冲突目的(如红色既表示“精选”又表示“错误”)。
  2. 克制规则:2 至 3 种颜色有意图地使用,始终优于 7 种颜色无思考地堆砌;必须评估“去掉某种颜色是否会丢失信息”;应从单一强调色开始,仅当单一强调色无法承载语义负荷时才增加;禁止因为“需要更多颜色”而加色,只有信息需要时才加色。
  3. 关系优先于色板:必须在上下文中评估颜色而非孤立看待(同一蓝色在暖灰与冷白旁观感不同);必须检查对比度以满足无障碍要求(WCAG AA 最低标准);应评估调色板在浅色与深色模式下的表现。

使用方式:在对话中输入 /color-systems 即可应用这些配色系统约束。

适用场景:构建配色方案、评估现有颜色使用、审查设计中的语义一致性与无障碍对比度。

反模式:从流行色板中选色而不评估适配性;把颜色作为主要层级工具(颜色应强化层级而非单独创建层级);不服务于信息或品牌的装饰性渐变;不同页面使用不同强调色却无系统依据。

限制:资料未提供具体平台支持、收费方式或更多技术细节。