首页 > 编程知识 正文

原型图axure教程,原型图设计软件

时间:2023-05-06 01:42:31 阅读:55905 作者:2185

在移动APP应用开发方兴未艾的今天,一个好的APP原型设计理念很容易就被坏的界面和体验破坏了。 现在很多原型工具可以帮助我们解决问题,但是如何选择原型工具是设计师最头疼的事情。 一方面是因为不知道适合自己的工具,另一方面又没有时间一一使用。 那么今天,作为参考,我将介绍以下8种原型设计工具。

1.Axure

网站地址: Axure RP - UX Prototypes,Specifications,and Diagrams in One Tool

Axure RP是美国Axure Software Solution的旗舰产品,是专业的高速产品原型工具,由负责定义要求和规格、设计功能以及界面的专家在APP应用软件或网站上作为专业的原型工具,我们可以快速高效地创建原型,支持多人共同设计和版本控制。

优点:多种操作、独特的组件库、强大的第三方组件库支持、强大的交互式支持、完整的教程和支持文档以及原型预览服务

3358 www.Sina.com/http://www.Sina.com /学习曲线高,性价比不高,专业需求高。

适合追求较强的交互效果和细节的产品经理和设计师,需要一定的经验或较强的专业性。

缺点:

用下图说明axure的使用环境。

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

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

3、控制面板:此面板包含行块控制和流程图控制。 您也可以载入现有零件库*.rplib文件以创建自己的零件库。

4、模块面板)可以添加、删除、重命名、组织模块的可复用特殊页面;

5、线架构空间:线架构空间又称页面工作空间,线架构空间是进行原型设计的主要领域,在这个领域中,线架构、流程图、定制部件、模块

6、页面属性:在这里可以设置当前页面的样式,添加有关该页面的评论,以及设置页面加载时触发的onpageload事件;

7、部件信息交互面板:可以在此设置部件操作过程中的消息传递;

8、组件属性:在这里可以设置选定组件的标签、样式,添加有关该组件的注释,以及设置页面加载时触发的事件。

9、部件管理:可以在这里添加、删除动态面板的状态和状态排序,也可以在这里设置动态面板的标签; 如果原型动态面板是覆盖的,则可以在此处单击以选择相应的动态面板,也可以双击以进入编辑。

有关详细使用信息,请参阅原型设计工具——axure知识和使用_xpbob博客-CSDN博客

2 .墨水刀

站点地址:墨刀-在线产品设计协作一体化平台

墨刀,在线移动APP应用原型和线块工具。 墨刀使企业家、产品经理和UI/UX设计师能够快速构建移动APP应用程序原型,并向他人演示。

适用人群:易于记忆,有很多内部组件,可以在云中存储工作。 通过共享链接可以共享原型给别人看,支持sketch原稿的导入和自动添加标签。

价格:不自由,首先这也与墨刀的产品定位有关,被清晰定位为移动端原型设计工具,因此在交互效果、控制组合上,操作面板另外,目前样机的交互效果系统还很少,但基本满足日常所有样机的使用。 此外,使用更强大的共享创建功能需要充值。

优点:

缺点:需要简单的demo和领导者沟通的设计师。

使用案例:

3.Invision

站点地址: invision,工作流协作

InVision是一个基于web的在线原型设计和协作工具。 设计师可以很容易地上传各种原型设计的界面和部件图像。 当然,设计师必须首先通过其他图像软件(如Sketch和PhotoShop )创建相关图像。 )添加热区,并根据演示需要

,独自或协作制作完成多样的原型交互动画。

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

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

价格:

适用人群:设计师更多的将其作为原型演示工具,便于收集多方设计反馈。

4.Proto.io

网站地址:Proto.io - Prototyping for all

Proto.io是一个专门用于移动应用的产品原型工具——可以构建和部署全交互式的移动应用的原型,并且可以模拟出相似的成品。基于Web的在线环境,它可以让你制作流行的 iPhone,iPad,Android 手机以及任何带有屏幕界面的产品原型。并且它可以运行在大多数的浏览器中,并提供了3个重要的接口:dashboard、编辑器以及播放器。

