原型设计大师——Axure站点地图.pdfVIP

第2 章 Axure 站点地图 站点地图呈现树状结构，以主页为树的跟节点，站点地图采用树状结构的优点是可以让 我们对我们的产品整体模块和不同栏目、功能单元有一个清晰的认识，采用这种结构也方便 对页面进行增加、移动、删除等操作。站点地图是进行产品原型设计的第一步，通过站点地 图可以规划产品的功能模块或者栏目信息，让开发者或者接受者能清晰的了解到产品的基本 架构和有哪些功能模块。比如我们打开 百度网站，可以看到有新闻、 hao123 、地图、视频、贴吧等功能模块，在进行百度网站原型设计时，可以把这些功能模块 在站点地图里设计，让我们能快速的知道百度网站有哪些功能模块。 本章主要涉及到的知识点有：  站点地图功能条：学会站点地图功能条的使用  页面管理：学会对站点地图页面的相关操作，包括增加页面、删除页面、移动页面 以及对页面的重新命名  生成流程图：通过站点地图生成流程图 2.1 关于站点地图 本节首先介绍站点地图的基本概念，理解站点地图的基本功能以及重要性。站点地图是 进行原型设计的基础，对站点地图的页面规划，这样才能对产品设计有一个清晰的思路。 2.1.1 什么是站点地图 首先打开安装好的Axure RP 7.0 原型设计工具，在左侧有一块站点地图区域，图2.1 红 色线圈内的区域就是站点地图，那么究竟什么是站点地图？站点地图又能干什么呢？在使 用站点地图又应该注意哪些问题呢？带着这三个问题，走进站点地图区域。 站点地图区域是由两部分组成，一部分是功能条，是对页面操作的按钮，另一部分是树 状结构的页面，采用的和 Windows （用官方标准大小写）目录结构一致，通过父与子的页 面关系，兄弟和兄弟的页面关系，就这样把要设计的产品页面关系整合起来，形成产品的文 档关系。通过建立站点地图，形成产品文档关系，对产品的功能模块、不同栏目有一个清晰 的认识，清楚文件关系与位置，这样让开发者和接受者能清晰的理解设计者的思路。 刚开始工作的时候，发现很多刚毕业的朋友在使用Axure 进行原型设计时，对文档的命 名与位置摆放都是随心所欲，想到哪就做到哪。我也不例外，没有好的文档结构规划，没有 好的整理习惯。这样做的后果是每次寻找以前的文档都需要花费很长时间，甚至误删了文档 也不知道，也导致开发者不能理解设计者的思路。 1 图2.1 Axure RP 7.0 操作界面 2.1.2 站点地图的功能条 上文提到站点地图由两部分组成，其中一部分就是功能条，如图2.2 红色线圈区域所示。 图2.2 站点地图功能条 ：为所选择的节点页面创建一个新的同级页面。 ：可以为所选择的节点页面创建一个新的同级文件夹，文件夹可以把页面管理起来， 如同Windows 文件夹一样，把相关文件放置在一起。 ：可以实现同等级的页面中，将所选页面的上移一个位置，调整页面的排序。 ：可以实现同等级的页面中，将所选页面的下移一个位置，调整页面的排序。 ：可以实现页面层级降级，将所选页面的层级降级，作为原等级中，排列在所选页 面上方之页面的子页面。 ：可以实现页面层级升级，将所选页面的层级升级，升级为父页面的同等级页面。 2 ：将所选页面删除，同时删除其子页面，如果当前页面下含有子页面，Axure 会自动 提示当前页面有子页面，单击提示中的“确认”后会同时删除所有子页面，同时也可以在所选 页面进行单击右键，删除当前街道页面。 ：可以检索出站点地图的页面。 2.1.3 站点地图的页面管理 页面管理主要是对页面进行添加页面、删除页面、重命名页面、调整层级页面、调整顺 序页面进行管理，添加页面、删除页面、调整层级页面、调整顺序页面操作可以通过功能条 或者单击右键进行完成。重命名页面有三种方式：  一是双击当前