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

相关推荐

  • 无限滚动翻页的优点和缺点

    一张图告诉你无限滚动翻页的优点和缺点 什么是无限滚动翻页?你一定不会陌生。实在不清楚,刷一下微博就知道了。想不想知道你的网站适不适合使用无限滚动翻页,看看这篇文章应该会很有帮助! 无限滚动翻页是现在讨…

    2015-01-21
  • 学习AxureRP的成长之路

    原文作者@朱军华Ronzhu , 本文借用官网的描述定义,介绍了在学习AxureRP过程当中所要经历的各个阶段,也结合了作者自身学习AxureRP使用的经验,讲一下在各个阶段中的一些学习方法和经验总结,以帮助刚开始学习使用…

    2014-09-06
  • 【译】学习Axure RP 8 Beta - 流程图改进

    From: Learn Axure RP 8 Beta: Flow Diagramming Improvements(http://www.axure.com/c/blog/161-learn-axure-rp-8-beta-flow-diagramming-improvements.html) 专题:Axure8.0 Axure RP 8 中在流程图部分做了部分…

    2015-08-20
  • 为什么要做艾欧交互学堂网站-@阿西-UED

    我是阿西,艾欧交互学堂的管理员,自己想了很久,做这个项目究竟是为了神马? 可能目前大家还没关注到我们,但是等将来你们关注到后,肯定也有这个疑问,就是这个人为什么要做一件看似不靠谱的事情呢? 这里就要解…

    原型设计教程 2014-09-14
  • 【Mockplus教程】如何创建页面的子页面?

    Mockplus中是按照分组的方式来管理页面,将多个页面放入一个分组中, 就像Windows文件夹的管理方式。具体分组的创建请参照“页面”->“分组”的讲解。

    Mockplus 2015-08-17
  • [Mockplus教程]分组

    为了更好的管理和组织多个页面,可以选择将页面分组。 选择多个页面,然后使用右键点击后,在弹出的菜单中选择“将页面归类到新分组”。 完整演示如下:

    Mockplus 2015-09-18
  • Axure教程:如何学习AxureRP Axure学习方法

    【编者按】本文作者@朱军华Ronzhu , 本文借用官网的描述定义,介绍了在学习AxureRP过程当中所要经历的各个阶段,也结合了作者自身学习AxureRP使用的经验,讲一下在各个阶段中的一些学习方法和经验总结,以帮助刚开始学习使用AxureRP的朋友更好的制定自己的学习计划,以便尽早掌握其使用方法,设计出中高保真度的原型。

    2015-01-01
  • Justinmind权威指南:基础-Justinmind 6.x工作界面与机制

    ​这一篇也是仅作了解熟悉,方面大家后面快速上手,先来看一看工作界面以及各个功能的入口。然后再来了解一下工作方式。 Justinmind的主界面简介 主要分为几个区域:导航栏、工具属性栏、元件区、交互事件区、数据源…

    2015-08-05
  • Axure新品AxShare App现已发布,快来下载!

    今天阿西收到axure官方的邮件: We're launching the AxShare App 意味着 axure终于朝着APP方向有了实质性的进展,大家今后的作品可以通过这款APP进行预览演示了。可以是Axure不上之前的短板,下面就看这个APP的体…

    2015-05-23
  • 【Axure原型设计】手机APP微信读书原型设计

    最近在学Axure,周末做了个案例练练手,选了腾讯新出的微信读书,主要考虑这是1.0版,所以功能不是那么复杂。做完之后回顾了一下自己的制作过程,既算是做一个总结,也希望能给同样正在学习的新手带来一点帮助。就…

    2015-10-14