《Axure RP8产品原型设计快速上手指南》一1.2 页面面板

简介:

本节书摘来自异步社区《Axure RP8产品原型设计快速上手指南》一书中的第1章,第1.2节,作者 何广明,更多章节内容可以访问云栖社区“异步社区”公众号查看

1.2 页面面板

由Axure RP7中的站点地图发展到Axure RP8中的页面面板,更加表明该区域的主要作用:对页面的管理。页面是Axure中最高层级的元素,页面面板主要用来创建和管理页面,整个页面区域呈树状结构,可以添加页面、删除页面、重命名页面、调整页面层级、调整页面顺序。


ddfe9f3180d7aad1535e3df9538f950ad1dd66a4

页面面板中有两种页面类型——线框图页面和流程图页面,其中使用最多的是线框图页面。新建文件时,默认会自动生成4个页面(1个Home页面、3个Page页面)的页面地图,可以在这个基础上进行产品原型设计。

构建页面地图
选择一个熟悉的产品,尝试在Axure中建立一个页面地图。这里我们梳理了微信的产品架构,然后在页面面板中建立了这样的信息架构。


289974dcaefe13f30fc17a309066d22766bea30e

微信的产品架构


c5a580d64b2313eb78ffbf1088c93954c8b90331

微信产品的页面地图

主要操作


881718c80482edbe558f38d4c1b1aae14476ed47

主要变化
Axure RP8中对页面面板的操作进行了简化,去除了原来面板中的关闭和帮助按钮。

去除了删除图标,可以单击右键选择更多操作或直接按delete键进行删除。

去除了升序/降序图标,通过直接拖动页面即可调整页面之间的顺序。
去除了升级/降级图标,通过直接拖动页面即可调整页面直接的层级。
将弹出操作移动到左侧,点击之后整个会脱离原来的位置,再次点击会返回原来的位置,面板与面板之间无法调整放置的顺序,如将部件面板置于页面面板之上。
去除了页面数量统计,笔者感觉是目前最不方便的一点,无法看到页面的数量并根据页面数量评估大致的开发量。
更多操作
对页面的更多操作,可以选中某个页面,单击鼠标右键查看操作菜单,获取更多操作。


e217ffba286ec9fa325da9ef3e8e780f5cc4234e

文件夹的应用
熟悉Windows系统的用户,对文件夹功能一定不陌生。在Axure RP8版本中继续保留了文件夹功能,可以将页面放置到文件夹下进行管理。

文件夹最主要的作用就是在页面数量较多的情况下,可以分多个维度对页面进行管理,如前台系统、用户中心、管理后台。甚至一些暂时无用的页面也可以统一新建一个文件夹进行管理。越是大型的系统在进行产品设计时越需要建立合理的文件夹分类来管理页面。


9409c5b1dc35db3e636ea70043b21156eb5dd0f4

快速重命名页面
Axure的新建页面的名称默认为New Page 1,为了更好地对应产品架构和方便查找,需要对新建页面进行重命名。

页面命名规则建议和产品整体架构名称保持一致。例如,在产品架构图中称为“我的订单”,那么在页面中建议也命名为“我的订单”,保持页面地图和产品架构的一致性。


20681165fe6caf739244efaf1571669cfdf0fc83

一个真实产品页面地图案例(图片来源网络)

无论是设计Web产品还是移动产品,页面地图都直接反应了产品的整体架构,便于后期对原型进行维护和其他人对原型的理解。如果想建立一个清晰的页面地图,建议先学习一点儿信息架构的知识。

相关文章
|
Android开发 容器
Axure产品原型设计破解、常用开发及SVN团队配置
Axure产品原型设计破解、常用开发及SVN团队配置
287 0
Axure产品原型设计破解、常用开发及SVN团队配置
|
Web App开发 测试技术 Android开发