uidesigner for windows v2.5

uidesigner是腾讯用户研究与体验设计部(CDC)设计研发的一款软件界面原型设计工具，专为设计师、用研设计师精心打造的一款强大设计工具。uidesigner拥有强大的模板和预制功能，能够快速的搭建起软件界面的高保真原型，可以实现设计师、产品经理、程序开发工程师三者间的快速沟通，减少不必要的工作内耗。uidesigner拥有丰富的控件类型，用户可以随心所欲的自定义自己喜欢的控件类型。同时用户还可以依靠可视化的控件样式编辑器，自己创建出个性化的控件，以此来满足用户对于设计的不同需求。

PS:该软件的运行需要安装Microsoft.NET Framework V4.0运行环境的支持才可以正常启动

操作教程

一、鼠标双击窗体主体，弹出“窗体属性”框，可以对窗体自身属性进行调整

二、如何制作“关闭提示对话框 ”界面

1、在uidesigner中单击菜单栏中“文件”-“新建”，得到一个新建的窗口

2、双击窗体主体，弹出“窗体属性”框，在此对话框的“大小”一栏下输入合适的尺寸，这里输入宽度为320，高度为170。点击属性对话框的“确定”按钮，完成尺寸修改

3、填充控件，根据如下图的界面进行基本的控件布局设计

4、鼠标双击窗体主体，弹出“窗体属性”框。然后在属性对话框的“标题”中输入“关闭提示”

5、然后在uidesigner的属性对话框的下发进行如下设置

⑴在“其他”中去除“显示图标”、“带最大化按钮”、“带最小化按钮”，其 目的是保证标题栏上不出现图标以及“最大化”、“最小化”按钮

⑵在“窗口边框”中选择“不可调整大小”，以保证界面不出现“大小调整柄”，不可随意调整大小

6、点击击属性对话框的“确定”按钮，完成标题栏设计

PS:可以点击菜单栏的“生成”下的“预览”选项进行预览，亦或者可以直接按快捷键“F10”

7、在uidesigner的界面右侧的工具箱中选择“图片框”，将其拖拽到窗体内

8、双击窗体中的图片框，在弹出的“图片框属性”对话框的“图像”栏中进行编辑。点击“浏览”按钮，弹出“图片库”，在图片库中选择适合的图片

PS:可以使用任何截图功能获得一个图片，然后直接粘贴在窗体区域内；同时可以通过键盘的方向键来控制任一控件的精细位置。

9、在uidesigner界面右侧的工具箱中选择“标签”，并拖拽到窗体内。双击“标签”本身，弹出的“标签属性框”，在其“文本”输入框中添加描述性文字“您点击了关闭按钮，您是想：”

10、在uidesigner界面右侧的工具箱中选择“单选按钮”，并拖拽到窗体内，双击其弹出属性对话框，在其“文本”输入框中为别输入对应选项文字，并放置合适的位置

11、在uidesigner界面右侧的工具箱中分别选择“复选项”、“按钮”，拖拽到窗体内，双击其弹出对话框，在弹出的对话框中设置属性。按照需要排列各空间。  由于“确定”按钮为默认选择项，所以设定“Tab顺序”为0，这表示在所有控件中，“确定”按钮为起始

12、在uidesigner“工具栏”或者菜单栏的“生成”下寻找“预览”选项， 或者可以直接按快捷键“F10”

13、在预览时候，您会发现，点击“确定”或“取消”按钮，对话框并不消失。这是就要为其设定“响应”命令。  所谓“响应”命令，就是定义控件被点击时的表现。  以给“取消”按钮添加响应为例。右键单击“取消”按钮本身，在下拉菜单中选择“响应”

14、弹出“设置按钮（取消）的响应”对话框，鼠标单击“关闭本身窗体”添加一条响应命令，单击“完成”按钮完成响应命令的添加。这是再次预览，会发现单击“取消”按钮将关闭对话框本身

15、操作完成，点击“保存”或“另存为”

功能介绍

1、UI界面

全新UI界面、10大功能模块，可定制用户视图

2、自定义控件

丰富控件类型，自定义控件样式

3、可视化控件样式编辑器

用户可以以此创建个性化控件，满足不同设计需求

软件特点

1、移动上的设计

针对APP设计，打造iphone、安卓等多套原生态控件，更符合移动设计体验。

2、团队协作，一气呵成

能够快速搭建交互原型，导入视觉切图、规范，最终生成演示Demo。

3、快速原型，想动就动

通过便捷的布局和设置，就可以完成界面跳转和框架设计

更新日志

1、支持iOS平台，集成了iOS系统常用控件，可以迅速拖拽到画布中生成设计稿；

2、以快速生成可以操作体验的产品原型，即可以快速呈现整个交互流程，还可以用于可用性测试来验证设计的优劣