Axure原型设计中你不得不知道的技巧(二)
学无止境 2018-03-16 来源 :网络 阅读 1557 评论 0

摘要:上篇讲了控件的使用技巧,相信读者还记忆犹新,这里再跟大家回顾下,控件使用技巧:1、滚动显示动态面板内容 2、如何画折线 3、整块的点击效果 4、输入框加上提示文字 5、连接流程图 6、优化导入图像。这些都是非常常用并且实用的技巧,相信读者也有一定的收获,更多的控件使用技巧希望读者在使用过程慢慢发掘。

上篇讲了控件的使用技巧,相信读者还记忆犹新,这里再跟大家回顾下,控件使用技巧:1、滚动显示动态面板内容 2、如何画折线 3、整块的点击效果 4、输入框加上提示文字 5、连接流程图 6、优化导入图像。这些都是非常常用并且实用的技巧,相信读者也有一定的收获,更多的控件使用技巧希望读者在使用过程慢慢发掘。


Axure迭代到8.0,已经非常强大,增加了很多实用的功能,然而不碰到合适的使用场景,有些功能还真用不上,更谈不上熟悉。这篇介绍Axure软件本身的使用技巧,希望读者也能从这篇中收获点干货。


软件使用技巧

技巧1:页面命名规则

原型是表达需求的载体,需求通过原型来展现更加清晰,原型的阅读对象是开发人员、测试人员、产品人员、老板以及其他相关人员。在一定程度上,原型相当于需求文档,只不过文档能描述得更加详细些,使用图文表格流程图展示,并且目录导航更加清晰易懂。


Axure原型也提供了页面导航,然而一旦页面命名不清晰,整个原型看起来非常混乱,阅读难度大大的提高,需求呈现清晰度也大大的降低,阅读对象看不懂你的原型,谈何来展现需求,你的思路不清晰,命名规则混乱,又谈何来产品设计。因此导航页面的命名一定要清晰。不知道读者们对页面是怎么命名的,这里分享下笔者对页面的命名规则。既然word的目录导航清晰,为何不参考word的目录导航呢,而且word大家都已经非常熟悉,类似word目录导航能大大提高原型的可阅读性!下图是笔者其中一个原型的页面导航,读者意会意会下,参考参考。

Axure原型设计中你不得不知道的技巧(二)


技巧2:调整页面背景色

Axure页面默认背景色为白色,再某些场景下,如制作原型封面或者高保真原型时,改变页面的背景色,使原型更加逼真。那如何调整页面的背景色呢,在页面下方的页面样式设置可轻松实现。

打开Axure,进入任意一个页面,在页面的正下方,拉出页面的属性设置面板,其中背景色选项就是调整页面的背景色。

Axure原型设计中你不得不知道的技巧(二)

Axure原型设计中你不得不知道的技巧(二)


技巧3:合并Axure文件

在某些场景下需要合并两个RP文件,相信大家都想到这样的方案:把需合并的源文件一页一页贴过去不就行了,这样确实可以,但纯属手工操作,页面一多,就麻烦。Axure为我们提供了方便快捷的导入功能,菜单“文件“-”导入RP文件“-”选择导入文件“即可导入另一个RP文件,按照步骤一步步导入,完成Axure文件的合并。

Axure原型设计中你不得不知道的技巧(二)


Axure原型设计中你不得不知道的技巧(二)


技巧4:从备份文件中恢复

从备份中恢复是非常非常好用的功能,有时候RP文件损坏,导致打不开,辛苦一天的成果居然打不开了,领导又急着要,怎么办,操蛋。别急,Axure为我们提供了从备份文件中恢复的功能,Axure会对我们的源文件隔段时间备份,类似word的备份功能。

既然RP源文件已经打不开,那我们新建一个空的RP文件,打开,点击菜单的”文件“-”从备份中恢复文件“,这是Axure会弹出备份文件列表,选择最近编辑的目标文件,点击恢复,即可完成源文件的恢复。需要指出的是,恢复好的文件可能会缺失一些你最近编辑内容,因为在那个时间点之后的你编辑的内容,Axure没有备份,所以也恢复不了,需要你重新编辑。虽然会缺失一些,但也好过你重头来过,白费一天的工作。

