欧普下载是国内较新、较齐、较安全的软件下载基地!
当前位置:首页 ›› 其他软件 ›› 编程相关 ›› UIDesigner(软件界面原型设计软件)下载

UIDesigner(软件界面原型设计软件) v2.5.5.1 免费版

UIDesigner绿色版[下载地址]
UIDesigner(软件界面原型设计软件) v2.5.5.1 免费版

UIDesigner绿色版是一款免费的软件界面原型设计软件,简称UID,软件拥有强大的模板和预制功能,可以帮助用户快速的搭建起软件界面的高保真原型,适用于产品经理、程序开发工程师、设计师等,是UI设计中一款必不可少的工具,需要的朋友可以下载!

UIDesigner(软件界面原型设计软件) v2.5.5.1 免费版

软件特性

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

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

软件功能

一、关注点——工具

这里我们结合UIDesigner的实际需求,提取出属于“工具”范畴的关键功能需求、关键质量需求和关键商业需求。

首先,“工具”的关键功能需求,必须包括:磁盘文件读写、异常捕捉、日志记录、安全性管理;非工具所必须,但是UIDesigner本身所要求的,包括:配置管理、缓存管理、线程服务、服务器和客户端通讯管理、国际化服务。

其次,“工具”的关键质量需求,质量需求包括开发期质量需求和运行期质量需求两部分,经过分析和权衡,UIDesigner的性能主要取决于设计绘图,而稳定性、可扩展性和可维护性才是决定“工具”本身发展的质量需求,因此,对“工具”的质量需求设计将以稳定性、可扩展性和可维护性为主。

最后,“工具”的关键商业需求,因为UIDesigner本身并没有很复杂的业务需求,因此关键商业需求是在设计流程的优化和规范上得到体现,这方面的设计已经属于高层模块和使用流程的设计,对架构的影响非常小,可以暂时性的忽略。

经过关键需求的提取,我们得到了“工具”的设计目标——可以提供通用功能(关键功能需求)的高稳定性、扩展性和维护性的客户端应用。根据此目标,我们采取了DI(Dependency-Injection)和MVP(Model-View-Presenter)结合的架构,概念架构设计如图2所示。

UIDesigner(软件界面原型设计软件) v2.5.5.1 免费版

1、将上层功能进行模块划分,每个模块内部都依赖于MVP架构,通过Model(继承至BaseModel)定义和注册模块,通过观察者模式,每个模块的View都可以通过Presenter(继承至BasePresenter)进行消息的发布和订阅,进行模块间的通信和交互。

2、定义集成了关键功能需求的PlatformService,并在BasePresenter中提供PlatformService的服务调用,这样每个功能模块都可以使用通用的关键功能。

3、为PlatformService的服务定义接口,根据关键功能需求,得到多个服务的接口,将定义和实现相分离,实现部分作为一个特殊的功能模块(核心模块,必须存在),集成到系统本身,方便前期的验证和后期的扩展和维护。 属于“工具”这个关注点的架构就已经设计好了,具体的上层功能模块将在后续的开发中,根据需求一个一个模块的来完成,每个模块之间不会有任何依赖关系(开发时),缺少某个或多个功能模块的时候,软件依然可以稳定的运行起来。

二、关注点——设计绘图

UIDesigner是为设计师打造的设计工具,其最核心的功能需求当然就是设计绘图了,这一块也是变化最多的。根据隔离变化点的原则,我们将这一块设计为绘制引擎框架,通过框架,为“工具”部分提供绘制相关的支持。

我们对绘制引擎框架进行细化分割,分离出三个关注点:图元、画板、辅助组件。

首先,图元是可以通过定义进而展示出自身的基础元件,由基础属性和基础绘制接口两部分组成,其中基础绘制接口的定义和实现分离,这样可以方便后期的扩展,特别是在性能改进方面发挥重要作用。概念设计如图3所示。

UIDesigner(软件界面原型设计软件) v2.5.5.1 免费版

其次,画板作为各种图元集合的容器,支持对各种图元的操控和定位,被分为三层:点击测试层、图元设计器管理层和图元绘制层。概念设计如图4所示。

UIDesigner(软件界面原型设计软件) v2.5.5.1 免费版

最后,辅助组件分为标尺、辅助线、全局缩略图、遮罩装饰器和自动对齐线等,这些辅助组件都依赖于画板而存在。

三、架构验证和后续开发

在概念架构设计出来后,我们对核心进行了进一步的细化设计,然后对设计的架构进行验证。为了达到敏捷开发和节省时间成本,结合设计的架构,我们最终选择了垂直演进型原型进行架构的验证和后续开发。

因为架构本身是基于DI(Dependency-Injection),是非常符合垂直架构设计的一种架构模式,因此我们搭建了简单的基础核心(只有核心模块,没有其他业务流程功能模块)和简易的绘制引擎框架实现了原型。

通过对原型的测试和验证,确定此架构满足我们的预期。在此原型的基础上,继续完善核心和绘制引擎框架,并且规划后续的业务功能,根据业务功能插件,可以合理的安排项目进度,最终按照计划顺利完成开发和测试。

UIDesigner使用教程

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

UIDesigner(软件界面原型设计软件) v2.5.5.1 免费版

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

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

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

3 按钮功能: 确定 取消按钮

UIDesigner(软件界面原型设计软件) v2.5.5.1 免费版

好的,下面我们就来实现这个:

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

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

UIDesigner(软件界面原型设计软件) v2.5.5.1 免费版

绘制界面布局

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

适的尺寸,这里输入宽度为 220,高度为 150。

然后“确定”,就完成尺寸的确定

UIDesigner(软件界面原型设计软件) v2.5.5.1 免费版

绘制标题信息栏

双击窗体,弹出“窗体属性”框。

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

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

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

UIDesigner(软件界面原型设计软件) v2.5.5.1 免费版

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

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

UIDesigner(软件界面原型设计软件) v2.5.5.1 免费版

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

UIDesigner(软件界面原型设计软件) v2.5.5.1 免费版

预览刚才我们设计的界面

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

UIDesigner(软件界面原型设计软件) v2.5.5.1 免费版

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

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

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

UIDesigner(软件界面原型设计软件) v2.5.5.1 免费版
下载UIDesigner(软件界面原型设计软件) v2.5.5.1 免费版
本地下载地址:
本地电信下载
本地电信下载
本地联通下载
本地联通下载
本地迅雷下载
本地迅雷下载
移动用户下载
移动用户下载

版权声明:本站提的序列号、注册码、注册机、补丁等均来自互联网,仅供学习交流之用,请在下载后24小时内删除。

相关文章
软件评论
请自觉遵守互联网相关政策法规,评论内容只代表网友观点,与本站立场无关!
    登录   注册