快好知 kuaihz订阅观点

 

作为PM,你居然不知道Axure这10种非交互功能?

提到Axure,这可是绝大多数PM童鞋靠着吃饭的家伙事儿。Axure被很多人定义为一个以交互见长的原型设计工具。很多初入坑甚至入坑甚久的PM为画出炫酷的原型挖空了心思。我想这对Axure的初衷一定是有误解。

先来看看百度百科对Axure的定义:

Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。

由此归纳出,Axure更应该是一个文档工具。它拥有丰富的却被很多PM忽视的文档撰写功能。或许因为浮躁的市场导向,致使很多PM片面的将Axure当作交互工具来用,甚至模糊了产品工作的边界,为了堆砌而堆砌,反而显得很不专业。

作者总结以下非交互功能,希望可以抛砖引玉。如果还可以引发大家对Axure文档功能的重视,便再好不过了。

一、notes:控件和页面注释

越来越多的PM开始用Axure来写PRD,但行内并不存在约定成俗的文档规范。作者目前为止见过的Axure版PRD中,大部分采用原型+旁边文字标注的方法来表达产品逻辑。其实,notes才是Axure官方推荐的逻辑标注方式。

Axure官网对notes的介绍:

控件注释和页面注释是与控件和页面关联的文本元数据。它们可以用来记录规范,将控件和页面与项目需求、文档更改、以及与团队成员进行沟通。注释字段可以被命名,有一些不同类型的注释字段可采用文本、选择列表、数字和日期,而页面只有文本类型注释字段。

首先选中要准备标注的控件,然后在右侧检视器的notes(汉化为说明)选项卡中进行文本输入。

点击「自定义字段」可以添加更多的字段类型,以便规范条理进行逻辑注释。

有两种方式可以展示注释,一种是选择侧边栏的NOTES选项卡,另一种是点击有添加注释的控件右上角蓝色的脚注图标即可展示。

二、团队协作功能

Axure被一些童鞋吐槽的很大一部分原因是「无」团队协作功能,以至于很多童鞋狠心抛弃Axure转向了新生代的墨刀此类的协作功能突出的原型工具。其实,Axure很早已经具备了协同工作和在线发布的能力,只是由于操作门槛相对较高而已。

这个功能大家可以配合Axhub这个网站使用,操作门槛会被极大程度的降低。

Axure支持将原型文件一键上传到自己的SVN空间中,可以实时预览。首先选择「团队」,再选择「从当前文件创建团队项目」。

在SVN选项卡中输入自己的SVN地址即可提交上传。

三、版本控制管理

基于上面提到的团队协作功能,用户每次提交的更新Axure都会有详细的更改记录。

操作路径为:「团队」然后「浏览团队项目历史记录」。

四、草图效果

在样式选项卡一栏,有草图/页面效果功能,可以设置手绘风格的「扭曲度」,默认是0,数字越大画出的线越扭曲。线框图瞬间变为手绘风格。

草图效果:

五、如何生成无导航栏的预览效果

很简单,把生成的html文件的第一个页面名称改成index,然后把文件夹里所有的start相关的页面全部删除掉就可以了。

无导航栏的预览效果:

 六、流程图功能

一站式流程图功能,从此告别第三方流程图工具,极大节约时间成本。Axure的V8.1.0.3352版本将之前的19个流程图图标增加到了37个,甚至有技术层面的图标类型可供调用。

更新后的图标库:

七、页面快照

先选择「页面快照」元件,点击快照可以引用任何一个页面,以此来绘制页面流程图。在预览模式中,点击快照可以快速定位到所引用的页面。

八、一键生成页面流程图

在需要生成流程图的页面组上右键,选择「生成流程图」,页面流程图就生成了。

生成的页面流程图

九、为原型添加LOGO

点击「发布」,「生成html文件」。

然后选择「标志」,便可以导入你的logo图片以供在预览原型时展示。

预览后展示的LOGO:

十、标尺辅助线

原型设计绘制过程中经常需要对齐,通过在左侧或上部的标尺上点击并拖动,便可拉出一条辅助线。

以上也只是一部分,毕竟Axure已经走过16个年头,肯定隐藏很多我们未挖掘出来的长尾功能。如果大家有用到作者未提到的贴心功能,不妨留言,互相学习。

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:交互  交互词条  居然  居然词条  作为  作为词条  功能  功能词条  知道  知道词条  
原型

 Keep APP产品需求文档(P...

前段时间对蚂蜂窝自由行APP进行了倒推,并撰写了《蚂蜂窝自由行APP产品需求文档(PRD)》一文,很多热心网友在评论区向我提出了很多建议,笔者在此先向各位致谢,...(展开)

原型

 Axure:图片切换放大、缩小效...

这篇是对上一篇文章《Axure:图片切换放大、缩小效果展示》的两点改进,改进一,优化事件写法,提高制作效率;改进二,自动播放效果。先看下完成的效果:step1:...(展开)

原型

 Axure:文字跑马灯效果

日常学习之——跑马灯的效果~希望内容能对大家有帮助。效果如下图 o(* ̄▽ ̄*)o思路:文字元件移动+动画效果,实现滚动的效果;利用动态面板控制跑马灯文字在规定...(展开)