uidesigner v2.5.5.1

uidesigner是一款专业的界面设计软件，用于创建优雅而富有创意的用户界面，提供了丰富的设计工具和组件库，支持拖拽式设计，轻松实现界面的布局和交互效果，还具备自定义样式和主题的功能，使设计师能够快速定制独特的界面风格。

uidesigner简介

软件在设计界面的时候，交互设计师或者产品经理等常常需要使用一些工具如:visio、axure RP、Flash或者OmniGraffle等)制作出静态稿或者原型来表达设计思想。

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

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

uidesigner功能

设计交互稿

定义控组件

输出原型

视觉规范定义

控件切图导入

视觉稿制作

获取设计稿原型

进行原型评估

输出评估报告

uidesigner特色

1、项目管理：能够方便地管理工程文件

2、图片库和模板库：可以方便地重用以前的设计资源

3、常用控件：32个常用控件满足使用者的设计需求

4、属性设置：分别实现最常用属性设置、一般属性设置和高级属性设置功能

uidesigner安装步骤

1、首先在本站下载uidesigner软件包，解压后运行exe文件，进入uidesigner安装向导界面，点击下一步

2、进入许可协议界面，点击我接受

3、进入uidesigner安装位置界面，可以默认安装到C盘或者点击浏览选择其他安装位置，然后点击安装

4、正在安装，耐心等待安装完成

5、uidesigner安装完成，点击完成后就可以使用了

uidesigner使用教程

1、这次通过UIDesigner来做个常用的对话框设计 ，包含提示信息，选择信息，以及按钮功能。

2、先看这个对话框的布局界面

(1) 标题信息: 标题信息 关闭的X按钮

(2)提示信息内容 : 图片 、文本内容、单选项

(3)按钮功能： 确定 取消按钮

3、好的，下面我们就来实现这个：

4、单击菜单中“文件”--》“新建”，出现一个新建的窗口

5、新建窗口后，将在设计区里会出现一个可编辑的窗体，如题所示

6、绘制界面布局

(1)对窗体双击后弹出“窗体属性”的框，在此框的“大小”的信息中输入合

(2)适的尺寸，这里输入宽度为 220，高度为 150。

(3)然后“确定”，就完成尺寸的确定

7、绘制标题信息栏

(1)双击窗体，弹出“窗体属性”框。

(2)然后在对话框的“标题”中填写上标题;

(3)再然后属性对话框的下方进行设置 显示图标信息，最后 点击确定按钮。

(4)这样就完成了对界面的设计，那么现在可以点击菜单“预览”选项进行设计预览，或者可以直接按键盘按钮“F10”。反正我是习惯按F10了，作为一名程序猿，操作电脑一定要快~ 体现专业哇~

8、绘制信息提示区里添加一个提示图片的图

9、另外在绘制添加描述文字拿到文本标签图标，然后拖到编辑区域内，则直接可以在‘文本’录入框中增加文字描述信息

10、配置单选框，在设计界面工具中点击选择'单选按钮'的图标功能，就拖到窗体内，然后在‘文本’录入框中为别录入该选项信息，然后移动到合适的地方。

11、预览刚才我们设计的界面

12、鼠标点‘预览’功能图标， 或你也可以直接按键盘按钮“F10” 进行迅速的预览效果

13、最后就是保存我们的设计文件然后导出exe

14、查找菜单那边的'生成' 的下拉后里有个'导出 exe'的功能，或你可以直

15、接按键盘的快捷键的'F12' 就导出了。