15个Axure使用技巧.doc

你有用原型开发工具吗？如果有，那你用的是Axure还是别的？ ? ? ?? ?从以前就喜欢使用Axure，主要是觉得它能清楚的表达设计的思路，还有交互的真实再现，能让看的人一目了然，昨天看了这篇博文，便更加确定Axure是个好东西。 Axure 6.5已于4月18日发布，可直到上周我才发现，于是赶紧下载升级。等待下载的过程中，闲来无聊跑去看了Axure的版本历史，又浏览了一下官方的使用教程，忽然发现Axure竟如此博大精深，自己平时所用的功能只是皮毛而已。诚惶诚恐的仔细读完官方教程，再结合平时工作中的情况，我总结了15个你不知道但却很有帮助的使用技巧，希望你看了之后能有所收获。 注意：本文基于Axure英文版写作，对于那些我不知道该如何翻译的供功能和名称，只好直接给出英文叫法。此外，建议在阅读本文时打开你的Axure 6.5（版本不够的赶紧去升级），否则有些操作流程你可能会看不懂。 ? 1 栅格设置 Axure 6.5默认隐藏了栅格，许多人对此很不适应，顿时不知该如何对齐控件了。要打开辅助线，只需点击菜单栏的“Wirefram-Grid and Guides”，把“Hide Grids”前面的勾去掉就行。另外在“Grid Settings”里，还可以调整栅格的间距，样式（点或线）以及DPI。 另外插一句，Axure是可以拉辅助线的，这点我是最近才知道。。。 ? 2 创建多个Page Notes Axure里的每个页面都有一块“Page Notes”区域用来写页面注释。你可以创建多个Page Notes，方法就是点击“Wireframe – Manage Page Notes”，在弹出的面板中增加Notes，这样所有页面都会多出来这个新的Notes。这个技巧可以用来写页面的调整历史（每个Notes代表一个版本），或者在多人协作编辑时区分不同人编写的notes。 ? 3 手绘风格，以及Page Formatting中的其他功能 听一个朋友说，他们的产品团队因为追求手绘风格而放弃了Axure，改用Mockups。真是可笑至极，其实Axure从6.0开始就加入了手绘风格。在Page Formatting里有个Sketchiness的选项，可以设置手绘风格的“扭曲度”。默认是0，横平竖直，数字越大越“扭曲”越“手绘”。 Page Formatting里还有其他一些有用的功能，例如设置页面背景色、背景图（支持图片repeat哟~）、整个页面的对齐方式（默认是横竖都居中）、甚至一键把页面变成黑白模式（Color里的第二项）。 ? 4 自动生成站点地图 有时我们需要把整个站点的结构用树形图呈现出来，Axure为此提供了一个快捷的方法：在Sitemap区域对准你希望生成树形图的主干点右键，选择“Generate Flow Diagram”，就能自动生成图表形式的站点地图。点击图表上的每个控件，就会去到对应的页面。 ? 另外，你还可以自定义流程图（Flow）控件的链接页面，方法是双击控件，再选择需要链接到的页面。 ? 5 左右滑动与拖拽 Axure 6.5里，动态面板（Dymatic Panel）新增了针对手机应用的OnSwipeLeft和OnSwipeRight两个Case，同时强化了拖拽（Drag Drop）相关操作的交互。现在，你可以实现让动态面板只能横向/纵向拖动、拖动结束后返回/不返回原位等丰富的动作了。 ? 6 给动态面板添加滚动条 有些时候你想做一个长宽都有限制的容器，让用户拖动滚动条来查看容器中的元素。Inline Frame在这方面很局限，你需要利用动态面板的Scrollbar属性。 右键点击动态面板-Edit Dymanic Panel，你会看到4个带“Scrollbar”字样的属性，根据需要进行选择，然后你的这个动态面板就能承载并通过滚动条来显示超过自身大小的内容了。 ? 7 在浏览器中悬浮 有时候你需要做一个相对浏览器位置固定的元素，这时候你还是要用动态面板。右键点击-Pin to Browser，然后设定悬浮位置，搞掂！ ? 8 “Move”动作 在Case Editor中有一个action叫“Move Panels”，可以让动态面板移动到指定的位置，并可配合Animate效果（直线移动、摆动、旋转移动等）。这非常适合用来做菜单的展开/折叠，滑动，图片传送带等效果。（别鄙视我，这个真的也是我最近才知道的功能，以前做展开/折叠效果可纠结了。。。） ? 9 地图拖拽效果 ? 想制作一个可以用鼠标拖来拖去的地图效果，这在Axure里也并非是不可能，只是实现起来略微麻烦。 ? 你需要创建一对嵌套的动态面版，每个动态面板都只有1个state。外部的动态面板是地图容器，内部的面板用来放置地图图片。当设置好2个