给界面上色,这款Skill先分主次

为设计系统添加颜色层级。

colorize 是 Impeccable 中给界面组织颜色的 Skill,指导 AI 根据品牌、内容和操作层级调整配色。它适合灰度界面看不出重点,或现有颜色没有稳定含义的产品。

同一个强调色如果既用在主按钮,又用在装饰背景和无关标签上,用户就难靠颜色判断哪里重要。文档要求先给颜色分工:文字、底色、操作、选中、焦点,以及成功或错误等状态,各有明确角色。

你把现有页面、品牌色和明暗主题要求交给它,AI 再据此调整整套关系。深色模式需要重新考虑表面层次与对比,不能简单把浅色界面反过来。图表也应配合文字、形状等线索,避免只有颜色能区分类别。

最后要检查实际前景和背景的对比,包括交互状态,不能只凭“看起来够清楚”。颜色的多少服从页面任务,最强的那一块应当落在你真正希望用户注意的地方。

分类:设计创作

来源仓库:pbakaus/impeccable

适合用来做什么

  • 这个界面看起来太灰暗了,能增加一些色彩吗?
  • 设计缺乏温暖感,你能提供一些色彩建议吗?

安装 colorize

npx skills add https://www.iskills.cc/skills/pbakaus/impeccable/colorize/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 colorize 的用途与原始说明

浏览全部 Skill 指南