分享

GUI Design Studio

 king9413 2015-01-08
GUI Design Studio是一款用户界面及软件原型设计工具,适用于Web,桌面,移动和嵌入式软件应用程序设计。其快速、易于使用以及无需任何编码的优点,使其成为软件设计师,用户体验专家,业务分析师,开发人员,项目经理和咨询专家的首选原型设计工具。

快速简单的创建用户界面原型

无论你是想要在你的界面上显示应用窗口,Web页面,子面板抑或是自定义控件,该功能全面的界面设计器均能帮助你快速且轻松的完成创建。

Drag and drop element placement
  • 设计元素的拖曳与摆放
  • 边缘处理以及专业化的抓取,以实现点击即结合好设计元素
  • 使用鼠标即可实现顺利的翻动与缩放(还支持滚动与纵横滚轮)
  • 可无限的进行撤销/还原操作
  • 剪切,复制,粘贴命令
  • 自动进行元素的父处理
  • 校正以及间隔处理工具

多达120余种可用的内置设计元素

使用标准的Windows控件,Web元素以及其他的泛型元素创建窗体。此外,还提供很多不同情况下的变型以加快构建速度。还能组合不同设计元素以创建自定义控件以及变型。

Some of the available design elements shown using the Windows Vista visual style
  • 框窗体以及对话框
  • 工具条,菜单栏以及弹出菜单
  • 文本框,编辑框以及组合框
  • 按钮,单选框以及复选框
  • 滚动条,滑动条
  • 列表,树以及表
  • 标签,标签栏以及面板
  • 进度条与标尺
  • 功能条,标签面板,菜单,按钮以及其他元素
  • Web页面,面板,按钮以及文本列表
  • 其他

自定义元素

Some of the available design elements shown using the Windows Vista visual style
  • 将设计文档转换为自定义元素,以便重用
  • 指定包含自定义元素设计的文件夹
  • 拖放自定义元素到设计文档并根据需要进行编辑
  • 获取和创建你自己的自定义元素项目库,并将其连接到你的工作项目
  • 打包自定义元素库,以便他人分享

项目设计模板

Some of the available design elements shown using the Windows Vista visual style
  • 创建一个基于模板的新项目
  • 将含有所需文件的设计模式模板插入到已有的项目中
  • 插入模板后可以创建一个独特的文件,因此可在同一个文件夹内重复使用该模板
  • 浏览器所显示的缩略图可帮助你根据分类选择模板,或者选择你最近使用过的模板。
  • 根据整个项目,项目文件或者单个设计文档创建模板
  • 导入模板,并与他人分享自己的模板

包含各种格式的图标以及图像

可以向您的设计原型中加入前景以及背景图片,并可如同调整其他控件一般简便的调整其布局。

Transparent images and icons
  • 从工程文件树中拖曳与放置图像
  • 支持主流的图像格式,如BMP, GIF, JPEG 与 PNG
  • 支持透明化GIF以及PNG文件
  • 裁剪,拉伸以及平铺图像
  • 能快速应用分类检索的图标调色板
  • 能在不同工程项目间共享普通图标
  • 不同工程能有自有图标
  • 使用在随后的设计中可能要用到的标准化ICO文件
  • 对图标尺寸进行不同比例的缩放,以避免其在原型设计中出现冗余版本
  • 多达150余种基本图标以便您开始设计
  • 能通过使用集成的Icon Express icon editor设计自有图标
  • 如果有需要,能够与其他的图标设计器结合使用

用覆盖说明或者边注释为设计原型进行注释

当您需要为您的设计添加更多的注释时,你可以选择直接在当前界面添加注释或者将注释放入页面的边框里。

Annotating a design with popup tooltip notes
  • 添加悬浮的文本框,用大括号直接在设计图上标明
  • 添加格式化的注释以描述整个设计
  • 为单个元素添加格式化的注释
  • 在设计与运行该设计原型时以弹出窗口显示设计元素的注释
  • 按键操作显示或隐藏注释

创建可复用的标准化设计组件以及材料

