软件原型设计工具-UIDesigner

原创

wbj0110 2023-03-27 05:52:11 博主文章分类：前端工具 ©著作权

文章标签 软件原型设计工具：UIDesigner 前端工具控件属性设置界面布局 文章分类 Python 后端开发

©著作权归作者所有：来自51CTO博客作者wbj0110的原创作品，请联系作者获取转载授权，否则将追究法律责任

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

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

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

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