加载中…
个人资料
Jenny
Jenny
  • 博客等级:
  • 博客积分:0
  • 博客访问:7,832
  • 关注人气:0
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
相关博文
推荐博文
谁看过这篇博文
加载中…
正文 字体大小:

产品设计实用工具:Axure, Balsamiq Mockups and Gui Design studio

(2009-12-13 17:25:51)
标签:

axure

balsamiq

gui

系统设计工具

分类: 产品管理

介绍一下三款系统原型设计工具。有了它们PM可以更快速的设计出系统原型并帮助与开发及UED人员做更好的沟通,能够有效得提高系统开发过程中的效率,缩短开发周期。

Axure
Axure RP 快速原型制作软件,由美国Axure Software Solutions, Inc.公司开发。
Axure (ak shûr) ,RP 是 Rapid Prototyping (快速原型缩写) 。

Axure RP 能让操作它的人快速准确的创建基于Web的网站流程图、原型页面、交互体验设计、标注详细开发说明,并导出Html原型或规格的Word开发文档。

能够快速实现
• 网站架构图   (Site Structure)
• 示意图       (Wireframe)
• 流程图       (Flowchart)
• 交互设计     (Interaction Design)
• 原型设计     (HTML Prototype)
• 规格文档     (Specification)
产品设计实用工具:Axure, <wbr>Balsamiq <wbr>Mockups <wbr>and <wbr>Gui <wbr>Design <wbr>studio

整体操作比用Dreamweaver简单多了,图片、文字、输入框等等所有组件全是可视化操作,可以很方便的实现网站交互内容的原型设计,可将以前死板的页面版式全部替换为有点击、链接效果的网页。 同时可以为网站设计提供AJAX式的交互处理,RP提供一种动态层的组件,在同一页设定不同状态的效果,然后用链接、按钮等触发即可产生动态效果,这样网站设计就变得更加生动,意图也就更加直观。

官网:http://www.axure.com/

-------------------------------------------------------

Balsamiq Mockups

看到下面的界面就能想象是多么可爱的一个产品了。让大家在设计产品的时候还能怀揣着一份童真的心情~
产品设计实用工具:Axure, <wbr>Balsamiq <wbr>Mockups <wbr>and <wbr>Gui <wbr>Design <wbr>studio

  • 操作方面,拖拽,控件分组,甚至元素之间的对齐都做得很贴心;
  • 预制了很多界面元素,从简单的输入框,下拉框,浏览器主要元素,到经常用得到的导航条,日历,表格,到复杂的Tag Cloud,Cover Flow, 地图,WYSWYG的格式工具栏等,有了这些不用从头画起,往往比用白板都快;
  • 界面元素的修改很简单,比如导航条的几个标签页的label,就是用逗号分隔的文字,下拉框的选项就是分行的文字;
  • 使用xml语言来记录和保存界面元素和布局,这使得每个设计都能被很好得放进SVN,Git,和CVS等工具中进行管理和跟踪;
  • 可以设计复杂的界面元素,保存后,以后可以重复使用(包括修改);
  • 可以将设计导出成PNG格式的图片;
  • 可以用命令行进行导出操作,这样就能让我写个脚本,从svn里checkout某个目录下的所有设计文件后,导出图片,打包后用邮件发到项目经理,工程师甚至客户那;
  • 跨平台,Balsamiq Mokups是用Flex和Air实现的,所以在Mac OS, Linux和Windows下都能使用;
  • 不仅仅有桌面版本,还有能集成在Confluence,JIRA,和XWiki中的版本,使得异地在线协作更方便有效;

官网:http://www.balsamiq.com/products/mockups/web

-------------------------------------------------------

Gui Design studio

如果想设计Windows的应用程序,Gui Design是不错的选择。其构建基于Windows标准协议的原型更快速。

产品设计实用工具:Axure, <wbr>Balsamiq <wbr>Mockups <wbr>and <wbr>Gui <wbr>Design <wbr>studio  产品设计实用工具:Axure, <wbr>Balsamiq <wbr>Mockups <wbr>and <wbr>Gui <wbr>Design <wbr>studio 产品设计实用工具:Axure, <wbr>Balsamiq <wbr>Mockups <wbr>and <wbr>Gui <wbr>Design <wbr>studio

 

屏幕设计程序
• 可使用标准Windows元素创建图形用户界面(GUI)屏幕,包括框架窗口、会话、菜单、工具栏、标签、按钮、复选框、单选按钮、滚动条、滑动调节框、微调框、组合框、树列表、列表框、编辑框以及静态文本等。
• 通过现有元素或其它自定义控件创建自定义控制组件。
• 在其它设计中创建将要使用的控件设计。
• 元素的自动生成功能。
• 您能在任何地方放置任何元素。
• Edge snapping能通过“点击”对屏幕元素进行统一记录。
• 只需单键点击就能排列元素组。
• 均衡地隔开元素组。
• 调整元素大小以适应其它元素或测量一组其它元素。
• 聚焦缩小以查看细节设计或聚焦放大以浏览设计概况。使用工具栏按键或键盘或鼠标的滑动缩小放大功能聚焦增量。
• 使用鼠标的滚动以及滚轮功能快速浏览设计的概况。
• 使用可选的canvas向导显示可用的屏幕空间。
• 选择色彩主题以避免实际功能窗口的混淆。

图标

• 为图标面板提供快速的访问方式。
• 工程间可共享常用图标。
• 工程也能拥有它们独享的图标集。
• 使用将来在实际产品开发中可能用到的标准ICO文件。
• 包含的Icon Express编辑程序支持16色、256色以及最大尺寸为127 x 127的真彩图标。
• 如果愿意同样能整合任意其它的图标编辑应用程序。

展示与原型

• 在可导航元素(如按键与窗口)之间创建连接以显示控制流程。
• 为图象添加覆盖保护以及添加其它元素以创建可导航的热点。
• 支持形式化与非模态的窗口并支持显示、隐藏或微调窗口,以及窗口替换以实现切换效果。
• 锚点使您能对窗口进行准确定位。
• 能立即在模拟程序中测试或展示您的设计。
• 添加消息框以描述可能在真实应用程序中出现的功能。
• 可创建多种场景,如正常条件下的场景与多个出错场景。
• 选择要激活的场景或让模拟程序为您选择。
• 更改有效的屏幕分辨率以查看您的设计如何适应不同的屏幕大小。
• 在没有进行脚本或代码编写的情况下,所有操作都是以图形模式完成。

官网:http://www.carettasoftware.com/

0

阅读 评论 收藏 转载 喜欢 打印举报/Report
  • 评论加载中,请稍候...
发评论

    发评论

    以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

      

    新浪BLOG意见反馈留言板 电话:4000520066 提示音后按1键(按当地市话标准计费) 欢迎批评指正

    新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 会员注册 | 产品答疑

    新浪公司 版权所有