SuperAPI AI 工具集

colorize

设计与创作

查看项目

更新于 10-15 21:46

技能介绍

用途:为过于单色、灰暗、缺乏视觉温度与个性的设计策略性引入颜色,让界面更具吸引力与表现力。

必要准备:必须先调用 /impeccable,它包含设计原则、反模式与上下文收集协议;若尚无设计上下文,必须先运行 /impeccable teach。此外需收集现有品牌色。若代码库中信息不清,应停止并调用 AskUserQuestion 工具澄清。

主要能力与做法:先评估现状(是否纯灰度、中性色有限或仅一个怯懦的点缀色)、找出可用色之处(语义、层级、分类、情绪、导视、愉悦感),再制定配色策略:中性色之外最多选 2–4 色,主色占彩色元素 60%,辅助色 30%,强调色 10%。系统性地在语义色(成功绿、错误红、警告橙、信息蓝、中性灰)、强调色(主操作、链接、图标、标题、悬停态)、背景与表面(带色调的中性色、局部色块、细微渐变)、数据可视化、边框与点缀、字体颜色及装饰元素中应用。推荐使用 OKLCH 配色,因其感知均匀,便于生成和谐色阶。

平衡与验证:保持层级、遵循 WCAG 对比度(正文 4.5:1,UI 组件 3:1),不单靠颜色传达信息,并检查色盲可用性、调色板一致性与冷暖统一。禁止使用整条彩虹色、无意义随机上色、在彩色背景上放灰字、纯灰中性色、大面积纯黑或纯白、默认紫蓝渐变,或把所有东西都变彩色。最后验证是否提升层级、意义、温度与可访问性且不过度。

限制与适用场景:资料未提供具体定价、平台支持、安装命令或实现细节;适合已有设计上下文、需要在界面中策略性用色的前端与设计场景。