GUI Design Studio系列教程(一)

本文介绍了GUIDesignStudio这一快速原型设计工具的基本使用方法。包括主界面布局、设计栏元素及快捷键等内容,适合初学者了解如何快速搭建GUI原型。

为了能够适应敏捷开发的个人习惯,开始研究快速原型工具。
在网络上找到关于原型设计的相关工具,通过自己的使用,选择了GUI Design Studio学习。
闲话少说,开始正题。
这个章节对界面上常用的工具做一个比较详细的介绍,从元组章节开始,我们做案例案例,如果有一定开发基础可跳过这个章节。

    

主界面

The working area for your GUI Designs

设计主界面,用户从设计栏拖放需要的控件,通过关联方式指定虚拟的操作模式。这里是今后的主战场,我们要详细说明。


工作窗口切换

Tabs for quick access to open design documents

主界面被分为多个工作窗口,可以实现多文档同时编辑,可以使用Ctrl + Tab快捷键向前切换,或使用Shift + Ctrl + Tab快捷键向后切换,或者使用窗口-》子菜单进行切换。


窗口-》选择当前设计窗口


设计栏

The Design Bar for drag and drop access to project documents and all of the elements for ceating your designs

我们可以使用视图-》设计栏打开设计栏。

视图-》设计栏


设计栏包括以下几个部分,这里做简单介绍,后面分章节详细介绍:

工程(Project):快速访问设计文档和项目Images。

元件(Elements):分类显示开始时所需要的窗体、组件元件。

图标(Icons):分类管理、显示开发时所需要的ico图标文件。

注释(Annotations):使用特殊符号,强调注释信息。

基本串联图版(StoryBoard):模拟操作的一些命令。

笔记(Notes):记录设计过程的信息。


下载地址:GUI 原型开发工具













    

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值