先锁定真实用户动作,别写功能,写手指在屏幕上的路径
关键是把“用户要做什么”翻译成“屏幕如何响应”。打开夸克AI,别问“怎么设计医保查询”,而要输入这样一段精准指令:
“用户想在30秒内查完医保报销进度,当前已登录但未绑定社保卡。请写出ta从点击首页‘办事’图标开始,到看到‘预计到账时间’这行字为止,每一步操作触发的界面反馈(如按钮变灰/弹出轻提示/跳转加载页),并标注哪步最容易因网络延迟导致放弃。”
这样一来,AI输出的就不是概念,而是可执行的交互序列。注意,描述必须用“用户+动词+结果”的刚性结构。例如,必须写成“点击‘查看明细’后,底部弹出带金额的折叠面板,而非跳转新页”。如果漏掉“折叠面板”这个具体组件名,AI很可能默认生成一个全屏新页面,这就和实际的App交互规范冲突了。

把设计约束转化成AI能执行的硬条件
想让AI不跑偏,就得用平台规范和物理限制把它“锁死”。
方法一:用平台规范倒逼细节
直接引用成文的设计规范。例如输入:“按微信小程序《设计规范v3.2》第4.1条要求,‘查询类表单提交后必须保留输入框内容’。请基于‘公积金提取进度查询’场景,写出提交按钮点击后的3种状态文案(初始态/加载中/成功态),每种不超过12字,禁用‘请稍候’‘成功啦’等模糊表达。”
有了这条规范引用,AI生成的文案会自动避开“重置表单内容”的错误设计,状态文案也会更具体,比如“正在核对”“核验通过,金额已锁定”。
方法二:用设备物理限制锚定方案
考虑真实的硬件环境。可以输入:“目标用户65%使用iPhone SE(屏幕宽375px),查询页需单手拇指完成全部操作。请给出‘医保余额’卡片的三个可点击热区坐标(x, y, width, height),并说明为什么右下角120×120px区域比左上角更适合作为‘刷新’入口。”
这里有个魔鬼细节:坐标值必须带上单位px。如果不写,AI大概率会输出百分比数值,前端工程师拿到手根本无法直接使用。
让AI模拟真实评审会,强制它暴露设计断层
最后一步更狠:让AI自己当评审,揪出原型稿里的问题,再把这些问题变成硬性设计约束。
第一步:先让AI判断你给的原型缺陷
在夸克AI中输入:“这是某政务App‘养老认证’流程的三页截图文字描述:①首页仅显示‘立即认证’蓝色按钮;②第二页是身份证上传框,无示例图;③第三页显示‘认证成功’绿色弹窗,无下一步引导。请指出这三页违反《适老化设计指南》的3个具体条款(写明条款编号),并说明每个问题会导致哪类用户在哪个环节流失。”
第二步:基于缺陷反推提示词
拿到AI的“评审意见”后,立刻追加指令:“现在,请把上述3个问题全部转化为AI绘图提示词可用的约束条件,格式为:【禁止……】【必须包含……】【尺寸限定……】,每条独立成行,不解释。”
走完这两步,你拿到手的就不再是温和的建议,而是一组可以直接丢给UI工具、带着“血丝”的强制性设计指令。这才是一个能真正交付给设计师、能直接进入开发环节的UX提示词该有的样子。
