交互原型图的软件-主流原型设计工具

原型工具旨在让人们更好地创建和显示应用程序、网站或软件的交互式原型。 下面我将介绍几种常见的原型设计工具。

1.Axure

Axure RP是美国Axure Software Solution公司的旗舰产品。 它是一款专业的快速产品原型制作工具,允许负责定义需求和规范、设计功能和界面的专家快速创建线框图、流程图、原型和规范文档。 作为一款专业的原型设计工具,它可以快速高效地创建原型,同时支持多人协同设计和版本控制管理。

优点:操作多样,内置组件库并支持强大的第三方组件库,交互支持强,教程和配套文档齐全,支持原型预览。

缺点:学习曲线高、性价比低、专业要求高。

适用人群:适合追求强交互效果和细节的产品经理和设计师。 他们需要有一定的经验或较强的专业精神。

指示:

1、主菜单和工具栏:进行常用操作,如打开文件、保存文件、格式​​化控件、自动生成原型和规格等;

2.站点地图面板:添加、删除、重命名和组织设计页面的页面层次结构(包括线框图和流程图);

3. 控制面板:该面板包括线框控件和流程图控件。 此外,您还可以加载现有的组件库(*.rplib文件)来创建您自己的组件库;

4.模块面板:可以重复使用的特殊页面。 在此面板中可以添加、删除、重命名模块并组织模块分类层次结构;

5. 线框工作区:线框工作区也称为页面工作区。 线框工作区是原型设计的主要区域。 在此区域中,您可以设计线框图、流程图、自定义组件和模块;

6.页面属性:这里可以设置当前页面的样式,添加与页面相关的注释,设置页面加载时触发的onpageload事件;

7.组件消息交互面板:这里可以设置组件运行时的消息传递;

8.组件属性:这里可以设置选中组件的标签和样式,添加组件相关的注释,设置页面加载时触发的事件;

9.组件管理:这里可以添加和删除动态面板的状态,以及状态的排序,还可以在这里设置动态面板的标签; 当绘图原型的动态面板被覆盖时,我们可以点击此处选择对应的动态面板,也可以双击状态进入编辑。

2.墨刀

MoKao,一种在线移动应用程序原型设计和线框图工具。 在魔道的帮助下,企业家、产品经理和UI/UX设计师可以快速构建移动应用产品原型并向他人展示。

优点:简单易学,内置组件多交互原型图的软件,可以在云端保存工作,可以通过共享链接与他人共享原型,支持草图文档导入和自动注释。

缺点:不免费。 首先,这也与墨刀的产品定位有关。 它明确定位为移动原型设计工具。 因此,交互效果、控制组合、操作面板选择不如AXURE灵活,效果切换采用连线方式有时会让用户感到困惑。 而且目前原型机的交互效果系统还比较少,但基本满足了所有原型机的日常使用。 另外,使用更强大的分享创建功能需要收费。

3. 远见

InVision 是一个基于网络的在线原型设计和协作工具。 设计师只需上传各种原型设计界面或组件的图片(当然,设计师首先需要通过其他图片软件交互原型图的软件,如Sketch或PhotoShop绘制相关图片),为其添加热点,并根据演示单独或协作制作需要完成各种原型交互动画。

优点:主打“交互原型”和“协作”,支持导入sketch、ps设计稿进行交互。

缺点:对于国内用户来说,会存在服务器速度问题。