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-03-19
  • axure实例教程 鼠标悬停+动态面板结合使用

    鼠标悬念时改变原状态,如加底色/字体颜色改变等交互在axure中是非常容易实现的,本原型中结合了鼠标悬念和动态面板的使用。上图片啦:
    1.鼠标悬停前效果

    2.鼠标悬停后的效果:字体低色为粉色

    2014-12-31
  • 014. 文本框、文本编辑框、按钮——axure线框图部件库介绍

    1. 与文本面板组合设计表单 文本框主要是在设计页面表单的时候,用的最多,通过与文本面板的组合使用,下面我们通过文本面板和文本框设计了一个简单的注册表单 对于,文本框中的文字,只需要双击即可编辑文字  2. …

    2014-09-12
  • Axure icons 64x64 for Axure rp|Axure 图标库 64x64

    干货分享,需要的下载吧。 适用版本:Axure7.0/axure6.5 资源名称:Axure 图标元素库;64x64的Axure元件库;axure图标库 64x64 更新时间:2015年5月28日09:27 下载地址:https://www.iamue.com/wp-content/uploads/…

    Axure 2015-05-28
  • axure 折叠菜单

    第一步:拖拽三个”动态面板“空间到制作区,分别命名为MB1、MB2、MB3,属性width:200,height:130。 每个动态面板都设置两个状态,分别为State1、State2。 打开MB1面板的State1状态,在里面添加一个名称为section1…

    2015-01-12
  • 【Mockplus教程】复制/克隆

    复制是将页面复制到内存中,克隆是直接创建一个和原页面内容一样的新页面。 1. 复制 选中需要复制的页面,鼠标右键单击,弹出的菜单中选择“复制”, 然后在需要粘贴的位置鼠标右击,在弹出的菜单中选择“粘贴”。 2. …

    Mockplus 2015-09-10
  • 如何从3个方面判断是否做交互动画

    IOS 7出来后,交互动画立刻成为设计师的抢手货,有关动效设计的教程都趁势火了一把,但是很少有人讨论到底该不该做交互动画,如果做,为什么?今天终于有同学分享了他的观点,一旦符合文中提到的3个方面,那死心塌…

    2014-09-28
  • 国内外人气UX/UI/PD设计社区推荐,纯干货

    对于很多人尤其新手而言,要把握最新的设计动态及发展趋势,似乎不是一件轻松的事情。如果你也像我一样是个设计小白,而且正在担心自己设计的作品是否符合客户需求、烦恼找不到设计解决方案、得不到有效的用户反馈…

    2023-03-03
  • Mockplus原型交互跟我做之12–使用滚动区组件实现页面滚动

    Mockplus使用滚动区组件实现页面滚动

    2016-07-18
  • 移动导航设计详解-交互基础

    在移动端,导航是APP最重要的区别。本文分析了使用频率较高的移动导航设计的应用场景及优劣势,有以下几类: 1. Tab导航 Tab 导航分上下两种。是最常用的导航形式。 很多iOS应用,采用这种导航。比如:istegrame(…

    2014-12-04