下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

十五个Axure的技巧(赞)

作者:课课家教育     来源: http://www.kokojia.com点击数:1398发布时间: 2017-01-08 20:35:44

标签: Axure交互设计教程

     相信在学习的Axure软件的同学们你们是否觉得Axure上手是非常快且容易懂,但是想要用好或者说想随心所欲的驾驭这款软件,难度还是有一些的。毕竟懂得容易,想精通还是要加把劲去学习。今天教大家几个小技巧让你对Axure软件更加深入的了解,希望能帮助到你们。

  1、栅格设置

  Axure6.5往后的新版本默认隐藏了栅格,许多人对此很不适应,顿时不知该如何对齐控件了。如果想打开辅助线,只需点击菜单栏的“Wirefram-GridandGuides”,把“HideGrids”前面的勾去掉就行。另外在“GridSettings”里,还可以调整栅格的间距,样式(点或线)以及DPI。其实Axure是可以拉辅助线的。

  2、创建多个PageNotes

  Axur“PageNotes”区域用来写页面注释。你可以创建多个PageNotes,方法就是点击“线框管理页的笔记”,在弹出的面板中增加Notes,这样所有页面都会多出来这个新的Notes。这个技巧可以用来写页面的调整历史(每个Notes代表一个版本),或者在多人协作编辑时区分不同人编写的notes。

  3、手绘风格,以及页面格式中的其他功能

  其实Axure从6.0往后的版本开始就开始加入了手绘风格模板。在页面格式里有个Sketchiness的选项是可以设置手绘风格的“扭曲度”。调为默认是0,横平竖直,数字越大越“扭曲”的字体就越“手绘”化。页面格式里还有其他一些辅助的功能,例如设置页面背景色、背景图、整个页面的对齐方式默认是横竖都居中,甚至能一键把页面变成黑白模式(Color里的第二项)。

风格  4、自动生成站点地图

  我们需要把整个站点的结构用树形图呈现出来,Axure软件为此提供了一个快捷的方法:在Sitemap区域对准你想要生成树形图的主干点然后鼠标右键,选择“生成流程图”,这样就能自动生成图表形式的站点地图。再点击图表上的每个控件,就会去到对应的页面。另外你还可以用自定义流程图(Flow)控件的链接页面,操作技巧是双击控件,再选择需要链接到的页面。

生成地图  5、左右滑动与拖拽

  Axure动态面板(DymaticPanel)新增了针对手机应用的“OnSwipeLeft”和“OnSwipeRight”两个情况下,同时强化了拖拽(DragDrop)相关操作的交互。来让你可以实现让动态面板只能横向/纵向拖动、拖动结束后可以根据需要选择(返回/不返回)原位等操作动作了。

滑动工具  6、给动态面板添加滚动条

  当你想做一个长宽都有限制的容器,让用户拖动滚动条来查看容器中的元素。内部框架在这方面很局限,你需要利用动态面板的滚动条属性。鼠标右键点击动态面板-编辑Dymanic面板,你会看到4个带“滚动条”字样的属性,根据需要进行选择编辑,然后你的这个动态面板就能承载并通过滚动条来显示超过自身大小的容量了。

添加滚动条  7、在浏览器中悬浮

  你需要做一个相对浏览器位置固定的元素,这时候我们通过运用动态面板鼠标右键点击-平托浏览器选项,然后设定为悬浮位置再确认完成。

悬浮  8、“移动”动作

  在情况下编辑中有一行动叫“移动面板”,可以让动态面板移动到指定的位置,并可配合动画效果(直线移动、摆动、旋转移动等)。非常适合用来做菜单的(展开/折叠)滑动等关于图片传送带等效果。

  9、地图拖拽效果

  想要制作一个可以用鼠标拖来拖去的地图效果,在Axure元件里也是有可能,只是实现起来操作略微复杂一些。你需要创建一对嵌套的动态面版,且每个动态面板都只有1个状态。外部的动态面板是地图容器,内部的面板用来放置地图图片。当设置好2个面板后,给“地图容器”添加一个拖曳行动,并指定动作为“移动面板”,而需要移动的面板正是“地图内容”,再把行动设为“WithDrag”,这样就可以了。

