您现在的位置: 晨光科技 >> 文章 >> 技术 >> IT >> 正文  
  4款交互原型设计工具评测           
4款交互原型设计工具评测
[ 作者:佚名    转贴自:http://www.evget.com/article/2012/11/15/18107.html    点击数:40    更新时间:2015/9/18    文章录入:admin ]
[注:本站登载的某些文章并不代表本站支持或反对其观点或肯定其真实性]

4款交互原型设计工具评测

对比评测 | 作者:慧都控件网 | 2012-11-15 15:24:20| 阅读 3793有用 (4)评论 (0)收藏


标签:网站设计
概述:原型设计工具:Axure是Web产品前期设计的首选,能快速、简易地建立Web AP和Website的线框图、流程图、网站架构图、示意图和HTML模版等;Prototype Composer: 一款能够让非技术型的用户进行原型设计的免费软件;Balsamiq Mockups:Balsamiq Mockups结合Wacom软件使用,绘制出的原型图既能表现涂鸦风格,又能还原手绘效果;GUI Design Studio:一个给应用软件设计图形用户界面的专业工具…

做原型设计应该用什么工具?这是一个令人感兴趣的话题,也是一个值得思考的问题。从最基本的纸笔,到Visio 再到AxureRP Pro,也许您在不断的尝试和比较中,依然没有一个明确的答案。其实,我们如果脱离了目的,而在这里单纯地讨论工具是没有价值的,所以,在这里我们简单介绍一些关于原型设计的工具,以帮助您更好的认识它。

首先,我们要弄懂什么是原型(prototype)?

原型是在项目前期阶段,以发现新想法和检验设计为主要目的的设计行为,其基本要求在于体现产品主要的功能、提供基本的界面风格、展示比较模糊的部分,以便于确认或进一步明确,防患于未然。当然,原型最好是可运行的,如果不能运行,至少在各主要功能模块之间要能够建立相互连接。

接下来,我们就介绍四款比较常用的原型设计工具:AxureRP ProPrototype ComposerBalsamiq MockupsGUI Design Studio

AxureRP Pro

AxureRP Pro是目前最受关注的交互原型设计工具。它是Web产品前期设计的首选,能通过组件的方式帮助网站策划人员和网站功能界面设计师,快速、简易地建立Web AP和Website的线框图、流程图、网站架构图、示意图和HTML模版等。

4款交互原型设计工具评测

AxureRP Pro特点:

  • 快速创建带有注释的示意图文件,并可根据所设置的时间周期,软件自动保存文档,确保文件安全。其中,示意图内建了许多会经常使用到的Widget元件,例如:按钮、图片、文字面板、选择钮、下拉式菜单。
  • 自动输出Word格式规格文件,规格文件包含目录、网页清单、网页和附有注解的Master、Annotation、Interaction和Widget特定的资讯,以及结尾文件(例如:附录),规格的内容与格式也可以依据不同的阅读对象来变更。
  • 在不写任何一条Html与javascript语句的情况下,通过创建的文档以及相关条件和注释,可以一键生成HTML  prototype演示。
  • 拥有丰富的脚本模式,通过点击和选择能够快速完成界面元素的交互,如链接、State切换、动态变化等效果。
  • 大多数的Widget可以对一个或多个事件产生动作,包括onClick、onMouseOver和onMouseLeave等。
  • 拥有低保真、高保真界面和界面上下文功能。
  • 支持流程图,但流程图不能直接点击跳转。

Prototype Composer

Prototype Composer是一款能够让非技术型的用户进行原型设计的免费软件,同时它还包括商业过程、活动、用户界面、需求和数据,不但可以制作界面原型,还可以用来做项目管理,包括需求管理,数据管理。

Prototype Composer特点:

  • Prototype Composer提供了完整的集成环境,可轻松的进行设计、建模,在进行开发之前使得商业应用软件合理化。
  • 以可视化的形式描述软件的工作模型。
  • 提供可定制的MS Word规格说明书模板库,可自动组装上从模型中产生的数据,只要点击一个按钮,就能创建任何您所需要的需求、功能、技术规格说明。
  • 让您在真实的代码编写之前就可以看到网站是如何运行的。

Balsamiq Mockups

Balsamiq Mockups主要是做界面原型设计,这是一款带有手绘涂鸦风格的原型设计软件,这也是它独特的地方——可以手绘。Balsamiq Mockups结合Wacom软件使用,绘制出的原型图既能表现涂鸦风格,又能还原手绘效果,如果您喜欢Wacom,那您一定会喜欢Balsamiq Mockups。同时,为了保证原型风格的一致性,Balsamiq Mockups还能将图片转化为手绘风格。在原型阶段,手绘风格可以促进设计者和客户把注意力集中在程序的功能、布局和交互上,这样当您与客户交流的时候,您就不会听到客户说“我不太喜欢这个按钮的颜色……”。当然Balsamiq Mockups也有丰富的控件元素,可以帮助您快速设计桌面应用软件,Web 2.0 站点,RIA富网络应用程序, Web站点和Web应用软件。

4款交互原型设计工具评测

Balsamiq Mockups特点:

  • 预制了很多界面元素,从简单的输入框、下拉框、浏览器主要元素,到经常用得到的导航条、日历、表格,再到复杂的Tag Cloud、Cover Flow、地图和Wyswyg的格式工具栏等。
  • 丰富的手绘风格的Web常用元件,包括常用的Html控件、以及一些组合控件,如多媒体控制器、标签页、列表、Iphone界面元件等。
  • 使用Xml语言来记录和保存界面元素和布局。
  • 每个设计都能被很好的放进SVN,Git,和CVS等工具中进行管理和跟踪。
  • 跨平台使用,Balsamiq Mokups是用Flex和Air实现的,所以在Mac OS, Linux和Windows环境下都能使用。
  • 提供Wiki风格的代码规则,只要输入文本符号就能生成图标。

GUI Design Studio 

GUI Design Studio 是一个给应用软件设计图形用户界面的专业工具,它可以快速的把思路,以可视化的方式来表现出来,并可以和客户进行交流想法。GUI Design Studio同时也是一个不需要软件开发和编码的完整的设计工具,它支持所有基于微软 Windows 平台的软件。

常用原型设计软件对比

 

GUI Design Studio特点:

  • 自带流程控制和命令促发判断。
  • 多达120余种可用的内置设计元素,使用标准的Windows控件,Web元素以及其他的泛型元素创建窗体。
  • 以不同的视图风格查看设计,允许您无需修改设计即可改变演示效果。
  • 用法的超链接,直接以建立元素与元素之间的关联的方式来自动化的创建动作流程。
  • 在不需要编写任何代码或脚本的情况下,使用标准元素绘制个性化的屏幕、窗口及控件,快速创建演示原型,并将它们整合以展示操作工作流程然后运行模拟程序以测试设计。
  • 提供的了大部分C/S、B/S组件的示意图,可组合使用。
  • 精确的图标、窗体定位,可以具体到每一个Px。
  • 提供丰富的配色方案,在菜单参数选择里面选择颜色配置,然后所有的界面都可以一起换装。
  • 支持模拟器模拟界面效果,同时也可以支持鼠标的点击,及屏幕的跳转。
  • 实现多工程间互用串联设计以创建动态原型。

在对这四款软件有了基本的了解之后,相信您心中已经有了自己心仪的软件,接下来,我们通过一个表格,来帮助您更好的认识它们:

  AxureRP Pro Prototype Composer Balsamiq Mockups GUIDesign Studio
适合人群 ·用户体验设计师
·交互设计师
·业务分析师
·信息架构师
·可用性专家
·产品经理
·项目经理
·商业分析师
·应用咨询师
·解决方案架构师
·产品经理
·用户体验设计师
·交互设计师
·网站前端设计师
·界面原型设计员
·界面原型开发员
适用范围 Web原型设计中高保真Demo和 B/S结构的产品。 可视化的形式描述软件工作模型。 商用Web产品设计中低保真线框图或者草图设计。 Web原型设计,客户端产品的原型设计。
主界面 ·命令区
·工具栏
·工作区
·站点地图
·器具箱
·复用模块区
·页面笔记
·注释与交互区
·工作区
·导航区
·菜单和工具栏
·任务面板
·菜单区域
·原型图分类区
·原型图选择区
·原型图绘制区
·菜单栏
·工具条
·界面元素
·文档目录管理
输出格式 自动输出word格式规格文件和网站原型,导出HTM、DOC、JPG等格式。 可发布成可运行的原型和微软的Word规格说明文档,不支持HTML输出,但可以演示。 可以用命令行进行导出操作,可导出PNG格式。 自动生成完整的规格说明文档,可选的格式包括:HTML、PDF、RTF,支持主流的图像格式,如BMP,GIF,JPEG,PNG,支持透明化GIF及PNG。
中文支持 这四款软件都是支持中文的,其中Balsamiq Mockups的中文支持需要在菜单栏View里将Use System Fonts 勾上。

结语:

任何一款产品设计软件都只是一个辅助的工具,其中工具最核心的价值在于节省工作量,而原型设计的核心则是思维与创意,因此我们在原型设计过程中,不可过分依赖工具而忘记了思考。

  • 上一篇文章: Web工程师必备的43款可视化工具

  • 下一篇文章: 无需编程 七大“傻瓜化”移动应用开发工具
  •    
    [注:标题搜索比内容搜索快]
    发表评论】【告诉好友】【打印此文】【关闭窗口
     最新5篇热点文章
  • 轨道钢承重计算公式及应用[109]

  • 【选型】如何为变频器选取阻值…[86]

  • AIS2023参展厂商名录[346]

  • AGV综合选型[170]

  • APIE 2023第4届亚太国际智能装…[138]

  •  
     最新5篇推荐文章
  • 外媒:正在唤醒中国的习近平[305]

  • 中国反伪科学运动背后的CIA黑手…[494]

  • [转载]袁隆平真言:中国最大的…[668]

  • 台专家:当年我们造IDF时 大陆…[572]

  • 旅日华人:中国严重误判日本民…[577]

  •  
     相 关 文 章
  • 无需编程 七大“傻瓜化”移动应…[41]

  • Web工程师必备的43款可视化工具…[35]


  •   网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
        没有任何评论
    设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 管理登录 | 
    版权所有 Copyright© 2003 晨光科技        站长:璀璨星辰        页面执行时间:406.25毫秒
    Powered by:MyPower Ver3.5