background image

相当重要。
  我的操作习惯是先画流程图,然后根据流程图构建页面文件框架,最后才开始页面的具体设置。期间可以
将文件分为

LOFI(低保真)与 HIFI(高保真)两个部分进行分别展示,有利于不同的需求者使用。

  功能区

5:器具箱,囤积了所有用来画线框图与流程图的对象。我们可以通过拖拽的方式将小图形放入工

作区,进行操作。对于这里面的对象,我们有必要一一详细了解。
  功能区

6:复用模块区,这里创建的页面文件和网站地图的页面相似,唯一不同的是,模块的每个文件,

可以当作一个整体,被网站地图反复调用。这个功能就相当于程序开发中的程序复用,用好这个功能,可以减
少我们很大一部的工作量。也更容易理解网页文件的关系,了解网页设计师、程序员是怎么构建网站的页面的。
  功能区

7:页面笔记,用来对当前创作页面进行注释与说明。同时可以在这里对页面里的关键字段和特殊

问题进行详细的描述。
  功能区

8:页面载入时的交互功能。通过在这里设置,不同条件下,页面初次打开时的状况。

  功能区

9:注释与交互区。这个注释和交互和 7、8 不同,7、8 针对的是页面,而 9 针对的是页面中的元

素,也就是一个个组件。
  功能区的上面部分设置交互条件。通过鼠标点击、滑入、滑出,设置触发的事件,与对应组件相应的变化 。
这一部分对没有程序基础的人可能会有一点难度,稍后会做详细解释。
  功能区的下面部分是注释部分,用户可以对选定的对象进行详细的注释。

Axure 已经设置了几个默认的注

释字段,但是其实这些默认的注释字段,大家完全可以不使用,因为它可能和你要说明的东西风马牛不相及。
  那么该怎么办呢?

Axure 提供了自主设置字段,只要你自己设置好自己常用的字段,然后按照自己的习惯

编写就可以了。比如说你要说明对象的功能、优先级、参数,那么你在设置中加入这三个字段就好了。

Axure

最大的优势就是你设置的这些注释,在生成说明文档时,

Axure 自动帮你生成 PRD 规格的表格文档,你可以省

去相当大的编号工作,与文档工作。这些在之后也会做说明。
  这些就是

Axure 的主要功能区,但是其实还有两个小的角落大家可能会忽略,那就是 6、7、8 区下面的

一行系统信息,这里显示的信息很重要,但是一般人却经常会忽视。之所以说重要,因为我们在给

ui 设计师线

框图的时候他们总会问,这里多少像素,那里多少像素,可是我们在画线框图的时候却无法度量。

Axure 创建

的线框图,完全可以生成

html,因此我们可以在画的时候就度量好每个像素距离。但是我们要怎么做呢?这就

需要利用到下面这行小信息栏了。
  信息栏左边显示的是文档保存情况。而右边呢,当你将一个组件放入工作区,并选择这个

widget 时,这

里就有用了,它显示的是你所选择

widget 的高宽,以及距离页面顶部和左边的 px 距离。通过使用上下左右键,

结合这个信息栏,你可以一步一步将它移动到你想去的地方。有意思吧?

Part III :文档管理(Document)

  开章要说的是文档管理。文档管理看似简单,但是这是从操作功能上来说的,在说功能上的时候,把对文
档管理的理解也一并说一下。
  文档管理的目的,其实是为了有一个清晰的产品思路。刚开始工作的时候,很多刚从学校出来的朋友对文
档的命名与放置都是随心所欲的,没有好的整理习惯,这直接导致每次寻找先前的文档都要花费相当长的时间 ,
甚至不小心误删,如果恰好有事请假,别的同事也无法接手工作。
  所以,做一个模型需要首先构建一个清晰的文档关系,这样一方面能够让自己清楚文件关系与位置,更主
要的是让开发者与接受者能清晰理解你的思路,生成更合理的产品说明

word 文档。

Axure RP 的网站地图,与 windows 的树形目录相似,是以父子关系构建页面关系的,每个页面既可以是

一个页面

page,也可以是一个流程图流程图。

 

第 3

     

页 共 26

 页