很多人用 Image2 生成 UI,第一反应是把 prompt 写得很长。 但我现在更习惯先拆约束。 这次我用的是一个智慧灌溉 app 的例子。 不是让 AI 随便画一个界面,而是先把需求拆成 5 类: 主题约束 先告诉 AI 做什么产品。 不要只写“做一个 app UI”,要说清楚行业、场景和用途。 比如:智慧灌溉 / 移动端 / 管理平台。 色调约束 告诉 AI 用什么颜色。 不要让 AI 自己猜颜色,直接限定主色。 比如:蓝白色调 / 科技感 / 数据型界面。 结构约束 告诉 AI 页面怎么排。 比如:保留三屏并排,每一屏负责不同功能。 结构说清楚,AI 才不容易乱排版。 细节约束 告诉 AI 页面里要有什么。 比如:数据卡片、图表、设备状态、农业场景。 细节越具体,结果越像真实产品。 边界约束 告诉 AI 不要做成什么。 不要概念海报,不要纯视觉稿,不要脱离业务。 要像真实、可用的产品界面。 所以好 prompt 不是堆形容词,而是每一句都有任务。 参考图负责锁结构, prompt 负责补主题、色调、结构、细节和边界, 这样生成出来的 UI 方向图,才更容易继续往后做。 下一篇我可以继续拆: 这张 UI 方向图怎么接到 Codex / Figma 工作流里。 #设计技巧 #AI设计 #Image2 #UI设计 #设计师AI工作流 #Figma #Codex #AIGC设计 #提示词 #设计师日常