UI设计基础-2017页面编辑区页面编辑区.docx

自适应视图 页面编辑区可以同时打开多个原型页面（多个Tab标签的方式），在页面编辑区可以打开4种页面，分别是基本页面、母版页面、动态面板页面和中继器页面。 基本页面：页面面板中的各个页面。 母版页面：母版面板中的各个母版页面。 动态面板页面：动态面板中的各个状态页面。 中继器页面：编辑中继器的页面。 单击页面编辑区右侧的向下三角按钮，在弹出的菜单中列出了当前打开的所有页面，以便快速找到所需要的页面。单击Tab标签上的关闭图标即可关闭当前页面。 单击页面编辑区上的“管理自适应视图”图标，弹出“自适应视图”对话框。单击左上角的“+”按钮，即可添加一种新视图，新视图的各项参数可以在右侧添加。 预设：根据宽度预先定义好了一个设备的显示尺寸，用户可以直接选中。 名称：为当前自适应视图定义一个名称。 条件：定义临界点的逻辑关系。例如，当视图宽度小于临界点尺寸时，则使用当前视图。 宽：如果要自定义一个视图，则可以输入一个宽度。 高：如果要自定义一个视图，则可以输入一个高度。 继承于：为当前视图指定一个父视图，即确定继承的父视图。 标尺 页面编辑区默认会显示标尺，标尺的单位是像素，如果设计师要针对1024x768的显示器开发网站，网站页面的宽度不能超过1024，否则将无法完全显示。页面编辑区的原点就是左上角，这里的坐标是X0、Y0。 辅助线 1.全局辅助线 全局辅助线全局作用于站点中的所有页面，包括新建页面。将光标移动到标尺上，按住Ctrl键的同时向外拖曳，即可创建全局辅助线。默认情况下，全局辅助线为紫红色。 2.页面辅助线 将鼠标光标移动到标尺上向外拖曳创建辅助线，这种辅助线称为页面辅助线。页面辅助线只作用与当前页面。默认情况下，页面辅助线为青色。 3.自适应视图辅助线 该辅助线主要在自适应视图中使用，只有在自适应视图页面中才能显示，在普通页面中不显示。 在勾选自适应视图辅助线的情况下会显示，当选择320尺寸视图时，显示辅助线。当选择480尺寸视图时，显示辅助线。当选择560尺寸视图时，显示辅助线。 自适应视图辅助线只显示在自适应视图中，起到提示作用，提示设计师要在自适应视图的范围中绘制原型。 4.打印辅助线 打印辅助线将方便用户准确地观察页面效果，正确打印页面。当用户设置了纸张尺寸后，页面中会显示打印辅助打印线。默认情况下，打印辅助线为灰色。 5.创建辅助线 执行“布局栅格和辅助线创建辅助线”命令，弹出“创建辅助线”对话框。 辅助线预设 在“创建辅助线”对话框中，单击“预设”下拉菜单 960Grid:12Column:宽度为960的12列的布局。 960Grid:16Column:宽度为960的16列的布局。 1200Grid:12Column:宽度为1200的12列的布局。 1200Grid:15Column:宽度为1200的15列的布局。 当选择这些预设选项时，Axure RP会按照选择的参数自动创建辅助线。如果勾选“创建为全局辅助线”复选框，该辅助线将出现在所有的页面上。如果没有勾选该复选框，那么辅助线就仅出现在当前页面上。 辅助线其它参数设置 在“创建辅助线”对话框中，不仅可以选择预设选项，还可以根据自己的想法设置辅助线。 删除辅助线 在辅助线上单击鼠标右键，在弹出的菜单中选择“删除”命令。 在锁定辅助线的情况下是无法删除辅助线的，只有解锁之后才能删除。为防止在工作中意外地选中删除辅助线，建议将辅助线锁定。 如果仅是创建一个当前页面的辅助线，只要将光标放在标尺上进行拖曳即可，可以拖曳出青蓝色的辅助线，它仅作用于当前页面，而全局辅助线是紫红色的。 设置辅助线 为了方便使用辅助线，Axure RP 8.0允许用户为不同种类的辅助线指定不同的颜色。执行“布局栅格和辅助线辅助线设置”命令或在页面中单击鼠标右键，在弹出的菜单中选择“栅格和辅助线辅助线设置”命令。 除了可以选择显示或隐藏辅助线外，还可以设定不同辅助线的样式。 使用网格 显示网格的方法： 在页面编辑区中单击鼠标右键，在弹出的菜单中选择“栅格和辅助线显示网格”命令，即可显示网格。 执行“布局栅格和辅助线显示网格” 也可以使用快捷键使网格显示 快捷键：Ctrl+ ’