Axure原型设计中你不得不知道的技巧(二)

Axure原型设计中你不得不知道的技巧(二)


技巧5:生成部分页面

有时候有些页面没用,但需要留着,原型文件中不想生成这些页面。那我们在生成原型时可以剔除这些页面。点击发布菜单-生成原型文件,弹出生成原型文件的配置窗口,切换到页面tab页,勾选你想要生成的页面即可。

Axure原型设计中你不得不知道的技巧(二)


Axure原型设计中你不得不知道的技巧(二)


技巧6: 在原型里加入Logo


技巧6:在原型里加入个性化logo

创建原型时,在“Logo”里可以为你的原型添加Logo和标题语,这样在导出的原型中,左上角就会显示刚才添加的Logo和标题语。

点击发布菜单-生成原型文件,弹出生成原型文件的配置窗口,切换到标志tab页,上传logo,撰写标题语即可。

Axure原型设计中你不得不知道的技巧(二)

Axure原型设计中你不得不知道的技巧(二)


技巧7:创建chm格式的原型

注:生成chm格式原型,Axure7.0以上版本已经去掉了这个功能,6.5版本有这个功能。

默认状态下,Axure每次生成原型时都会产出一大堆html和图片文件,对管理、发布来说都是个麻烦事。其实Axure是支持把原型做成一个chm文件的,方法是在生成原型时,勾选“发布”中的“创建HTML帮助文件(.chm)”选项。不过你的电脑里需要安装chm的生成工具,如果没装的话,可以点界面上的“Download Microsoft HTML:Help Workshop”下载。

Axure原型设计中你不得不知道的技巧(二)


技巧8:原型版本控制

在制作原型过程中,随着需求和交互流程的变动,需要不断的调整,优化,调整原型,这时建议对对rp文件版本进行控制,标识哪个版本新增/修改/优化了哪些功能,以便以后的查看和跟踪,有些类似word文档的修订记录。

在Axure中新建一个空白页面,专门记录rp文件的改动,改动时间,版本等,这样就能索源,知道哪个时间调整了哪些功能。

Axure原型设计中你不得不知道的技巧(二)

技巧9:原型在线预览

一般最常见操作,是利用Axure画好原型图后,直接按F8导出为HTML文档,然后大家要么打包成.rar发邮件给所有干系人,要么传到项目协作平台上,甚至直接拿个U盘来Copy……其实大可不必这么麻烦,一来对接收者不是很方便,先下载然后解压,再找到index.html来查看;二是随着版本增多,相关接收者不会像产品一样能把每个版本管理好,假如两个月内发了10次文档,那岂不是文件夹里乱成粥,每次生怕看错文档了。

一. 使用Axure官方AxShare平台发布在线文档(不推荐)

Axure官方提供了一个AxShare发布平台,你可以在设计完后,直接按F6,就能将当前文档保存到AxShare平台,按F6或发布时选择“发布到Axure Share”(首次使用需注册)

Axure原型设计中你不得不知道的技巧(二)


二. 使用新浪SAE平台+svn自己搭建(推荐)

SAE(Sina App Engine),你可以理解为一个免费的在线服务器。因为Axure生成的文档就是普通的HTML格式,也就是最简单的静态网页,所以完全可以把它上传到任意一台WEB服务器上,一个URL就能访问了。


首先,你需要注册成为SAE开发者,而且需要手机绑定和实名认证。这一点是有点麻烦,但是一劳永逸,认证后基本上就免费使用了。


然后在SAE控制面板里选择“创建应用”,我们需要创建一个新的php空应用,然后将原型通过SVN上传到服务器中,你就可以通过“应用地址+文件夹”组成的URL来直接访问在线文档了。


本文由职坐标整理并发布,希望对同学们有所帮助。了解更多详情请关注职坐标常用软件Axure频道!


本文由 @学无止境 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved

208小时内训课程