首页 > 其他分享 >原型设计工具

原型设计工具

时间:2024-05-13 19:20:56浏览次数:21  
标签:原型 Mockups Balsamiq 设计 工具 交互 Axure

这篇博客介绍了三种原型设计工具:墨刀,Balsamiq Mockups,Axure
墨刀
网站地址:https://modao.cc/
墨刀,一款在线的移动应用原型与线框图工具。借助于墨刀,创业者、产品经理及UI/UX设计师能够快速构建移动应用产品原型,并向他人演示。
优点:容易学会,内置组件多,可以云端保存工作,通过分享链接就可以分享原型给别人看了,支持sketch文稿导入和自动标注。
缺点:不自由,首先这也于墨刀的产品定位有关,清晰定位为移动端原型设计工具,因此在交互效果上、控件组合上,操作面板的选择上都不如AXURE 灵活,并且效果切换因为是采用连线的方式,有时候会让使用者脑子错乱的感觉。并且目前原型的交互效果系统自带的还比较少,但基本满足日常所有原型的使用。另外需要充费才能够使用更强大的共享创建功能。


Balsamiq Mockups
Balsamiq Mockups出自加利福尼亚州的Balsamiq工作室,创始人Peldi在 2008年6月推出了这款手绘风格的产品原型设计工具,并广受好评。在Web产品设计中,Balsamiq Mockups是产品设计师绘制线框图或产品原型界面的利器。在产品设计的需求阶段,低保真的线框图或者草图设计介于产品流程设计与高保真DEMO设计之间,在Balsamiq Mockups出现之前,流程图可以使用Visio,高保真DEMO可以使用Axure,但并没有好用的草图设计工具;在产品设计管理中,我们通常在产品的业务流程和数据流转已经相当明确时才开始进一步考虑产品的结构层和框架层,虽然此时纸、笔、白板都是非常简单方便的交流工具,但是他们的最大劣势就是——很难将有价值的原型保存下来。Balsamiq Mockups的出现完美的解决了这个问题。
优点和特色:
易用:UI控件支持自动拖拽,并且可以实现自动对齐;
美观:手绘风格,简约清爽;
丰富:从按钮到输入框,从导航条到页面、表格,甚至包括了最潮的Iphone元素;
方便:对元素的修改除了工具栏外,还可以使用隐藏编辑框,支持快捷键;
兼容:可使用XML语言保存元素,也可以导出PNG图片,可以插入到任何项目;
跨平台:Windows、Mac OS、Linux下都可以使用,还有能集成在Confluence,JIRA,和XWiki中的版本,如果没下载桌面版,还可以直接使用网页版的Balsamiq Mockups。
应用范围: Balsamiq Mockups最好用于商用web产品设计中的低保真线框图或者草图设计,相对于纸和笔,它不够灵活;相对于Axure,它不够精确。

Axure
Axure是一款功能强大的原型设计工具,广泛应用于产品设计、界面设计、交互设计等领域。以下是关于Axure的详细分析:
一、优点:
丰富的交互元素库:Axure提供了丰富的交互元素库,包括按钮、链接、下拉框、滑动条、表格等常用的UI组件,以及复杂的动态面板、交互式表格、可编辑表格等高级组件。这使得设计师可以快速构建出一个高保真的原型,以供团队评估和测试。
强大的交互设计功能:Axure支持各种复杂的交互效果,如拖曳、滑动、弹出框等。同时,它还可以实现动态效果、自定义动画等高级效果,使得原型更加真实、逼真。
方便的团队协作:Axure支持多人协作,设计师可以通过云端平台进行文件共享和版本管理,方便团队协同开发。此外,Axure还支持导入和导出多种文件格式,如RP、PNG、JPG等,方便与其他设计工具进行交互。
强大的测试和反馈功能:Axure提供了丰富的测试和反馈功能,支持用户行为分析、可用性测试、问卷调查等多种方式,帮助设计师收集和整理用户反馈,为下一轮优化提供指导。
完善的教程和社区支持:Axure提供了丰富的教程和案例实战,帮助用户快速上手和掌握使用技巧。同时,Axure还拥有庞大的用户社区,用户可以在社区中交流经验、分享技巧、解决问题。
二、缺点:
学习成本较高:Axure的功能非常丰富,对于新手来说需要花费一定的时间学习和掌握。尤其是其动态面板、中继器等功能较为复杂,需要一定的学习和实践才能掌握。
素材库有限:虽然Axure提供了丰富的交互元素库,但其自带的素材库可能无法满足所有用户的需求。因此,用户可能需要花费一定的时间寻找和导入第三方素材库。
性能问题:由于Axure的功能非常丰富,其软件体积也较大,可能会对计算机性能造成一定的影响。尤其是在处理大型项目时,可能会出现卡顿或崩溃的情况。

通过对这三款软件的了解后,我更加倾向于Axure这款软件,以下是这款软件简单的演示:

这些是Axure的工具栏我们可以将里面的元素拖入设计区域进行设计

