Axure中文教程:注释功能

AxureRP将交互与注释说明功能放在了一个面版上,同时又针对整个页面有一个交互与注释说明。交互功能设置的是用户通过不同方式触发页面中元素或者载入页面时,发生的交互动作。而注释说明则用文字详细说明对应元素的细节或页面的说明。由于针对整个页面的说明和交互,与针对页面中某个元素的说明与交互在文档表现和生成的不同,而被分开,但是他们的实际功能是一致的,可以一起来说。这里主要讲述annotations,即注释说明,这个部分主要应用于后期的产品规格说明书的生成,详细可参见《AxureRP教程–生成规格说明书》。

AxureRP将交互与注释说明功能放在了一个面版上,同时又针对整个页面有一个交互与注释说明。交互功能设置的是用户通过不同方式触发页面中元素或者载入页面时,发生的交互动作。而注释说明则用文字详细说明对应元素的细节或页面的说明。由于针对整个页面的说明和交互,与针对页面中某个元素的说明与交互在文档表现和生成的不同,而被分开,但是他们的实际功能是一致的,可以一起来说。这里主要讲述annotations,即注释说明,这个部分主要应用于后期的产品规格说明书的生成,详细可参见《AxureRP教程–生成规格说明书》。

Annotations:注释说明,用以对页面或页面中的特定对象进行说明注释。可以根据实际情况分类编写说明内容。比如优先级、功能类型、交互效果、说明等。让程序在开发的时清楚了解该对象或该页面的程序实现详情与细节。

1、自定义注释与说明

也许第一次看到注释面板中specification、status、benefit、effect等一连串的英文单词会脑袋发晕,不过你完全可以不用在意这些单词和选项的意义,因为也许它们根本就不适合你,而你可以自定义一套自己的说明选项。之所以说不必去理解,出于两个理由,一是因为这些定义,是AxureRP根据一些欧美公司文档中常见的字段归纳出来的,不适合我们的国情和我们自己公司的实际情况,二是一个文档中该向开发人员、设计师表达什么,并没有一个完全的框架,可以根据要说明的事情,以及你们往常的沟通方式来定义。

如果是定义对象的注释,选择注释和交互面板annotations & interactions >注释annotations >自定义customize fields and viwe

如果是定义页面的注释,选择页面注释和页面交互面板>页面注释 page notes – default > 管理注释manage notes

这样会弹出自定义窗口,由于功能类似,这里选择复杂的对象注释来说明。

木卫艾欧教程:注释功能

如图所示,我们看到了两个区域:

区域一:字段Fields:这是管理系统所有的说明字段的,这里定义了针对对象你要说明它的哪些属性,这些属性,用什么类型type的文字进行表述。

A)新增字段add new

先在前面的下拉选择框中定义该字段的type类型,有四种类型:

Text:文本文字。说明字段中用大段的文字进行说明。

Number:数字。说明字段中只包含数字说明。

Date:日期。说明字段只有日期

Selectlist:选择列表。通过设置特定的选择条件,以供选择。

然后在后面的填空框中输入字段的名称,比如想设置一个对页面中对象的开发优先级的说明字段,就可以给这个字段命名为“优先级”。然后点击添加按钮,所设置的说明字段就被添加到下面的字段列表了。

B)管理字段

管理字段,首选必须选中你要管理的字段,然后可以通过选择右侧的功能按钮,对字段进行管理:

Remove:删除此字段。

Rename:对字段重命名。

Move up:将字段排列顺序上移一格。

Move down:将字段排列顺序下移一格。

Edit selectlist:编辑选择列表中的项目,该功能只有当所选择的说明字段的类型是selectlist时才能选择。选择后会弹出编辑窗口,可以根据自己的需求,填写不同的选择项,每一行为一个选择项,功能与下拉列表框组件类似。

区域二:自定义视图Custom views:这里是定义了我们自定义文件的版本。我们可以选择几个常用的说明字段,归纳起来生成一个自定义版本。

A)新增用户自定义说明

新增说明很简单,只要在输入框中输入一个名称,点选add,就会弹出一个选择框

木卫艾欧教程:注释功能

可以通过添加字段下拉列表选择自定义说明中要包含的说明字段,都选择完成后,点完成,就创建了一个自定义说明。

B)管理自定义说明

管理自定说明,和管理说明字段一样,在管理前,你必须选中你要管理的自定义说明。

Rename:对字段重命名。

Edit:重新定义此自定义说明中所包含的fields说明字段。弹出选择框,供你重新选择。

Remove:删除此自定义说明。

