UI mockup 提示词最适合定义产品语境、页面目标、信息层级、密度、组件风格和设备框架，不应替代生产设计规范。
本主题包用于探索视觉方向，之后仍要用设计系统重建界面，补真实数据、可访问文字和已测试交互。
一次只描述一个页面和一个核心任务，明确用户角色、关键信息、导航、动作与设备尺寸，避免把多个无关界面拼在一张图里。
把生成稿当故事板，检查主操作、信息分组以及空、加载、错误、成功、禁用和溢出状态，再映射到真实组件库。
最终实现必须重新处理语义、键盘、焦点、对比度、多语言、响应式和安全要求，不使用真实客户数据，也不照搬竞品界面。
适用场景
- - App 首屏
- - 仪表盘概念
- - 移动流程预览
- - 产品方向缩略图
如何改写
- - 替换产品类型和核心用户任务。
- - 指定密度、导航和组件风格。
- - 最终 UI 在图像模型外重建。
常见错误
- - 把生成 UI 文案当最终。
- - 忽略可访问性。
- - 一张图混入太多页面。
精选案例
App UI Mockup 提示词 案例
每个案例保留真实媒体、模型路线、来源归因和复用提醒。
已展示全部
主题包常见问题
App UI Mockup 提示词 可以商用吗？
页面保留来源归因和商用提醒；用于客户或付费项目之前，仍需按案例复核来源、品牌、肖像、Logo 和第三方素材权利。
如何改写 App UI Mockup 提示词？
先保留提示词结构，再替换主体、场景、画幅、镜头、风格和限制条件；改写后回看来源与商用风险。
为什么不是全量列表？
主题包只展示精选案例，避免把低质量或重复 case 扩成大量可索引页面。