推荐:原型工具GUI Design Studio

  制作原型是业务人员应该掌握的一项基本技能,这篇主要给大家介绍一个我认为比较好的一个工具:GUI Design Studio,大家可以到官方网站下载试用,如果用于个人学习,也可以上网搜到破解:)

  软件帮助文档有个记事本的例子,如果参考做完就能大致了解如何做原型了. 下面我主要示例一个管理软件常用的界面模式,登录后显示主界面,主界面上面一个公司图标,左边为一个功能列表,点击列表时在工作区页签显示相应的模块窗体。做了一个视频,方便大家更好的快速了解.

主界面

上面为菜单和工具条,工具条主要用的就是连接线,菜单主要用的是Design-Addbitmap添加图片(我也是刚找到的,应该在右边Elements上更好)

右边为界面元素和文档目录管理:

  Project:管理文件目录层次,可以在根目录下放主界面,然后把功能模块分系统新建多个目录保存。对于界面窗体比较多时,尽量按照模块目录分类来保存,千万不要放在一个页面中设计,否则以后就不好维护了。
  Element:界面元素,比如按钮、工具条等界面展现的控件
  Icon:图标,可以软件的安装目录里加入自己的图标后应用在项目中
  Storyboard:增加动态控制界面元素的动作控件。用的最多的是windows placeholder,主要来做显示在Tab页的内容,可以查看软件的帮助文件的索引 Working with tabbed interfaces进一步了解
  Note:给控件加标题和注释,如果加了注释,在原型运行时鼠标放在#上会显示提示

演示:录制movie和demo在大米盘下载

主要说明:使用Storyboard的Window Position Anchor来定位弹出窗体的显示位置, 使用Storyboard的windows placeholder来定位显示窗体的显示位置

 

原型工具blog链接:

产品经理实用工具【7】-客户端原型GUI Design Studio

线框图-原型可视化

用Flash Catalyst做交互原型

 

Rapid Prototyping Tools Revisited

10款交互设计原型开发工具

 

推荐:你可能需要的在线电子书

敏捷个人sina微刊:http://kan.weibo.com/kan/3483302195814612

 欢迎转载,转载请注明:转载自敏捷个人网站

 

 

posted on 2009-06-15 16:56  周 金根  阅读(10415)  评论(9编辑  收藏  举报

导航