最后,当你即完成了对字段的处理,又完成了自定义说明的生成后,就定义完成了你自己的注释与说明。这个时候,你再选择annotations & interactions,你将会看到你自己的自定义说明,选择后,右侧的注释与说明的字段就都是你自己的了。

2、自定义注释与说明的现实意义

生成演示文档:当设计页面生成html原型之后,加过注释 的组件右上角都会有提示符,点击提示符可以查看到相应的提示信息。

木卫艾欧教程:注释功能

生成word文档:AxureRP可以生成word文档的说明文件,可以当作PRD文档使用,详细可参见《AxureRP教程–生成规格说明书》。

页面注释更加简单,因为针对页面的说明只能有一段文本,不存在特殊说明字段的编辑。

综上所述,运用好了注释功能,就可以解决好PRD文档中最重要的功能说明,至于设置怎样的注释,完全就靠你自己来掌控了。

示例基于AxureRP 5.6版本,6.0版本的界面上稍有差异,基本是一样的

转载请注明:木卫艾欧网 » 木卫艾欧教程:注释功能

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/2476/

(0)
iouedioued
上一篇 2015-01-01 08:06
下一篇 2015-01-01 10:07

相关推荐

  • 设置交互要多久?最快只需三秒!

    原型设计分为两种,一种是静态的线框图,我们一般叫wireframing;另一种是动态的原型,一般叫作prototyping。目前在prototyping设计中涉及到的交互主要分为三种:页链接、交互状态和组件之间的交互。而动态原型的设…

    2023-03-03
  • [Mockplus教程]创建

    新建页面可以使用三种方式来实现: 1 点击右边页面树顶部的“+”按钮; 2 在右边页面面板空白处右击,在弹出菜单中选择“新建页面”; 3 直接使用快捷键Ctrl+Enter(MAC系统为Command+Enter)。 下面为三种方式新建页面…

    Mockplus 2015-09-18
  • Axure官方教程中文版第4课:构建交互动作-木卫艾欧网原译

    https://www.iamue.com/wp-content/uploads/video/Axure.com-learn(4).MP4 新建文件 1、添加一个按钮和两个文本框 2、禁用第二个文本框 3、设置第一个文本框不可点击 4、设置第二文本可用 5、将第二个文本框设置获…

    2015-01-26
  • axure实例教程:登录/注册/找回密码

    登录、注册、找回密码是每个网站与系统必备的一个功能,我做了一个简单的登录、注册与找回密码的原型。

    2014-12-31
  • Justinmind权威指南:​基础-Justinmind基本元件的使用-2

    ​上一节说了文本、多行文本、图片、线段元件的使用方式,这一节会讲解最常用的矩形、椭圆、三角形、标注 矩形 这个是最常用的没有之一,原因是因为我们设计产品的基本架构都是方形的,这个大概与硬件的制约有关系,…

    2015-08-31
  • Axure官方教程中文版第6课:条件、值及变量-木卫艾欧网原译

    https://www.iamue.com/wp-content/uploads/video/Axure.com-learn(6).MP4 新建文件 1、添加一张图片和按钮 2、添加条件保证文本框不为空 3、文本框的变量值 4、添加打开“Page1”的动作 5、添加文本字段为空的第二个…

    2015-01-26
  • 015. 如何安装(装载)axure组件(部件)

    近期听到很多朋友,都说组件无法安装到axure中,后来给几个朋友远程了一下电脑,发现各位安装的根本就不是组件,所有的组件都是.rplib结尾的。请大家注意! 我们在网络上经常可以下载到很多网友精心设计的axure组件…

    2014-09-12
  • Axure手机多屏幕滑动原型案例下载

    网络中有价值的Axure原型案例不多,给客户做的原型或者自己公司内部的几乎没有人愿意共享出来,这很正常。建议刚刚学习Axure的小伙伴儿们不要到找人索要原型,换位思考一下,你付出劳动制作好的成品也不会随意送给…

    2015-01-04
  • 8种移动APP导航设计模式大对比

    本文转自用户体验联盟 当我们确定了移动APP的设计需求和APP产品设计流程之后,开始着手设计APP界面UI或是APP原型图啦。这个时候我们都要面临的第一个问题就是如何将信息以最优的方式组合起来? 也许我们对比和了解…

    原型设计教程 2014-10-24
  • Axure教程:用Axure画出手绘效果的原型图

    前段时间跟大家介绍了一个软件Balsamiq Mockups,这是一个可以简单画出的手绘效果原型图的软件,操作也很简单!后来有朋友问我Axure可以画出手绘效果的原型图吗?答案的肯定的,只不过没有Balsamiq Mockups那么手绘,但是也可以改善一下Axure里总是横平竖直的视觉感受!

    2014-12-31