一、导航面板

      在绘制线框图(Wireframe)或流程图(Flow)之前，应该先思考界面框架，决定信息内容与层级。

      明确界面框架后，接下来就可以利用页面导航面板来定义所要设计的页面。页面导航面板是用于管理所设计的页面，可以添加、删除及对页面层次进行重新组织。

      1、页面的添加、删除和重命名

      点击面板工具栏上的“Add Child Page”按钮可以添加一个页面，点击 “Delete Page” 按钮可以删除一个页面。右键单击选择“Rename Page”菜单项可对页面进行重命名。

      2、页面组织排序

      在页面导航面板中，通过拖拉页面或点击工具栏上的排序按钮，可以上下移动页面的位置和重新组织页面的层次。打开页面进行设计在页面导航面板中，鼠标双击页面将会在线框面板中打开页面以进行线框图设计。

      二、控件

      控件是用于设计线框图的用户界面元素。在控件面板中包含有常用的控件，如按钮、图片、文本框等。

      1、添加控件

      从控件面板中拖动一个控件到线框图面板中，就可以添加一个控件。控件可以从一个线框图中被拷贝(Ctrl+C)，然后粘贴(Ctrl+V)到另外一个线框图中。

      2、操作控件

      添加控件后，在线框图中点选该控件，然后可以拖拉移动控件和改变控件的大小，还可以一次同时对多个控件进行选择、移动、改变尺寸。另外，还可以组合、排序、对齐、分配和锁定控件。这些操作可通过控件右键菜单中进行，也可在Object 工具栏上的按钮进行。

      3、编辑控件风格和属性

      有多种方法可以编辑控件的风格和属性：

      鼠标双击：鼠标双击某个控件，可以对控件的最常用属性进行编辑。例如，双击一个图片控件可以导入一张图片;双击一个下拉列表或列表框控件可以编辑列表项。

      工具栏：点击工具栏上的按钮可编辑控件的文本字体、背景色、边框等。

      右键菜单：控件右键菜单上可编辑控件的一些特定属性，不同控件这些属性也不同。

      三、注释

      可以为控件添加注释，以说明控件的功能。

      1、添加注释

      在线框图中选择控件，然后在控件注释和交互(Annotations and Interactions)面板中编辑字段中的值，即可为控件添加注释。面板顶部的 Label 字段是为控件添加一个标识符。

      2、自定义字段(Fields)

      通过主菜单Wireframe->CustomizeAnnotation Fields and Views 或点击面板上Annotations 头部的“CustommizeFields and Views” 然后在弹出的 CustommizeFields and ， Views对话框中可以添加、删除、修改、排序注释字段。

      3、脚注(Footnotes)

      在控件上添加注释后，控件的右上角会显示一个黄色方块，称为脚注。

      四、页面备注

      页面备注可对页面进行描述和说明。

      1、添加页面备注

      在线框图下面的Page notes 面板中可以添加页面备注内容。

      2、管理页面备注

      通过自定义页面备注，可以为不同的人提供不同的备注，以满足不同需要。比如可以新增“测试用例”“操作说明”等不同类别的页面备注。

软件特色

      1、主菜单和工具栏

      执行常用操作，如文件打开、保存文件，格式化控件，自动生成原型和规格说明书等操作。

      2、站点地图面板

      对所设计的页面(包括线框图和流程图)进行添加、删除、重命名和组织页面层次。

      3、控件面板和

      该面版包含线框图控件和流程图控件，另外，你还可以载入已有的部件库(*.rplib文件)创建自己的部件库。

      4、模块面板

      一种可以复用的特殊页面，在该面板中可进行模块的添加、删除、重命名和组织模块分类层次。

      5、线框图工作区

      线框图工作区也叫页面工作区，线框图工作区是你进行原型设计的主要区域，在该区域中你可以设计线框图、流程图、自定义部件、模块。

      6、页面注释和交互区

      添加和管理页面级的注释和交互。

      7、控件交互面板

      定义控件的交互，如：链接、弹出、动态显示和隐藏等。

交叉设计