这里是Axure的交互工具栏,比如你添加了一个按钮,你可以在里面设计交互,比如说你在点击按钮之后可以设计在鼠标单击后有以下等操作,如图:

Axure在你进行设计后还有实时预览功能可以查看你当前设计在网页中体现出来是什么样的。

Axure这款软件还有很多很多功能,我对其的开发以及学习程度还较浅,以下是我通过简单的了解这款软件后做出有关我们小组项目的简单登录界面:

总之,Axure是一款功能强大的原型设计工具,具有丰富的交互元素库、强大的交互设计功能、方便的团队协作和完善的教程和社区支持等优点。虽然其学习成本较高、素材库有限和性能问题等缺点需要用户注意,但总体来说,Axure是一款值得推荐的原型设计工具。

我认为这三款软件各有自己的优势,选择一款自己容易上手的软件就行。

标签:原型,Mockups,Balsamiq,设计,工具,交互,Axure
From: https://www.cnblogs.com/nanjianghanfei/p/18189819

相关文章

  • 原型设计工具
    原型设计工具当今主流的原型设计工具有许多选择,每种工具都有其独特的特点和适用场景。下面我会介绍几种主流的原型设计工具,包括它们的特点、使用方法以及优缺点,并着重介绍其中的一个——Axure。一、软件对比Sketch:特点:Sketch是一款矢量设计工具,也可以用于创建界面原型。它......
  • http及https模拟工具使用总结及客户端及服务端模拟代码样例
      一、工具介绍1、restclient-1.2.jar为客户端请求工具,可以调用任何的http及https的服务,可以任意调用https的网页地址(比入百度等)及postman模拟的服务。 2、HttpMockServerTool.jar只能模拟http的服务端,不能模拟https的。 需要自己造个返回响应文档 1.txt使用参考......
  • 开发工具连接实例远程开发
    远程开发主要基于将开发环境(包括代码编辑、编译、运行等)从本地机器转移到远程服务器上,这个过程涉及几个关键组件和概念:立即免费体验:https://gpumall.com/login?type=register&source=cnblogs1.远程服务器远程服务器是托管远程开发环境的中心,可以是一个物理服务器,也可以是云中的......
  • 原型设计工具——墨刀介绍与使用体验
    一、初识原型设计工具在初踏入原型设计领域,我对于各种工具都充满了好奇。Axure以其强大的交互设计能力和高保真度的原型展示效果而闻名;Fluidui则以其简洁易用的界面和快速的原型搭建速度吸引了我;而墨刀,这款集合了高效与易用性的工具,赢得了作为新手的我的青睐。二、墨刀的魅力所......
  • 开发工具连接实例远程开发
    远程开发主要基于将开发环境(包括代码编辑、编译、运行等)从本地机器转移到远程服务器上,这个过程涉及几个关键组件和概念:立即免费体验:https://gpumall.com/login?type=register&source=cnblogs1.远程服务器远程服务器是托管远程开发环境的中心,可以是一个物理服务器,也可以是云中的......
  • 软件设计师基础学习 十一
    十一、软件工程基础知识11.1信息系统生命周期软件工程的基本要素:方法、工具、过程软件生存周期:可行性分析与项目开发计划、需求分析、概要设计(选择系统解决方案,规划子系统)、详细设计(设计子系统内部具体实现)、编码、测试、维护系统规划阶段:任务是对组织的环境、目标及线......
  • 超越美国,换个角度思考设计定义操作系统
     在操作系统这个领域,长久以来,一直都是美国独步天下。从小型机操作系统Unix,到PC操作系统Windows、Macintosh,还有手机操作系统iOS、Android,都出自美国人之手,即使是开源操作系统Linux,虽然号称全球协同开发,但是大部分代码的开发贡献者也都定居美国,包括开源界的佼佼者“RedHat”,也是美......
  • Python-Tkinter图形化界面设计(详细教程 )
    Python-Tkinter图形化界面设计(详细教程)声明:本篇文章为转载自https://www.jianshu.com/p/91844c5bca78,在原作者的基础上添加目录导航,旨在帮助大家以更高效率进行学习和开发。Python-Tkinter图形化界面设计(详细教程)#一.图形化界面设计的基本理解#当前流行的计算机桌面应用程序......
  • 一键自动化博客发布工具,用过的人都说好(csdn篇)
    CSDN应该是大家接触到最多的博客平台了,所以一款能够发布到CSDN的自动化工具还是非常有必要的。今天给大家讲讲自动化CSDN博客发布的思路和一些问题的解决办法。解决问题的思路一定是最重要的,知识是死的,问题是活的,如何在工作中解决遇到的问题是我们需要面临的大问题。前提条件......
  • 理解独立思考的定义后,可以设计一种评估方式来衡量个体的独立思考能力。以下是一种可能
    理解独立思考的定义后,可以设计一种评估方式来衡量个体的独立思考能力。以下是一种可能的评估方式:独立思考等级评估方式1.自主性(Autonomy)自我启发(Self-Inspiration):个体是否能够自主地提出问题或主张观点,而不是依赖外部指导或命令。自我引导(Self-Guidance):个体是否能......