文档介绍：. ...wd...
. ...wd ...wd...
. ...wd...
. ...wd...
注释面板
. ...wd...
. ...wd...
. ...wd...
故事板面板
故事板面板提供用于构建设计文档中控制流程的元素来实现一个模拟原型。故事板元素通常显示在其它设计元素的上方。
. ...wd...
. ...wd...
. ...wd...
备注面板
备注面板提供记录关联设计文档和它上面的元素的笔记摘要，可用于提供弹出注释和生成详细说明规格文档。和其它面板不一样的是，备注面板的内容会随着当前活动的设计文档而变化。
. ...wd...
. ...wd...
. ...wd...
窗口设计
创立工程
使用"File | New Project..."菜单命令，翻开" New Project"对话框。
选择一个适宜的文件夹用于存放创立的工程，如上图所示的"C:\My GUI Designs\"。如果想使用的文件夹不存在，在"Location"框可以直接输入路径，该文件夹会被自动创立。
在"Name"框输入"Tutorial"，将为工程自动创立一个"Tutorial"子文件夹。
点击"OK"按钮创立工程后，工程将被自动翻开。
. ...wd...
. ...wd...
. ...wd...
创立对话框
可以通过"File | New" 菜单命令，或者"Ctrl+N"快捷键创立新的未命名的设计文档，之后在保存时需要指定保存位置和名称。此外，还可以在"Project"面板点击"New Design"图标，将文件直接创立在工程文件夹下。在弹出对话框中输入"NewTaskDialog"。
在"Elements"面板中选中"Windows and Dialogs"分类。在元素列表中选中"Dialog"元素，以双击或拖拽的方式将元素添加到设计文档中。
双击对话框元素翻开其属性设置页，修改其标题为"Task Details"。
确保"Layout | Snap to Edges"菜单命令处于选中状态。边缘捕捉允许GUI元素间可以正确对齐。
常常需要在窗口中保证页边空白和按钮布局的一致性，这不是必须的但这么做可以增强专业感。在"Elements"面板的"Design Grids"分类下，通过双击或拖拽的方式将下左图所示的按钮添加到对话框中。然后拖拽该按钮使其捕捉到对话框的四边，如下右图所示。
在"Elements"面板中的"Buttons"分类下，添加"OK" and "Cancel"按钮。你会发现按钮默认的宽度和网格右列的宽度是一致的。
在"Elements"面板中的"Text"分类