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

相关推荐

  • Justinmind6.6版本下载和中文汉化包下载

    Justinmind已更新至6.6版本啦,中文汉化包由小楼老师原创制作,在这里小编整理出来提供大家下载,仅供学习交流使用哦。 Justinmind V6.7已经更新了,请移步:Justinmind V6.7新功能简介和下载链接 下载地址: Justi…

    JustinMind 2015-06-25
  • Axure 8.0正式版发布,下载文件、汉化包、激活码在这里~!

    2016-10-31 更新:AxureRP8从8.0.0.3318改变了授权验证,教师与学生可以申请免费 key! https://www.iamue.com/18540 正式版已经发布,官方地址已经由:http://axure.com/beta,换成了:http://axure.com/features/n…

    2016-04-16
  • 阿西JsutinMind日记 之 幻灯片自动播放与左右滑动

    新项目为了给客户演示高保真的移动设备交互原型,故采用JustinMind工具。 国内资料很少,好在阿西使用过多款交互设计工具,大体都差不多,摸索着前行吧。。。   1.认识一下JsutinMind里的,这个动态面板理论上…

    2015-03-23
  • Mockplus演示和分享原型设计的8种方式

    Mockplus目前是国内比较流行的原型设计工具,功能上,相比Axure不算全面和强大,但在不少功能上有它独到之处。Axure有个比较让人头疼的地方,就是对于移动App项目的预览和演示比较麻烦,而这个方面,Mockplus展现了…

    2023-03-03
  • Mockplus 的主要应用人群

    Mockplus Mockplus 是最好的原型设计工具之一。 http://www.mockplus.cn 简洁高效,是它的主要产品特点。 关注设计,而非工具,是它带给设计人员的理念。 Mockplus的主要价值是:在正式制作真实软件产品前,通过原…

    Mockplus 2015-03-16
  • 交互设计-网站页面视差效果(Axure RP 7.0 源码下载)

    很多(想)学习Axure的朋友,都是伸手党,这是一条不争的事实,直接拿过来省事又省时;
    能真正学会并驾驭这款软件的毕竟是少数(其他软件也一样,这似乎是一条无法打破的规律),不过金乌老师还是希望想使用这款工具帮你应付差事(实现梦想)的小伙伴儿们加油,自学是很辛苦的,只有经历了挫败、枯燥、郁闷的适应期才能真正适应并喜欢上自学这种方法,不积跬步无以至千里。

    IxD案例 2015-01-05
  • 设计师们值得一试的十款用户体验工具

    设计师们值得一试的十款用户体验工具

    2016-07-18
  • Axure教程:用Axure画出手绘效果的原型图

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

    2014-12-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
  • 清华大学官方网站的交互原型设计

    艾欧学堂视频教程   项目:清华大学官方网站的交互原型设计 原型设计 主讲人:@阿西-UED 使用Axure6.5工具,做一个Tinghua的官方网站的简单交互模型,在线演示为新手提供一些思路,仅限演示。 在线播放 [ckvid…

    原型设计教程 2014-09-13