品牌型号:联想Yoga 14Sitl
系统:Windows 10 64位专业版
软件版本:Axure rp 9
在界面设计里,Axure的文字旋转功能可以用来突出文字内容,经常会用在标签或者装饰性标题上。图形旋转功能则能做出动态交互效果,比如模拟指针、图标或者图形动画,让页面看起来更有表现力。下面就为大家介绍Axure怎么旋转文字,Axure怎么旋转图形的相关内容。
一、Axure怎么旋转文字
在Axure中,旋转文字是一个便捷的操作,我们只需要用下面的两个步骤就可以实现了。
1. 创建文本元件。拖拽一个【文本标签】元件到画布中。双击元件打上文字内容:这是旋转的文字。
2. 设置旋转角度。选中文本元件,在右侧样式面板中,找到旋转选项。通过输入数值控制旋转的角度。用这种方式进行旋转的话,旋转的角度控制会更加精准。也可以在元件上中间的上下两个锚点周围,按住键盘的Ctrl键直接旋转元件,这种方式进行旋转的话会更加自由,可以直接按照整体呈现的视觉效果来控制旋转角度。

二、Axure怎么旋转图形
在Axure中,旋转图形的方法与旋转文字可以说是一模一样的,只是这时候我们操作的元件从文本标签元件变成了矩形、圆形等图形元件。图形的旋转效果会更丰富些,我们可以把它分成三种类型:
1、常规旋转。我们同样有两种旋转方式,第一种方式是通过样式面板的旋转选项进行数值设定。第二种方式是在下图红框标识的锚点周围按照Ctrl键直接旋转。

2、特殊的旋转。图形的旋转会多一些效果。有时候我们还会用到【翻转】效果,这本质上是一种快速到位的旋转。我们在选中形状元件后,点击鼠标右键,在上下文菜单中可以找到【变换形状】,可以找到两种翻转方式【水平翻转】和【垂直翻转】。这在我们需要构建一些轴对称界面时,会非常有用。

此外,对于矩形元件,当我们在矩形元件上打上文字后,进行旋转的话,矩形和文字会一起跟随着转,导致文字不是正常角度显示的,读起来不舒服,我们可以选中矩形后,点击鼠标右键,在上下文菜单中找到【变换形状】,选择【重置文本到0度】,这样文本就会回到水平方向上。

3、动态旋转。除了上文讲到的这些对于图形的静态旋转外,Axure还可以用交互效果做到动态的旋转。我们在选中矩形后,在右侧交互面板中,选择触发事件【单击时】,在动作列表中可以找到【旋转】,它能够做到在元件被点击的时候,进行实时的旋转。我们让当前的矩形顺时针旋转90度,这里设置了一个动画效果为线性、500毫秒,它控制了旋转的速度。

设置完成后,我们点击预览,在浏览器中,我们点击矩形之后,矩形慢慢地转到了垂直方向,这就实现了图形的动态旋转。按照这个思路延申下去,我们可以设置出更多复杂的动态旋转效果。
以上就是Axure怎么旋转文字,Axure怎么旋转图形的相关内容。旋转文字能打破常规排版,让设计更有视觉冲击力,它特别适合宣传页、创意排版或者数据可视化。旋转图形能模拟动态效果,让页面的交互表现更丰富。