产品原型图设计技巧分享，用AI轻松搞定！

更新时间：2024-03-13 10:23:56

原型图是产品开发生命周期的核心部分，产品原型图就是指成品形成之前初步的产品框架，通过排版和添加交互的方式，让产品呈现出一个可视化的预览展示图，以明确产品后续的开发是否具有可行性、落地性。而在产品原型图需求量巨大的今天，AI 工具应运而生～让无设计经验的小白也可以快速完成产品原型图设计，今天是产品原型图设计技巧分享，让你用 AI 轻松搞定它！

1、产品原型图设计 AI 工具介绍

今天我们所要使用到的设计工具是 —— 即时 AI，是由即时设计推出的的 AIGC 产品。即时 AI 在 UI 设计圈内已经有很多人都用起来了，自带两种界面生成模型，支持输入 240 个文字字符，30 秒即可生成二次可编辑图像！作为全球首个自然语言就能生成产品原型图的设计工具，即时 AI 绝对是国货之光！

点击使用免费产品原型图 AI 工具👇

即时设计目前除了即时灵感、即时 AI 这两个 AIGC 产品以外，最新还推出了最新产品 —— 一句话 / 一张图生成绘画图的 “A1” ，点击使用👉即时设计最新 AI 产品 —— A1。

2、产品原型图 AI 设计技巧

在 AI 生成产品原型图的过程中，最重要的就是 “Prompt” ，也就是我们常说的 “描述词”，我们今天分为明细型与概括型这两设计模型分别介绍 “Prompt” 的设计技巧。

2-1 明细型：网站 /app 主题 + 分页逻辑 + 分页内容

适用模型：JS-UIbotics 模型 > JS-INNO 模型

描述举例：生成一个点餐小程序原型图，要求包括登陆页、首页、美食详情页、我的页 4 个页面。在登陆页中登陆方式包括手机号登陆、微信登陆、QQ 登录；首页中包含附近推荐、热门餐厅以及评分等；我的页中展示订餐历史、订单等内容。

2-2 概括型：生成 XX 主题 的 APP 、网站

适用模型：JS-INNO 模型 > JS-UIbotics 模型

描述举例：生成一个点餐小程序原型图。在概括型描述中，也可以对页数、页面类型、交互事件进行指定在更高控制力的条件下，让 AI 进行自由创作。

3、产品流程图添加细节优化

完成上面的步骤，就可以对产品原型图进行细节优化啦！在右上角找到 “编辑” 按钮，就可以进入到即时 AI 的编辑面板，与即时设计的编辑工作台基本一致。

如果你想要使用即时设计的插件和组件，当然也可以点击右上角蓝色按钮 “保存至工作台” 中自动跳转到即时设计工作台，插件、组件就随便用咯！

4、小结

用 AI 搞定产品原型图就是这么简单！快去即时 AI 试一试吧 ~ 无论你身处在哪个行业，原型都无处不在，即时 AI 把最少需要个把小时的工作量直接变成 30 秒，而且没有学习曲线，新手直接上手操作无压力！点击注册即时设计。

点击图片进入即时设计👇