Axure入门基础第四篇-按钮的应用

2025-05-28 02:08:12

在设计原型中不管是网页原型还是App原型,按钮都是必须用到的,那现在我就给大家讲讲岳蘖氽颐按钮的一些用法,大家一定要一起动手踝怆赜泖操作哦!在这里要强调的一点,为什么总是给大家讲的时候用英文版本的,因为你如果会用了英文版本的,那中文版本的对你来说就是小CASE啦,所以,不要放弃哦!一起加油学ba!我们开始罗!

工具/原料

Axure

你的英文基础

第一大步:改变你的按钮样式

1、拖入一个按钮控件进入工作空间中。

Axure入门基础第四篇-按钮的应用

2、单击鼠标左键选中按钮,然后在工作空间中的右侧的”properties“就是属性的意思,选中他的”mouseOver“属性,即”鼠标滑动过“的按钮样式,单击鼠标左键。

Axure入门基础第四篇-按钮的应用

3、在弹出框中设置样式,举个栗子,勾选”Blod“属性,就是加粗的意思,鼠标滑动过时该岳蘖氽颐按钮的文字会加粗;选择”Full 艘早祓胂color“就是填充颜色的意思,勾选后,点击油漆桶,然后选择一个颜色哦,保存一下就ok啦

Axure入门基础第四篇-按钮的应用

4、其他的样式还有鼠标点击样式,鼠标移走样式,这个需要你举一反三,多用多学多操作多琢磨哦。我已经给你讲了基本的方法了哦。加油!

第二大步:如何批量快速的处理你的按钮排版

1、首先,你需要的不只一个按钮,怎样快速的复制你的按钮呢?哈哈,请注意听讲,选中你的按钮不放,然后另一只手同时按下键盘上的ctr造婷用痃l键不放,此时,拖动你的按钮到你想要的位置,确定放好后放开ctrl键,这样你就复制好了,是不是很快?哈哈,快来试试。

Axure入门基础第四篇-按钮的应用

2、复制好后,位置有些乱糟糟?没事儿,我们先把四个按钮全部选中,单击鼠标左键不放,在工作空间中画一个矩形,框住四个按钮,这样就可以直接选中了哦。

Axure入门基础第四篇-按钮的应用

3、看到菜单栏中的对齐的按钮了没?这个功能可以帮你把混乱的排版快速规范化,所以,选中这四个按钮后,点击菜单中的排版,把他们排整齐。

Axure入门基础第四篇-按钮的应用

4、看到了吗,我的原型已经排版好了,是不是很整齐呢?赶快动手试试吧!

Axure入门基础第四篇-按钮的应用

5、感谢正在查看经验的你。

Axure入门基础第四篇-按钮的应用
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