创建高保真度Axure原型的六个技巧（二） -控件新闻-慧都网

创建高保真度Axure原型的六个技巧（二）

原创|行业资讯|编辑：郝浩|2013-10-23 13:35:44.000|阅读 4731 次

概述：在前文中，我们讲了充分利用Axure自身有的一些功能，如标签、按钮、阴影效果等创造出比较高的保真度效果。在本文中，小编继续为你讲解创建高保真度Axure原型的技巧。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接：

技巧四：翻转组件

无论是一个组件还是一组小组件集，在Axure6.5中都不止一种翻转方式。在选中组件后，使用组件属性窗格，手动控制组件或文字的翻转角度。如果是选中一个组件集，则里面的每个组件都会各自翻转，打破你之前自定义的图形组合。

若想快速旋转部件，选中它，将鼠标光标移到拖动点并同时按住Cmd（Mac）或Ctrl键（PC）。此时鼠标光标将由一个旋转图标取代。这种方法不仅速度更快，也能保留自定义组合的形状。

技巧五：使用带有按钮图形的图像

创建带有翻转的按钮或许很简单，但再在之上添加一个图标却不是那么容易。在上图中，带有按钮的图像包含了两个组件，因为这两个组件都有OnMouseEnter事件，所以它们很容易有冲突。

下面的动画显示了两个按钮，每个上面都有图标。请注意当光标移动到按钮上面的图标上时左边的图标区域闪烁，触发了OnMouseEnter事件，而右边按钮上的图标并没有闪烁。

这是因为左边的图标堆叠在按钮图形之上，所以当光标经过图标时它忽略了下面按钮图形的OnMouseEnter事件。

避免这种闪烁一种方法是将图标（最好是以透明的PNG格式）放置在按钮图形的下面，使用透明的渐变色作为按钮图形的填充，如下图所示。这样，图标将透过上面的按钮图形显示，也能保证按钮的OnMouseEnter事件是光标经过时唯一触发的事件。

如果你还没有一个图标组件库加载到你的组件窗格，能为你提供一个很好的解决方案，让你快速添加图标到你的Axure原型中。当你需要的免费的图标来创建完备的组件库时，它也可以派上用场。

技巧六：利用现代的表单元素

记得当浏览器最开始支持CSS3 border-radius属性的那一天，世界各地的设计师和开发人员都无比兴奋激动，因为他们终于可以在短短几秒钟内创建弯曲的表单元素，不再需要使用多个图像和复杂的代码。你也可以说，现代的表单元素的出现使我们从此告别了枯燥、四四方方的文本字段，而可以组合圆角矩形图形和与文本字段组件。