地图容量拖拽效果  10、三种类型的Master

  Master是一种类似“印章”的操作。属于需要重复使用的控件组,你可以把它们做成一个Master,然后只需在鼠标中拖拽便可重复创建,且很方便。不过这只是Master的三种类型之一。

三种类型master  第二种类型叫“PlaceinGround”,这种Master拖入页面后的位置是固定好的,并且放在最底层。这种Master适合做页面模板,例如在制作手机应用的原型时,可以拿来做手机外形的效果。

  第三种叫“自定义小部件”,这种方法一旦拖进页面,便与母板失去了关联,但是其中的控件就可以编辑了。要改变Master的类型,只需对着一个Master点右键-行为,再选择需要的类型。

  11、给Master创建Event(事件)

  事件是Master的强化剂,通过定义事件,一个Master可以在不同页面实现多种不一样的交互效果。在Master的情况下编辑中,行动列表的Misscellaneous中会多出来一个提高事件,你可以创建多个事件。当再把这个Master拖进页面时,在它的小部件的属性面板中,先前创建的事件就会作为情况下显示出来。这个功能的一个典型应用场景就是翻页面。创建一个可以复用的“上一页-下一页”Master,并给“上一页”和“下一页”提高不同的事件,当你再把这个Master拖进页面时,就可以为“上一页”和“下一页”指定不同的链接了。Axure官网学习。

创建事件  12、使用变量

  变量可以帮助你在多个页面间传递数值,它需要与提高事件中的“设定变量值/小部件的值”结合起来使用。例如我们做一个根据登录者用户名显示不同的欢迎语句的交互,就可以先创建一个叫“用户名”的变量,当用户点击登录按钮后,将“用户名”一栏的值存储到用户名中(使用S再给显示欢迎语的页面添加一个页面或模块载入的行动,将用户名的值设置给欢迎语中显示用户名的地方。建议可以去学习一下Axure官方的例子。

使用变量  13、创建chm格式的原型

  默认状态下,Axure每次生成原型时都会产出一大堆超文本标记语言和图片文件,对管理、发布来说都是个麻烦事。其实Axure是支持把原型做成一个chm文件的,方法是在生成原型时,鼠标勾选“分布”中的“创建HTML帮助文件后缀为.chm”选项。不过你的电脑里需要安装chm的生成工具,如果没装的话,可以点界面上的“下载微软HTML帮助网站”下载。

创建格式  14、在原型里加入Logo

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

添加logo  15、多人协作

  当我们需要多人合作完成一个Axure原型。传统的方法是每个人都是编辑自己的部分,完成后再粘贴到一起。其实Axure内置了一套基于版本管理思路的协作编辑功能。要使用这个功能,首先你需要一个SVN服务器,然后在菜单栏的”从当前文件共享创建共享项目“对项目进行配置。

  因为Axure提供了类似OfficeWord中的文档“样式”和“格式刷”的功能,它们是“小部件样式编辑器”和“FormatPainter”。利用前者,你可以改变原始控件的样式(字体大小、边框大小、背景色等等),一旦改动,所有已经应用到页面上的此控件的样式都会发生变化;你还可以创建一些自定义一些样式,并在页面里应用到你需要的控件上,一旦修改自定义样式,则所有使用此样式的控件也会跟着改变。而利用后者,你可以把一个控件的样式复制到另一个控件使用。

协作  总结:如果Axure原型做得那么精细会影响设计师发展吗?交互设计开发过程中最容易出现理解误差的产品设计要素,因此务必有一份详实、形象的文档来进行阐述。用Axure原型解决了这方面的问题再合适不过了,学懂了这些小技巧是不是获益良多,想学习更多Axure技巧请关注课课家在线教育

赞(11)
踩(1)
分享到:
华为认证网络工程师 HCIE直播课视频教程