第三章 认识站点地图

第三章

认识站点地图CONTENTS目录01

3.1使用欢迎页面02

3.2新建和设置Axure文件03

3.3认识站点地图04

3.4辅助线和表格的使用05

3.5设置遮罩06

3.6设置自适应视图3.1使用欢迎页面01AxureRP9启动与文件管理

AxureRP9启动界面显示“欢迎使用”页，提供新建、打开文件选项，列最近操作文件，含学习资源链接。

AxureRP9学习资源提供联系资料，引导快速掌握，论坛、博客、公众号多渠道支持。3.2新建和设置Axure文件023.2新建和设置Axure文件进行软件产品原型设计的时候，首先需要创建一个新的文件，创建新文件过程中需要进行纸张大小的设置3.2.1纸张尺寸与设置

纸张尺寸选择用户可选预设尺寸，或自定义宽高，单位英寸毫米，方向竖横。

页边距与默认设置指定上下左右页边距，可设默认尺寸，含像素尺寸选项。3.2.2文件存储

文件存储操作执行“文件>保存”，在“另存为”对话框中输入文件名，选择类型，点击“保存”完成操作。3.2.3文件的另外存储

另存为功能用于创建文件副本，执行“文件>另存为”命令，弹出对话框进行保存。

操作目的获得文件副本，便于管理和版本控制，避免覆盖原文件。3.2.4启动和恢复自动备份启动自动备份勾选“启用备份”,设置“备份间隔”时间,启动自动备份功能。恢复自动备份执行“从备份中恢复”命令,选择备份日期,点击“恢复”按钮完成操作。3.3认识站点地图033.3.1什么是站点地图：站点地图概述

站点地图基本定义与作用站点地图是树状结构，主页为根节点，可查看产品模块、栏目、功能单元，方便页面操作，是产品原型设计第一步，能帮助了解产品架构和功能模块。站点地图组成结构站点地图由功能条（页面操作按钮）和树状结构页面（Windows目录结构形式，含父子、兄弟页面关系）组成。3.3.1什么是站点地图：功能条操作说明

创建同级页面与文件夹功能条可实现为所选节点页面创建同级页面；也可创建同级文件夹，用于管理页面并放置相关文件。

页面位置调整功能实现同等级页面中，将所选的页面上移一个位置。实现同等级页面中，将所选的页面下移一个位置。

页面层级调整功能页面层级降级：所选页面降级为其上方页面的子页面；页面层级升级：所选页面升级为父页面的同等级页面。

页面删除与检索功能删除所选页面及其子页面，有子页面会提示，确认后删除；可右键删除当前页面，能检索站点地图页面。3.3.2站点地图的功能站点地图功能管理页面，规划原型设计，快速查找，拓展同级页面，创建文件夹分类，清晰展现设计结构。具体应用搜索页面，同级页面创建，文件夹管理，适用于功能模块设计，提升原型设计效率。站点地图的页面管理

站点地图的页面管理通过功能条或右键操作，实现页面添加、删除、重命名、调整层级和顺序。

页面重命名方式支持双击、右键菜单和使用F2快捷键进行页面重命名。3.3.4页面管理页面创建AxureRP9自动创建4页，含1主页3二级页，可重命名，便于管理。页面添加通过“页面”面板的“添加页面”按钮，轻松扩展项目，增加页面数量。3.3.4页面管理

添加和删除页面同类型页面放一个文件夹，单击“添加文件夹”按钮添加文件夹；选页面右键“添加”可在特定位置添加页面或文件夹；选页面按Delete键或右键“删除”可删除页面。

移动页面改变页面顺序或级别：在“页面”面板选页面右键“移动”选命令；或左键拖动改变层次。

查找页面AxureRP9提供“查找”功能，单击“页面”面板右上角按钮，顶部出现文本框，输入名称查找页面，再次单击取消搜索恢复默认。

页面属性“属性”选项下可设置页面交互效果，含触发事件并添加用例执行动作，默认事件有“页面载入时”“窗口尺寸改变时”“窗口滚动时”，“更多事件”列表有更多选项。3.3.4页面管理：页面说明

页面说明功能“检视：页面”面板中间的按钮是页面说明，可添加注释以便其他制作人了解当前页面内容。说明内容格式设置在页面说明下方文本框输入说明内容，单击右侧图标弹出格式化文本参数，可设置字体、加粗、斜体、下划线、文本颜色和项目符号等。多说明添加方法添加多个说明：单击图标，在弹出的“说明字段设置”中“自定义页面字段”文字，在对话框中添加新说明。多说明确认与输入添加完成后，单击“确定”按钮。用户可以输入多个页面说明，如图3-19所示。3.3.4页面管理页面样式页面排列可选择居左或居中；可设定页面尺寸；默认可管理排列、颜色、图片；填充可设背景颜色和图片，图片需导入。3.4辅助线和表格的使用04辅助线的使用

辅助线类型与操作辅助线类型：全局、页面、打印、对齐辅助线。编辑操作：锁定、创建、删除全部、设置辅助线。

新建页面与创建辅助线执行“文件>新建”新建页面。执行“视图>标尺·网格·辅助线>创建辅助线”或右键对应选项，可在“预设”选“960Grid：12Column”设置。

全局辅助线设置勾选“创建为全局辅助线”选项，可以使辅助线出现在所有的页面中，供团队的所有成员使用。

对齐辅助线功能用户可通过“视图>标尺·网格·辅助线>对齐辅助线”命令或右键对应选项激活功能，激活后移动对象会自动对齐辅助线。3.4.2使用网格

显示网格默认页面不显示网格。可执行“视图>标尺·网格·辅助线>显示网格”命令或右键选择该选项显示，效果如图3-25所示。

设置网格参数用户可通过“视图>标尺·网格·辅助线>网格设置”命令或右键对应选项，在弹出的“偏好设置”对话框中设置网格各项参数。

网格对齐功能用户可通过“视图>标尺·网格·辅助线>网格对齐”命令或右键菜单激活该功能，激活后移动对象会自动对齐网格。3.5设置遮罩05取消Axure遮罩效果方法

AxureRP9特殊元件热区、母版、动态面板、中继器和文本链接，提供丰富交互设计。

隐藏元件显示默认半透明黄色遮罩，影响操作可关闭，提升设计效率。3.6设置自适应视图06自适应视图作用自适应视图作用适应多样移动终端，如手机、平板，统一页面设计，兼容不同屏幕尺寸，提升用户体验。自适应视图设置

打开自适应视图对话框在“检视：页面”面板勾选“启用”复选框，单击“管理自适应视图”按钮，或单击工作区左上角该按钮，弹出“自适应视图”对话框。添加新视图及参数设置单