优点:丰富的UI元素,且可以自定义;支持多屏互动和组件交互,可以从Dropbox上传设计图。

缺点:不支持实时预览,交互动效较多时动画不够流畅,性价比不高。

价格:免费试用15天 专业版(5个项目)1924 RMB/人/年

 适用人群:擅长于使用Web浏览器的产品经理或设计师。

使用案例:

 

5.Mockplus

工具地址:http://www.mockplus.cn/features

Mockplus是一款快速简单的原型设计工具,主要适用于新手产品经理和设计师。

优点:封装3000个图标和200个组件,操作简单快速,学习成本低。在最近发布的版本中支持团队协作功能,审阅和评论非常方便,听说在即将到来的3.2版本中,支持将Sketch的设计文档导出为Mockplus的mp项目文件。导出后,你可以在Mockplus中打开它。说了很久的页面流程图也终于要面世了。Mockplus的页面流程图可以做到:

– 即时生成;

– 你可以选择展示全部或任意多个页面的流程图;

– 智能生成流程链接线,同时也可以手动调整;

– 展示页面的批注信息;

– 一次导出页面流程图。

缺点:不支持手势操作,函数和动态面板。官网教程较少,例子模板没有具体的操作步骤。

价格:基础版永久免费,付费版118元/年,终身版:699元,无需另外付费更新版本。

适用人群:各阶段的产品经理及UI/UX设计师,追求中低保真,交互效果,快速原型,新手或专业人群皆适宜。

使用案例:

 

6.Fluid UI

网站地址:FluidUI.com - Create Web and Mobile Prototypes in Minutes

 Fluid UI是一款用于移动开发的原型设计工具,它能够帮助设计师快速高效地完成产品原型图的设计。

优点:Fluid UI 内置超过1700款的线框图和手机UI控件,并且还会经常进行更新,适合跨平台开发者。而且是html5版,全平台支持!

缺点:不够直观,免费版只能创建一个1个项目和10个页面

价格:付费版25美元/月,可以创建10个项目和无数个页面以及使用所有组件库。

适用人群:适合习惯使用多平台的产品经理及设计师。

7.Balsamiq Mockups

网站地址:Balsamiq Wireframes - Industry Standard Low-Fidelity Wireframing Software | Balsamiq

它是一款低保真的线框图工具,主要用于原型设计的初始阶段。

优点:内置了大量的模块,在需要的时候在搜索框里找,然后拖到画布里面进行排序组合,画图很快速,功能强大(比如在tab选择框里可以选择哪个tab是active,哪些是default的)。很快就能画出想要的app原型。如果你还觉得BM内置的模块点少?Mockups To Go 可以满足你需要的大部分需求!

缺点:Balsamiq Mockups里面画的只是草稿,没有配色,没有设计风格。它只是每个页面的布局,不能进行交互展示。

价格:个人版89美元,可以根据项目数量来购买。

适用人群:需要生成简单原型(草图)的产品经理或设计师。

使用案例:

8.Justinmind

网站地址:Free prototyping tool for web & mobile apps - Justinmind

中文网站地址:Justinmind中文网 - 为移动设计而生!

Justmind是一款为移动而生的原型设计工具,虽然它没有像Axure那么火,但是对移动APP的原型设计支持似乎比axure更好。

优点:高保真,支持手势操作。Justinmind的新小部件库包括所有的苹果IOS图标,还添加了Android Nougat UI工具包。并且在版本7.6.0中与Microsoft Team Foundation Server集成,添加一些新的现成屏幕,如苹果音乐播放列表,库和播放器屏幕,和苹果通知屏幕。

缺点:学习成本高,定义为高保真,需要设计人员懂的美工,又要懂的产品。Justinmind导出的html文件限制很强,需要特定的浏览器,还需要安装插件。动态面板无状态交互。

价格:29美元/月,终身版:495美元,Justinmind终身版仅支持一年的大小版本更新。 如果你想在第一年后继续使用新版,则需每年花费额外的$ 99保持更新。

适用人群:追求高保真原型的产品经理及设计师。

使用案例:

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。