一文带你快速了解原型图怎么画

更新时间:2023-04-25 20:46:05

在产品经理的设计工作中,使用原型图可以更具象地表达设计需求,提高团队之间的沟通效率。市面上也有很多优秀的原型图设计工具,比如「即时设计」和「axure」。由于即时设计基于 Web 浏览器运行的使用方式和全中文的操作环境,降低了新手小白制作原型图的难度,因此本文将使用即时设计为大家演示制作原型图的方法。除了即时设计,本文还将推荐一款可以通过 AI 技术快速制作原型图的工具,让大家通过文字描述即可制作原型图,一起往下看吧!

1、在线进行,更简单的原型图制作教程

(1)首先打开浏览器网页搜索“即时设计”,之后进行账号登录,进入到“个人工作台”页面。点击“创建文件”打开即时设计的画布操作页面。

在画布操作页面左侧的工具栏中,点击“插件/小组件”工具,调用即时设计的“小组件”功能,之后在画布操作页面便会出现小组件菜单,其中“我的”选项卡内容为已经添加的小组件,“社区”选项卡内容为即时设计提供的所有小组件。通过在画布上拖放小组件,我们来实现原型图的制作。

除了在画布上调用之外,还可以在即时设计资源广场版块中进入“小组件”页面查看即时设计提供的所有小组件,点击“添加”按钮,即可将相关小组件添加到个人账号中,方便下次直接使用。以下为具体操作步骤演示:

原型图怎么画

(2)在画布上,直接拖动即可实现小组件的调用。其中,即时设计提供的小组件大部分自带交互效果,无需再手动添加,比如轮播图组件,将轮播图组件拖放到画布上,之后为轮播图组件上传图片,再打开“自动切换”按钮,便实现了原型图中的轮播图效果。如果不开启“自动切换”按钮,则轮播图组件在原型图中需要点击才会切换图片。

2、AI 工具,更简单的原型图制作方式

除了即时设计之外,我们还可以使用「即时 AI」来制作原型图,且更方便更快速。「即时 AI」是一款依赖 AI 技术生成内容的工具,所以在「即时 AI」的操作页面,提交文字描述,即可一键生成原型图。

「即时 AI」是国内首款可以一键生成页面内容的 AI 工具,尽管现在还处于 Beta 阶段,只开放了“文字生成设计”功能,但页面生成效果已经可以投入使用。关于「即时 AI」的操作方式也非常简单,只需要在文本框中输入对原型图的设计要求,然后点击“生成页面”按钮,「即时 AI」便会自动生成 4 个高保真的原型图,供用户挑选使用。

利用 AI 技术,根据文字描述即可自动生成原型图——即时 AI

3、总结

以上便是关于「原型图怎么画」的全部内容,下面为大家总结一下,本文使用即时设计为大家演示了原型图的制作过程,在即时设计的画布操作页面,通过拖放小组件即可轻松制作原型图。其次,通过「即时 AI」,使用文字描述也可以制作原型图,「即时 AI」提供了更简单的原型图制作方式,比较适合没有原型图设计基础的用户使用。如果想了解更多图形设计操作,比如线框图,流程图等,可以前往即时设计的插件广场版块安装相应工具。插件广场提供了丰富的可免费使用的图形设计工具,在站内可直接使用。