在 MasterGo 的 AI 生成界面中,直接勾选“暗色模式”开关,即可一键生成暗黑风格的原型界面,无需手动修改代码或切换主题,操作非常便捷。但要想获得更精准的效果,仅在开关上操作还不够,建议在需求描述中加入一些精心设计的提示词。

先找到暗色模式开关
在 MasterGo 的 AI 生成界面中,需求描述输入框下方有一组视觉设置选项。其中「模式」下拉菜单默认显示为“亮色”,点击后即可选择“暗色”。选中该选项后,AI 会自动适配深色背景、浅色文字、高对比控件等设计元素,这些均符合 WCAG 无障碍标准,不会出现刺眼的反差问题。
搭配关键词,效果更精准
仅选择暗色模式有时难以满足精细需求,建议在需求描述中加入与暗色相关的具体关键词,例如:
- “整体采用深灰(#121212)作为背景,主色使用靛蓝(#4F46E5)进行点缀”
- “按钮悬停时带有柔和的发光效果,文字颜色采用 #E0E0E0 以确保清晰可读”
- “图标采用线性与填充混合风格,在暗色背景下保持高辨识度”
这样一来,AI 生成的界面就会更加贴近你的设计细节,而非千篇一律的默认暗色效果。
生成后快速验证与微调
将生成的界面插入画布后,不要急着收工——建议先用原型模式预览一下。点击右上角的「原型」按钮,在右侧属性栏中将「设备模型」设为 iPhone 或 MacBook,再开启「暗色模式」模拟开关(部分设备支持系统级暗色同步)。如果发现某处文字颜色过淡,或按钮缺少交互反馈,选中对应图层,在右侧交互面板中添加“悬停 → 改变不透明度/颜色”效果即可。如需批量调整,可以使用「选择同类型图层」功能,一次性修改所有文本颜色或阴影参数,省时省力。
复用已有暗色组件库
MasterGo 内置了适配暗色模式的主题组件,例如 Ant Design Dark、Material You Dark 等。在左侧资源面板中搜索“dark”,即可直接拖入使用。如果 AI 生成时注明“使用 Ant Design 暗色组件”,它便会优先调用对应样式,后期几乎无需重绘,直接复用即可。
