Axure-RP8原型设计图解第2章-用页面区课件.pptx

1、页面区域位于软件界面的左上方，是用来管理页面和显示页面的区域，如图页面区域位于软件界面的左上方，是用来管理页面和显示页面的区域，如图2.1所示。所示。l管理软件页面关系管理软件页面关系l软件的骨架，清晰展示软件的结构软件的骨架，清晰展示软件的结构图图2.1 管理页面层级管理页面层级本章案例：“百度门户”栏目规划，效果如图2.2所示。图图2.2 “百度门户百度门户”栏目规划效果栏目规划效果2.1 页面区域是什么2.2 页面区域的功能使用2.3 实战“百度门户”栏目规划2.4 小结2.1 页面区域是什么2.1.1 什么是页面区域页面区域由两部分组成。一部分是功能菜单，就是一些操作页面的按钮，在页面

2、右键选项里提供更多操作按钮，另一部分是页面，呈现树状结构，与Windows文件存放目录结构一致。通过父与子的页面关系、兄弟和兄弟的页面关系，将设计的产品页面整合起来，形成产品的文档，如图2.3所示。 图图2.3页面区域的结构和功能页面区域的结构和功能2.1.2 页面区域能干什么1.页面区域可以用来规划软件的功能单元或者软件的结构 2.页面区域可以让使用者快速地了解软件的结构 3.页面区域方便使用者快速地找到想要的页面2.1.3 使用页面区域注意事项1. 制作软件原型时要规划软件的功能菜单或者栏目结构2. 页面的命名要有意义制作原型时要事先规划好软件的功能菜单或者栏目结构，不要随意地在站点地图上

3、新建页面，导致页面结构混乱，根本看不出软件的功能结构。页面的命名要让使用者一看，就能知道这个页面所要表达的含义。要做到顾名思义，不光是页面要命名得有意义，部件也要命名得有意义。2.1站点地图是什么2.2页面区域的功能使用2.3实战“百度门户”栏目规划2.4小结2.2 页面区域的功能使用页面区域的功能使用包括两方面内容：功能菜单的使用01OPTION02OPTION页面管理图图2.4页面的功能菜单页面的功能菜单除了使用功能菜单来管理页面，也可以在页面上右键单击，通过弹出的菜单选项管理页面，如图2.5所示。图图2.5 页面右键菜单选项页面右键菜单选项添加：菜单选项，可以所选页面之前或之后新增同级页

4、面，新增文件夹或新增子页面。它的效果和功能条上的新增页面和新增文件夹是一样的。移动：菜单选项可以移动页面的前后顺序关系，调整页面的层级关系，和功能条上的移动操作一致。删除：不想要的页面或者文件夹可以通过删除菜单选项来进行删除。如果当前页面下含有子页面，Axure会自动提示，单击提示中的“确认”后会同时删除所有子页面。重命名：页面的重新命名的方式有3种。页面重新命名的方式有3种：通过快捷键F2进行页面的重新命名。通过右键菜单选项里的重命名选项来重新命名；选中页面后再单击页面名称；3 1 2 通过图表（标）类型菜单选项来更改页面的图标类型，可以改为页面或者流程图的图标。图标的更改并不会影响页面的内

5、容，只是便于对页面的管理。通过生成流程图菜单选项，可以生成纵向或者横向的流程图。选中index页面，然后单击鼠标右键，选择生成流程图选项，生成纵向流程图，如图2.6所示。图图2.6 纵向流程图纵向流程图2.1 站点地图是什么2.2 页面区域的功能使用2.3 实战“百度门户”栏目规划2.4 小结2.3 实战“百度门户”栏目规划 结合前两节学习的内容，我们来做一个“百度”栏目规划的案例，打开浏览器，输入地址“”，打开百度门户页面，如图2.7所示。图图2.7 百度门户百度门户百度门户，它有7个一级菜单，也就是被划分为7个大的功能模块。123456（一）首页：这个是很多网站都存在的模块，展示网站的综合

6、信息。（二）百度介绍：也就是企业介绍，也是必有的一个模块。（三）新闻中心：用来介绍公司的一些新闻事件。（四）产品中心：这个模块可以根据实际情况来选择是否有。（五）商业中心：是百度的营销推广模块，可以根据实际情况来选择（六）招贤纳士：是很多门户网站都存在的功能模块。7（七）联系我们：是很多门户网站都存在的功能模块。1. 将index页面重新命名为“百度门户”，在百度门户下面建立7个页面，分别命名为“首页”“百度介绍”“新闻中心”“产品中心”“商业中心”“招贤纳士”和“联系我们”，如图2.8所示。图图2.8百度一级菜单百度一级菜单2.在百度介绍页面新增两个子页面，有两种方式：一种是通过功能条，另一

7、种是通过右键单击菜单选项。将两个子页面分别命名为“百度文化”和“百度之路”，如图2.9所示。3.在产品中心页面新增3个子页面，分别命名为“产品大全”“用户帮助”和“投诉中心”，可以把暂时不需要展示的子页面收缩起来，如图2.10所示。图图2.9百度介绍二级菜单百度介绍二级菜单图图2.10产品中心二级菜单产品中心二级菜单4.在商业中心页面新增4个子页面，分别命名为“百度推广”“营销中心”“互动营销”和联盟合作”，如图2.11所示。5.在招贤纳士页面新增3个子页面，分别命名为“社会招聘”“校园招聘”和“百度校园”，如图2.12所示。图图2.11商业中心二级菜单商业中心二级菜单图图2.12招贤纳士二级菜单招贤纳士二级菜单6.在联系我们页面新增一个子页面，命名为“参观百度”，如图2.13所示。图图2.13 联系我们二级菜单联系我们二级菜单2.1 页面区域是什么2.2 页面区域的功能使用2.3 实战“百度门户”栏目规划2.4 小结2.4 小结本章主要学习页面区域的使用，通过页面区域管理页面，应当做到以下几点。（1）了解什么是页面区域，页面区域由两部分组成：功能菜单和页面。它可以管理软件的页面关系。（2）通过功能菜单和右键菜单选项来管理页面，包括新增页面、移动页面、删除页面及搜索页面等。（3）学会如何规划软件栏目结构。