亲爱的小伙伴们，大家好，我是岳小哥，我们又见面了。今天，继续我们的 Axure RP快速入门课程。
上一节，我们对Axure的整个工作环境有了一个整体的认识。这一节开始，正式我们的原型设计。
【资料图】
原型设计，从添加一个页面开始。
首先，我们要知道，原型设计中，什么是页面。
我们日常使用的网页、APP，或者小程序，都是由一个一个的页面组成的。
这一个一个的页面，就是一个或一类信息和功能集合。
Axure，以及原型设计中的页面，就是网页、APP，或者小程序中的页面。
比如微信的首页，就是消息的沟通列表，包含了一个人和哪些人进行了沟通，同时集合了和沟通列表相关的信息和功能，比如沟通人的头像和昵称，以及列表左滑删除等功能。
因为首页的特殊性，还会包含一个应用程序的主要的一些功能，比如微信首页中的搜索、扫一扫、添加好友等功能。
但无论对微信的首页而言，其它功能都是只是入口，核心的还是沟通列表。
因此，一个页面，核心展示的，一定是对应页面的主题相关的信息或功能。比如京东、天猫这些电商软件中，商品列表中，显示的肯定是商品的相关信息，比如商品的图片、价格、介绍等信息，购物车展示肯定是和购物车中商品的添加、移除、结算相关的内容和功能。
那如果一个页面展示的内容，和想表达的内容不符，会有什么结果呢？那就会让使用者不知这个页面是干什么的，从而将消费者劝退。
其实不仅仅是一个页面，对于一个软件，同样如此。比如支付宝中推出的社交功能，就和支付宝这个软件“钱包”这个主题是冲突的，因此在刚推出来时，被大家一顿吐槽。而曾经更是因为推出“圈子”这一明显社交属性的功能，而被直接被网友骂上了热搜，而紧急叫停。
因此，大家在原型设计时，对整个原型，以及每个原型页面，一定要明确每个页面想要表达的主题内容，尽量不可把不相关的内容放到一个页面上。
了解了什么是页面，下面，我们就通过Axure来创建原型页面。
上一节，我们讲Axure功能区时，讲到 Pages(页面)面板，就是对页面进行管理的功能面板。而我们要创建页面，就需要 Pages(页面)面板进行创建与维护。
打开我们上一节创建的 “博客.rp” 文件。
细心的小伙伴或许已经发现，新建.rp文件时，Axure会默认创建一个名为 Page1的页面。
我们把Axure默认创建的页面删除，然后跟着小哥重头来创建页面。
点击 Pages(页面)面板右上角的 Add Page(添加页面)的图标 +，面板上就会重新创建一个名为Page 1的页面；
再次点击 +图标，Pages(页面)面板上会添加第二个页面Page 2；
Axure对于未命名的页面，会按 "Page1、2、3……” 顺序依次添加。而且新添加的页面，会自动添加到选中页面的下方。如果未选中任何页面，会添加到 Pages(页面)面板最底部。
实际原型设计中，页面的名称不可能使用默认的，而且是要有意义的命名。
下面，我们给上面添加的页面，重新命一下名。
要给页面重新命名，有两种方式。
第一种方式：鼠标右键。
Pages(页面)面板上选中要重新命名的页面，我们选中 Page 1，鼠标右键；
显示的右键菜单中，选择 Rename(重命名)，页面名称会被高亮选中，进入可编辑模式；
直接输入新的名称，我们这里给 Page 1重命名为 “登录”；
键盘按下 ENTER 键，或鼠标点击页面外任一位置，就完成了页面的重新命名。
第二种方式：连续点击。
Pages(页面)面板上选中要重新命名的页面，我们选中 Page 2，然后鼠标停留片刻；
显示的右键菜单中，选择 Pages(页面)，页面名称会被高亮选中，进入可编辑模式；
直接输入新的名称，我们这里给 Page 2重命名为 “注册”；
键盘按下 ENTER 键，或鼠标点击页面外任一位置，就完成了页面的重新命名。
有细心的小伙伴，可能已经发现，新建页面时，页面名称是直接可以编辑的。
我们再新建一个页面，因为 Pages(页面)面板上已经没有了默认名称的页面，所以Axure又重新创建了一个 “Page 1” 页面。
我们直接给新建的 “Page 1” 页面命名为 “首页”。
我们一次性再多创建几个页面。然后分别命名为“联系我们” “个人中心” “详情” “博客” 。
新建的页面有点多，要删除怎么办呢？
只需要选中要删除的页面，按下键盘上的 DELETE 键即可。或者鼠标右键选择 Delete(删除)。
我们删除多余的页面。
页面创建好了，也命名好了。小哥哥这里故意没有按顺序对页面名称进行命名。下面，我们就给页面调整下顺序，让页面结构，更符合实际的业务场景。
调整页面的次序，最笨的办法，是按实际的页面结构，对页面全部进行重新命名。
这对于页面不多，而且还没有进行原型设计的空白页面或许可以用一用。但这对已经设计了原型，而且数量较多的页面，明显就不适用了。
而且，这只能调整页面的顺序。对于好多页面结构而言，还有父子页面这样的层级关系，
对于我们上面创建的页面结构，是一个经典博客的页面结构，一般的页面结构如下：
要对调整页面的层级和顺序，有三种方式。
第一种：鼠标右键。
Pages(页面)面板上选中任一页面，鼠标右键，选择 Move(移动)。
Move(移动)的子菜单中，提供了对页面的四种排序操作，我们依次尝试下：
Move Up(上移)：将选中页面上移一位；
Move Down(下移)：将选中页面下移一位；
Indent(降级)：将选中页面移到上方页面的子一级；
Outdent(升级)：将选中页面，移到与父页面同一级。
第二种：快捷键。
调整页面次序的快捷键，是与鼠标右键中的 移动(Move)菜单中的四项一一匹配的，我们依次尝试下：
Move Up(上移)：CMD↑(Mac)，CTRL↑(Win)；
Move Down(下移)：CMD↓(Mac)，CTRL↓(Win)；
Indent(降级)：CMD→(Mac)，CTRL→(Win)；
Outdent(升级)：CMD←(Mac)，CTRL←(Win)。
第三种：拖动。
上面的操作，只能一级一级的对页面次序进行调整。
有没有更高效和简单的方式呢？
答案是肯定，只需要我选中页面直接拖动即可。
我们按前面给出的博客的页面结构，直接拖动页面，来调整一下页面结构。
拖动页面时，当页面拖动到了对应位置时，如果是同级拖动，会在拖动到的位置，显示匹配位置的蓝色提示线。如果是子级位置，会在父一级，显示蓝色的边框。
实际操作中，不可能一次将全部页面创建好，然后再去调整。一般情况下，都是直接按页面结构创建的页面。
如何指定位置创建页面呢？
要指定位置创建页面，这就需要用到我们万能的鼠标右键了。
选中新建页面位置的邻近页面，鼠标右键，选择 Add(添加)；
Add(添加)子菜单，提供了三个位置的页面添加：
Page Before(页面前)：选中页面上方添加新页面；
Page After(页面后)：选中页面下方添加新页面；
Child Page(子页面)：选中页面子一级添加页面。
Add(添加)子菜单中，还有一项 Folder(文件夹)的选项。
这是做什么的呢？
当原型中页面较多时，单纯的页面层级已经不好进行管理了。这时，就可以通过 Folder(文件夹)进行管理了。
页面文件夹的添加，可以通过 Pages(页面)面板右上角的 Add Folder(添加文件夹)添加。
其它文件夹新建的方式，以及重命名、调整次序的操作，和页面操作完全一致。小伙伴们可以参考页面的操作测试一下。
关于页面和文件夹的的添加、重命名、次序调整等操作，我们今天就介绍到这里。
下一节，我们讲讲 Widget(元件)——原型设计的最基本的元素。
关键词：
Copyright 2000-2021 by www.jiaoyu.rexun.cn all rights reserved
邮箱 : 5 146 761 13 @qq.com
