在UI设计过程中,配色方案往往是最令人困扰的环节——设计师需要反复打开调色板、逐层调整填充色,还要确保所有组件风格统一。MasterGo AI 通过一句自然语言指令,彻底简化了这一流程。用户只需输入“主色调用这个颜色”,AI 即可实时生成或重新生成界面,并自动将颜色应用到按钮、导航栏、高亮状态等关键组件上,确保整体视觉效果协调美观。

本质上,MasterGo AI 并非对已有颜色方案进行“修改”,而是在生成或重新生成界面时,将用户对颜色的需求直接融入生成过程。这样一来,设计师无需手动逐层查找图层并更改颜色,繁琐的调色板操作也成为了历史。
输入描述中直接指定主题色
最直接且常用的方法,是在AI生成界面的输入框中,将颜色信息写入需求描述。输入完成后,AI会自动将指定颜色应用到关键组件,同时保持视觉协调性。
- 实际示例:“设计一个企业后台系统,主色调为 #2563EB,采用圆角矩形和暗色模式”——仅需一句话,颜色方案便确定下来。
- 支持多种颜色格式:HEX(如#1E90FF)、RGB(如rgb(30, 144, 255)),甚至英文色名(如blue)均可准确识别。
- 若不指定颜色,AI采用中性配色作为默认方案;一旦指定,所有高亮交互元素将自动适配所选色系。
生成后用指令微调颜色表现
初稿生成后,若对某些部分不满意,无需删除重做,只需在对话框内发送新指令,AI便会局部重绘相关区域。这种快速迭代方式显著降低了颜色调整的沟通成本。
- 可进行精细化控制:“将所有按钮改为深蓝色,背景保持浅灰”——仅修改按钮,其余元素保持不变。
- 也可统一风格:“按Material Design色彩系统重新配色”——整个界面的颜色气质将随之改变。
- 还能关联语义:“让价格标签用绿色表示促销,原价用灰色”——颜色与业务含义自动关联。
结合 MasterGo 原生颜色样式复用
AI生成的图层默认采用纯色填充,并会自动创建或匹配用户已有的颜色样式(如【主色】【辅助色】等命名)。这意味着,用户可在右侧属性面板中一键替换,或批量选中多个图层进行统一应用,无需逐个手动修改。
- 生成后的图层保留了结构层级,便于后续通过“填充”栏的颜色样式库进行批量更新。
- 若团队已建立设计系统,AI生成结果将优先映射到对应的样式名称——例如,输入“主色”,AI即会使用定义好的【主色】样式。
- 需注意:AI不会覆盖渐变或图片填充。若目标图层为渐变或位图,建议先确保其为纯色填充后再进行颜色更换。
导出时同步颜色规范文档
当多页设计完成且配色方案确定后,MasterGo可自动生成一份颜色规范文档。该文档包含HEX、RGB值、使用场景说明以及对比度检测结果,开发人员可直接依据此文档开展工作,无需反复询问色值。
- 支持一键导出为PDF或Markdown格式,便于归档和交付。
- 规范中会清晰标注哪些颜色由AI推荐生成,哪些为手动设定,一目了然。
- 若启用了设计系统管理,AI生成的新颜色可自动加入系统库,后续页面可直接复用。
