游乐游手机版
首页/AI热点日报/热点详情

夸克AI UX设计提示词设计步骤与技巧

类型:热点整理2026-06-22
利用编程思维为AI输入精确指令,锁定用户真实操作路径、引用平台规范与设备物理限制,并通过AI自我评审暴露设计断层,从而生成带交互逻辑和状态变化的可执行UX设计稿。

先锁定真实用户动作,别写功能,写手指在屏幕上的路径

关键是把“用户要做什么”翻译成“屏幕如何响应”。打开夸克AI,别问“怎么设计医保查询”,而要输入这样一段精准指令:

“用户想在30秒内查完医保报销进度,当前已登录但未绑定社保卡。请写出ta从点击首页‘办事’图标开始,到看到‘预计到账时间’这行字为止,每一步操作触发的界面反馈(如按钮变灰/弹出轻提示/跳转加载页),并标注哪步最容易因网络延迟导致放弃。”

这样一来,AI输出的就不是概念,而是可执行的交互序列。注意,描述必须用“用户+动词+结果”的刚性结构。例如,必须写成“点击‘查看明细’后,底部弹出带金额的折叠面板,而非跳转新页”。如果漏掉“折叠面板”这个具体组件名,AI很可能默认生成一个全屏新页面,这就和实际的App交互规范冲突了。

夸克AIUX设计提示词怎么做设计

把设计约束转化成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提示词该有的样子。

来源:https://www.php.cn/faq/2678901.html?uid=1431639

相关热点

继续查看同栏目近期热点。

延伸阅读

补充最近整理过的热点入口。