标点符(钱魏 Way)

软件原型设计工具:UIDesigner

UIDesigner是腾讯内部用于软件原型设计的专用工具。UIDesigner除了能让使用者能够快速地搭建起软件界面的高保真原型外,还提供了项目管理,让使用者能够方便地管理工程文件;提供了图片库和模板库功能,让使用者可以方便地重用以前的设计资源;提供了32个Windows客户端软件常用控件,满足使用者的设计需求;提供了多个属性设置入口,分别实现最常用属性设置、一般属性设置和高级属性设置功能。

当然,UIDesigner不是专用来设计QQ的,其它的Windows客户端产品都在它的工作范围之内。总的来说呢,使用UIDesigner来制作原型是很高效的,而制作出来的原型也能够实现设计师、产品经理和程序开发工程师三者间的快速沟通,减少不必要的工作内耗。

使用UIDesigner搭建一个软件界面,基本按照以下几个步骤进行:

  1. 分析界面功能及布局 对于所要设计的界面,需要了解该界面需要实现哪些功能,会有哪些交互点,从而设定该界面大致的布局。
  2. 新建文件 新建一个文件,其中系统会自动为您新建一个窗体,这表示您将开始使用UID为您设计交互稿了。
  3. 设计界面布局 这一步对于设计较复杂的交互稿非常有用。使用控件“容器(Panel)”,并配合“停靠(Dock)”命令,首先设计出界面的大致布局,再添加各个控件。这样界面布局更规整,思路更清晰。
  4. 填充控件 向窗体或父容器中拖入所需要的控件。双击控件,在其属性框中修改属性,以此来获得希望的控件样式。
  5. 设定响应 在演示交互稿时,往往需要告诉他人点击某个控件会出现什么样的效果,比如在一些提示对话框中单击“取消”按钮就会关闭该对话框。设定目标控件的响应就是为了实现这样的效果。
  6. 预览 在做设计稿的过程中,往往需要先看一下在实际演示中会是什么样的效果,然后再做对应修改或继续。
  7. 保存 将以确定的稿件保存为uid格式。
  8. 导出 将需要向他人展示的demo导出成exe格式。

UIDesigner软件运行需要  Microsoft .NET Framework V2.0 版本以上的运行环境支持。

UIDesigner下载地址:http://www.box.net/shared/8gnzb760x3

码字很辛苦,转载请注明来自标点符《软件原型设计工具:UIDesigner》

评论