本篇教程將為大家展示如何使用Axure制作按鈕觸發(fā)效果。

一、演示效果

二、制作過程

首先，我們看下本次教程用到的3個(gè)元件：

我們將3個(gè)元件水平垂直居中對(duì)齊，并且將層順序修改為：按鈕名稱->默認(rèn)按鈕->動(dòng)效。

下一步，我們將動(dòng)效層，默認(rèn)設(shè)置為隱藏：

下一步，我們對(duì)默認(rèn)按鈕增加動(dòng)作，雙擊“鼠標(biāo)移入時(shí)”，在彈出面板對(duì)“動(dòng)效”層，進(jìn)行“可見性”設(shè)置：

完成鼠標(biāo)移入的特效，我們下一步設(shè)置鼠標(biāo)移出的特效，同樣雙擊“鼠標(biāo)移出時(shí)”，在彈出面板對(duì)“動(dòng)效”層，進(jìn)行“可見性”設(shè)置：

完成只有F5進(jìn)行刷新預(yù)覽。

下載地址

https://pan.baidu.com/s/1A6-sy2KewIx17xvqtwEGXw

Axure系列教程

Axure教程：跟隨鼠標(biāo)移動(dòng)的導(dǎo)航菜單特效

Axure教程：使用動(dòng)態(tài)面板實(shí)現(xiàn)iOS開關(guān)效果

Axure教程：登錄頁間轉(zhuǎn)場(chǎng)特效

Axure教程：App移動(dòng)端單選效果美化

Axure教程：App移動(dòng)端多選效果美化

Axure教程：App移動(dòng)端彈窗廣告

本文由 @ZQZ原型師 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自 Unsplash，基于CC0協(xié)議。