软件下载站,为您提供安全的软件下载!

当前位置:首页 > 电脑专区 > 其他软件 > 编程开发 > uidesigner for windows v2.5

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、以快速生成可以操作体验的产品原型,即可以快速呈现整个交互流程,还可以用于可用性测试来验证设计的优劣

展开更多

软件截图

扫描二维码,手机下载APP

软件下载站本地下载

相关文章