将您的工程设计分解为能复用于任意数量的其他设计的小组件。

A component design being added to another design
  • 创建背景与前景材料
  • 在多个原型设计间共享组件部件,如面板或自定义控件
  • 组件能在其他组件的任意层级嵌用
  • 原始组件被更改后,能立即反应在该控件的使用之处
  • 能在特定的设计实例中重写组件元素的属性
  • 通过将常用设计元素放置于库中,以实现在多工程间复用

串联您的设计以创建一个动态原型

创建单一的界面设计往往是有用的,但是GUI Design Studio也允许用户将之通过不同的方式联接,使之呈现为一个生动的交互式原型。

Connecting screens together to show workflow and running them as a prototype
  • 生动的描述应用程序流
  • 即刻运行并将之视为一个交互式的原型进行测试
  • 创建导航工具栏以显示或者隐藏窗体,面板或者模型对话框等
  • 使用锚体将之精确的放置在您需要的位置
  • 支持标签页
  • 位图图像中的热键区引导
  • 生成右击的上下文菜单
  • 基于选定条件的场景允许用户更改导航工具栏
  • 使用消息框描述进度或者复杂行为
  • 改变界面有效分辨率以确认该设计是否适用于不同的屏幕尺寸
  • 无需涉及脚本与编码

生成规格说明文档

演示运行可浏览的设计原型是获取对应用程序的体验以及反馈的最佳途径,但是,有时我们也需要生成相对更传统一点的静态说明文档,以与同事或用户分享。

Automatically generate PDF, RTF and HTML documentation
  • 自动生成完整的规格说明文档
  • 包括所有的设计细节,设计中的界面,以及所有的注释与说明
  • 创建完整的文档或者仅包括最新的修改,以节省空间与阅读时间
  • 可选的格式包括:
  • HTML
  • PDF
  • RTF (for direct editing)
  • 满足用户所需规格的完整HTML模板样式
  • HTML也提供可引用的设计组件(或材料)用法的超链接

导出设计以用于外部审查

除了创建规格说明文档,设计也可被导出为数种不同的形式,以进行审查检阅。

Open distribution file in Viewer then run as a prototype
  • 创建包含所有参考文件的单一分布文件,而无需考虑各参考文件的存放位置
  • 包含整个工程项目,单一的文件夹区域或者仅仅一个设计项目
  • 分布文件体积非常小,可通过使用free Viewer application发送至任何人
  • 选择性的允许观看者介入正在运行的设计原型,以使原型更像一个真正的应用程序
  • 分布文件可在浏览器中以不同的视图方式浏览
  • 可将各设计部件导出为数种不同格式的图像
  • 可将整个设计复制为图像,以粘贴入其他的诸如Wordprocessor的应用程序中

以不同的视图风格查看您的设计

以最合适的视图风格将之呈现给您的观众。有时,你可能需要高保真度以及认同,而有时,你可能需要相对低保真以获得反馈。GUI Design Studio允许您无需修改自己的设计即可改变您的演示效果。

Dialog design shown in 4 different visual styles
  • 从设置中选择您的视图类型
  • 以您喜好的方式打开设计,如果需要,可以以另一种不同的视图方式演示您的设计原型
  • 以下视觉效果可选:
    o Windows Vista
    o Windows XP
    o Windows NT/2000 (Windows Classic)
    o 大纲/缩略图
  • Widows风格下有多达20余种基本颜色搭配可选(大纲时4种可选),此外还能创建自定义搭配

设计工程中进行团队协作

GUI Design Studio允许设计组成员共享设计文件,并同时在同一工程项目上进行工作。

Team sharing of projects
  • 支持对工程项目进行SVN控制
  • 数据存储服务器可在局域网或因特网中
  • 根据可用的索引,通过删除,重命名或文件移动对工程项目进行再组织,然后将更改传送至团队的其他成员
  • 可自由的修改设计文件-无需锁定该文件,并合并其他团队成员所做的更改(大多数情况下是自动进行)

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多