axure设计动画效果
axure怎么放大?
axure怎么放大?
1.拖出一个动态面板(命名“图”),双击打开面板状态,打开全部状态,在动态面板内设置背景图片并设置为上下居中、左右居中、填充,不可勾选自动调整为内容尺寸
2.在首页放置2个图形,设置文本为放大、缩小,在放大按钮的交互动作鼠标单击时加入动作设置尺寸,选中动态面板,在宽内设置[[LVAR1.width LVAR1.width*0.1]]高:[[LVAR1.height LVAR1.height*0.1]]
3.缩小的宽设置为[[LVAR1.width-LVAR1.width*0.1]],而高则[[LVAR1.height-LVAR1.height*0.1]]
Axure实战006:如何美化单选复选框按钮样式?
Axure提供的组件中,复选框的样式是固定的,没法修改的,如果想要美化复选框样式,只能自己做,美化的方式有两种:
1、自己用组件形状画,通过填充颜色,设置描边和阴影进行美化。
2、如果你有更高的要求,或者想做高保真原型,就让UI设计师设计复选框样式,记得至少要两种状态样式,选中状态和非选中状态。
自己做复选框在技术上也有两种实现方式:
1、通过动态面板实现,将复选框的两个样式置于动态面板的两个状态里,点击动态面板切换状态,就能实现复选框的效果。
2、通过显示隐藏元件实现,将两个状态的元件叠放在一起,设置点击一个元件隐藏自己显示另一个元件,也能实现复选框的效果。
另外,原型毕竟是原型,一般情况下不用刻意去美化某个组件,除非你想做高保真原型。
首先我们来看下单选按钮和复选框都有哪些样式
单选复选框的样式Axure RP9中加强了单选按钮和复选框的样式,9.0版本支持的样式设置如下:
支持设置颜色填充、图片填充
支持设置单选按钮里的圆点、复选框的对勾颜色,通过边框线设置达成效果
支持为按钮设置阴影,包含阴影的大小、方向和模糊度
支持设置不透明度
支持设置按钮大小和文字大小
支持调整按钮和文字的位置,即可以将按钮放置在右侧,文字放置在左侧
美化样式下面我们再来考虑如何美化单选按钮和复选框的UI样式,建议设置如下样式:
为按钮设定填充颜色,如蓝色、红色
根据界面空间,调整按钮的大小,建议尺寸调整为15
设置边框线颜色,如果填充色为蓝色或红色,边框线可以设置为白色,与填充色形成反差