Axure教程:鼠標(biāo)移入移出特效

2 評論 13958 瀏覽 16 收藏 3 分鐘

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

一、演示效果

二、制作過程

首先,我們看下本次教程用到的3個元件:

我們將3個元件水平垂直居中對齊,并且將層順序修改為:按鈕名稱->默認按鈕->動效。

下一步,我們將動效層,默認設(shè)置為隱藏:

下一步,我們對默認按鈕增加動作,雙擊“鼠標(biāo)移入時”,在彈出面板對“動效”層,進行“可見性”設(shè)置:

完成鼠標(biāo)移入的特效,我們下一步設(shè)置鼠標(biāo)移出的特效,同樣雙擊“鼠標(biāo)移出時”,在彈出面板對“動效”層,進行“可見性”設(shè)置:

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

下載地址

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

Axure系列教程

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

Axure教程:使用動態(tài)面板實現(xiàn)iOS開關(guān)效果

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

Axure教程:App移動端單選效果美化

Axure教程:App移動端多選效果美化

Axure教程:App移動端彈窗廣告

 

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

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

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 新手上路,求指點:我想問問你的這個默認按鈕(矩形)是怎么設(shè)置的?看起來是透明的,但是我看樣式里面不透明設(shè)置的是100%。

    來自廣東 回復(fù)
    1. 那個應(yīng)該是設(shè)置的隱藏

      來自廣東 回復(fù)