产品经理实用工具【7】-客户端原型GUI Design Studio

产品经理实用工具【7】-客户端原型GUI

Design Studio

网站策划5分钟画好客户端原型

大家在画基于web形态的原型时，可以用axure、 Balsamiq Mockups很方便的画出来，，但要是对象是客户端软件呢？ Axure还是不是首选呢？或许你现在用Axure用的很熟，但我还是强烈的建议你用一下Gui studio这个软件感受下，闲话不扯我接下来演示讲解一下， 注意了特别是一些做软件pm的朋友。

GUI Design Studio是一款图形用户界面设计工具，您能用它在不需要编写任何代码或脚本的情况下快速地创建演示原型。你可以用GUI Design Studio快速的把你们的erp软件的界面画出来，把QQ/MSN/飞信的客户端界面原型画出来，你使用标准元素绘制个人化的屏幕、窗口以及控件；因为这些都是基于windows标准协议的。最后将它们整合以展示操作工作流然后运行模拟程序测试您的设计。

当您需要绘制一款应用程序的原型或显示怎样将程序的各个部分连接起来时，您就可以使用GUI Design Studio来实现，如：

将产品创意文档化

制作项目提案

需求记录

创建屏幕图样

为开发人员制作详细的规格

为现有产品提出加强方案

以及更多其它用途

为用户以及股东甚至您自己制作展示文件以：

验证设计

找出替代项

评估多个使用场景

工程

将您的工作组织放到工程里。

每个工程都拥有它自己的文件夹结构。

可连接您计算机或网络上任何地方的其它库工程。

可连接到您计算机或网络上任何地方使您能够方便地获取图片以及其它文件。 创建您想要的并独立于所有工程的个人化设计文件。

创建能重复使用的设计库以及工程之间的一致性。

将图片直接从剪贴板中粘贴到工程文件夹的文件中。

屏幕设计程序

可同时打开多个设计文档并能使用分页界面在文档间快速切换。

可使用标准Windows元素创建图形用户界面（GUI）屏幕，包括框架窗口、会话、菜单、工具栏、标签、按钮、复选框、单选按钮、滚动条、滑动调节框、微调框、组合框、树列表、列表框、编辑框以及静态文本等。

通过现有元素或其它自定义控件创建自定义控制组件。

在其它设计中创建将要使用的控件设计。

以常用的文件格式添加图标与图片。

从能够显示您将获得什么的控件面板中进行拖放操作。

属性编辑程序使您能将每个元素进行自定义。

元素的自动生成功能。

您能在任何地方放置任何元素。

Edge snapping能通过“点击”对屏幕元素进行统一记录。

设计网格向您提供了简单的制作具有一致性设计布局的方法。

只需单键点击就能排列元素组。

均衡地隔开元素组。

调整元素大小以适应其它元素或测量一组其它元素。

聚焦缩小以查看细节设计或聚焦放大以浏览设计概况。使用工具栏按键或键盘或鼠标的滑动缩小放大功能聚焦增量。

使用鼠标的滚动以及滚轮功能快速浏览设计的概况。

剪切、复制与粘贴。

使用可选的canvas向导显示可用的屏幕空间。

通过文本框与书签对您的设计进行注释。

为每个设计添加说明。

选择色彩主题以避免实际功能窗口的混淆。

图标

为图标面板提供快速的访问方式。

工程间可共享常用图标。

工程也能拥有它们独享的图标集。

使用将来在实际产品开发中可能用到的标准ICO文件。

包含的Icon Express编辑程序支持16色、256色以及最大尺寸为127 x 127的真彩图标。 如果愿意同样能整合任意其它的图标编辑应用程序。

展示与原型

在可导航元素（如按键与窗口）之间创建连接以显示控制流程。

为图象添加覆盖保护以及添加其它元素以创建可导航的热点。

支持形式化与非模态的窗口并支持显示、隐藏或微调窗口，以及窗口替换以实现切换效果。

锚点使您能对窗口进行准确定位。

能立即在模拟程序中测试或展示您的设计。

添加消息框以描述可能在真实应用程序中出现的功能。

可创建多种场景，如正常条件下的场景与多个出错场景。

选择要激活的场景或让模拟程序为您选择。

更改有效的屏幕分辨率以查看您的设计如何适应不同的屏幕大小。

在没有进行脚本或代码编写的情况下，所有操作都是以图形模式完成。

下面我用GUI Design Studio演示一下5分钟画好客户端原型分几个截图给大家提供一下参考。

GUI Design Studio提供了现成的面板、文字排序都可以自由的进行编辑。

GUI Design Studio提供了精确的图标、窗体定位，可以具体到每一个PX。

GUI Design Studio丰富的考虑到对文字的支持，甚至连居左还是居右，还是禁用，360度支持。

GUI Design Studio强大的标准化元件、图标、注视功能支持，不同的工程之间还可以进行关联。GUI Design Studio提供的了大部分C/S、B/S组件的示意图，可组合使用，在一般软件界面模型设计阶段基本可以满足需要。

GUI Design Studio提供了各种配色方案，在菜单参数选择里面选择颜色配置，然后你所有的界面齐换装了。OK，对于这款软件的介绍到此为止，感兴趣的朋友可以百度GUI Design Studio搜索一下。

本文来源：https://www.bwwdw.com/article/b13n.html