SuperAPI AI 工具集

colorize

通用与其它

查看项目

更新于 10-16 07:25

技能介绍

用途:为过于单色、偏灰或缺少视觉温度与个性的设计策略性引入色彩,使界面更有吸引力和表达力,适用于前端界面、产品与数据可视化等需要提升视觉层次的场景。

主要流程与能力:使用前必须先做上下文收集,包括目标受众、期望用例、品牌个性与现有品牌色;若无法从当前对话或代码库获得确切信息、只能推断且置信度为中等或更低,须先提问澄清,不得凭猜测继续;同时需先执行 frontend-design 技能,掌握其设计原则与反模式后再动手。随后评估用色机会,识别色彩缺失、可加价值之处,以及领域与受众的适配性。

用色策略:可规划 2-4 种中性色之外的调色板,按 60%/30%/10% 分配主色、辅色与点缀色,并从语义色(成功、错误、警告、信息、非活跃)、强调色(主操作、链接、图标、标题、悬停)、背景与表面(暖/冷微着色、分区、渐变、卡片)、数据可视化、边框与强调、排版用色、装饰元素等维度系统应用。建议使用 OKLCH 以保证感知一致性。

限制与验证:颜色并非越多越好,应保持语义一致,不可随意用色;避免彩虹式配色、纯灰中性色、大面积纯黑纯白、默认紫蓝渐变等做法;不得仅以颜色作为唯一指示;须满足 WCAG 对比度(文本 4.5:1,UI 组件 3:1)并考虑色盲可用性。完成后需验证层级、含义、参与感、可访问性与整体平衡。资料未提供具体收费、平台与安装方式。