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

相关推荐

  • 001.Axure rp 6.5的软件安装、汉化与注册

    第一步:从网络上下载axure安装程序到本地电脑、汉化语言包、注册码,双击安装程序,如图:                     第二步:安装过程截图乱码的情况是正常的 &nbs…

    2014-09-09
  • Axure官方教程中文版第3课:组件与母版-木卫艾欧网原译

    https://www.iamue.com/wp-content/uploads/video/Axure.com-learn(3).MP4 新建一个文件 1、添加一个按钮并设置鼠标悬停交互样式 2、复制并对齐按钮 3、将按钮转化为母版 4、将母版应用于每一页 5、在母版中为每个…

    2015-01-25
  • 019. 菜单组件——axure线框图部件库介绍

    软件类的教程,我写不出长篇大论,这里面的都是基础的操作,希望初学者,根据一个功能演示,可以自己测试其他功能菜单的效果! Axure自带的菜单组件,我几乎没有用到过,做菜单导航,我第一时间想到的还是矩形组件…

    2014-09-12
  • 第五章 PC软件首页交互设计

    互联网产品的第一印象就是首页,重要性毋庸置疑,首页可突出设计值或决策者希望第一时间重点表达的内容。现在市场上的WEB产品,APP产品,PC产品等没有完全相同的首页,几乎所有的团队都根据自家的需求与侧重点进行…

    2014-10-12
  • 为什么要做艾欧交互学堂网站-@阿西-UED

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

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

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

    2014-12-31
  • 010.文本面板——axure线框图部件库介绍

    文本部件用于在页面中显示文字,对于文字的格式可以随意的更改,设定不同的字体、尺寸和颜色。 特别注意:文本面板的高度无法直接调整,它的高度是随着字体的大小自动变化的 在6.5版本中,对文本的排版都有2个位置…

    2014-09-12
  • Justinmind 7.1.0 win&mac网盘下载

    自定义需求字段 如你所知,Justinmind企业版可以帮助你通过需求管理与所有设计团队打造智能商务解决方案。直到现在,你已经能够在你的原型中定义项目的要求。随着在Justinmind编辑的需求领域,用户已经可以定义需求…

    2016-04-13
  • 设计师们值得一试的十款用户体验工具

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

    2016-07-18
  • 10个在线原型设计软件推荐

    现在,基于云端的软件渐渐成为主流,而网站原型设计工具当然也不例外。在线原型工具相比于桌面版有得天独厚的优势,它不需要安装、不限制地点、不限制操作系统,无论你使用的Linux,Solaris, Mac 还是Windows,你都…

    原型设计教程 2015-08-25