Axure交互進(jìn)階教程-側(cè)邊欄制作
成都/UI設(shè)計(jì)師/7年前/591瀏覽
版權(quán)
Axure交互進(jìn)階教程-側(cè)邊欄制作
Axure交互進(jìn)階教程-側(cè)邊欄制作
這是locky私人共享的工作經(jīng)驗(yàn)教程,網(wǎng)上是沒有的哦,喜歡的請給一個贊~,locky會陸續(xù)共享出其他相對復(fù)雜一點(diǎn)和網(wǎng)上教程稀少的交互供設(shè)計(jì)愛好者經(jīng)驗(yàn)交流~

Axure交互進(jìn)階教程-側(cè)邊欄制作
步驟一:先繪制側(cè)邊欄并編組為a放在動態(tài)面板內(nèi),x位置設(shè)置為-220;
步驟二:在動態(tài)面板放一個半透明的黑的背景,置于a下方;
步驟三:為按鈕添加彈出側(cè)邊欄的效果,點(diǎn)擊時,顯示動態(tài)面板,移動a從-220、0到0、0,補(bǔ)間效果300ms波動效果;
步驟四:為黑色半透明背景添加退出側(cè)邊欄效果,點(diǎn)擊時,移動a從0、0到-220、0,補(bǔ)間效果300ms波動效果,隱藏動態(tài)面板;
步驟六:現(xiàn)在可以預(yù)覽,試一下側(cè)邊欄效果了哦~
6
舉報(bào)
聲明
8
分享
評論你的想法~
表情
喜歡TA的作品嗎?喜歡就快來夸夸TA吧!
你可能喜歡
登錄注冊
6登錄即可同步推薦記錄哦
8登錄即可加入我的收藏
評論登錄即可評論想法
分享分享








































