[转]Axure心得大法

[转]Axure心得大法

http://tid.tenpay.com/?p=2293

BY: 天窗 / DATE: 2011-12-07 / POSTED IN: 交互设计 / VIEWS: 19257 / COMMENTS: 10

在平常产品设计中，从产品经理到开发，Axure已经成为了标准的沟通工具及设计工具，交互设计环节也确实起到了产品设计和产品开发之间的关键做用。可是，经过跟不少产品经理的接触和沟通，我发现对于Axure这个设计工具的使用，有不少不熟练的地方，结果致使了效率低下，甚至影响产品设计的表达。借着上周开了第一期产品设计工做坊的机会，我把本身使用Axure过程当中的一些心得提炼出来，供你们参考，共同提高产品设计的效率及质量。

1、框架

目前大多数的显示器都至少是19寸大屏或是宽屏，而网站的宽度仍是按照1024为最大设计，所以，网站完成后，只要是固定宽度的，都会在屏幕两边留白。因此，为了保证产品原型在网页中预览的真实效果，在原型设计之初就要考虑左边的留白，以下图，不与浏览器贴边的框架既为了保证预览效果，也为了在此后的设计中保留扩展的空间（例如增长一些浮动的功能模块）。

2、底色与网格

在Axure的默认设置中，网格是存在的，Master是红色的，而动态面板分为两种状态，分别用蓝色和黄色表示可见与不可见两种状态。全部这些，构成了设计中严重的干扰因素。以下图：

因此，咱们须要关闭这些视觉干扰的因素，秘诀就在于“Wireframe”菜单中，经过如下简单的设置，就能还原咱们设计画布中的所见即所得效果，网格的关闭并不影响元素在画布中的吸附对齐功能：

3、辅助线

在任何一个设计工具里，辅助线都是重要的部分，使用也是至关简单，从画布左边及顶部的尺子刻度上点击并拖动到画布中。然而辅助线也是影响视觉设计的一个因素，所以，在使用完毕后可从新拖动到刻度上删除。

4、元素选择

同时操做界面上的元素涉及到元素的选择，因为页面元素会至关多，而且有分层的概念，所以会出现相互遮盖的状况。为了解决选择的方便性与效率，Axure提供了三种快捷的方法：

1）锁定（lock）。选中元素以后，能够锁定，元素的轮廓变为红色，表示不可操做。当锁定的元素与未锁定的元素一块儿选中时（例如ctrl+A），锁定的元素是不可移动的；只有单独选中锁定的元素时，才可以使用Delete键删除。

2）Group 顾名思义，就是把页面上的多个元素打包成一个，做为总体进行操做，从而提升效率。

3）最后一个没法使用图来表示，当多个元素叠加在一块儿时，在下方的元素是看不见的，所以没法直接选择，此时有一种技巧，即：在叠加的元素位置连续单击，能够自上而下逐级选择元素。连续单击的两个要点：一是鼠标不能移动，二是连续的速度要放慢，不能成为双击。

5、整齐原则

页面的整齐与对齐是美观的重要因素，Axure提供了多种维度的对齐按钮，彻底知足了界面排版的须要，以下图，当选择了多个元素时，对齐工具栏激活，包括了左对齐，垂直居中对齐，右对齐，顶对齐，水平居中对齐，底对齐，水平间距等分，垂直间距等分。

6、图片裁切

对于产品经理来说，使用已经上线的元素搭建产品原型是很方便的手段，从外部copy的图片粘贴到Axure里，可能须要对图片二次加工，Axure提供了很方便的裁切功能：

选中图片以后，右键菜单中的“Slice Image”

接下来鼠标就会变成一把裁刀，以裁刀为中心分四个方向切割。有同窗问：我只想横向或者纵向切怎么办？答案很简单，把刀移除图片区域便可。

7、一个方形组成世界

因为Axure的局限，画图功能是受人诟病最多的。Axure没法画图，没法旋转，没法画斜线。。。。。仅能提供默认的如下图形：

然而世界是简单的，由于咱们有万能大法：遮盖。

只要利用现有的图形，结合颜色与线条的组合，经过相互的遮盖和group，能够方便的组合出咱们想要的各类图形。

下图是三个形状组成的冒泡：

固然，做为原型设计来讲，咱们并不须要太复杂的图形，若是必定要作出高保真的原型，可使用外部工具制做，而后贴图进来了，这是更方便的作法了。

以上是我跟产品设计人员沟经过程中遇到的Axure技巧问题，欢迎你们一块儿探讨，找出更优的高效率技巧，共同提高设计效率和质量。