Axure交互進(jìn)階教程-輸入法推動(dòng)頁(yè)面制作
成都/UI設(shè)計(jì)師/7年前/318瀏覽
版權(quán)
Axure交互進(jìn)階教程-輸入法推動(dòng)頁(yè)面制作
Axure交互進(jìn)階教程-輸入法推動(dòng)頁(yè)面制作
這是locky私人共享的工作經(jīng)驗(yàn)教程,網(wǎng)上是沒(méi)有的哦,喜歡的請(qǐng)給一個(gè)贊~,locky會(huì)陸續(xù)共享出其他相對(duì)復(fù)雜一點(diǎn)和網(wǎng)上教程稀少的交互供設(shè)計(jì)愛好者經(jīng)驗(yàn)交流~

Axure交互進(jìn)階教程-輸入法推動(dòng)頁(yè)面制作
步驟一:制作好頁(yè)面,整個(gè)頁(yè)面編組為a,放在二級(jí)動(dòng)態(tài)面板內(nèi);
步驟二:制作好輸入法,放在一級(jí)動(dòng)態(tài)面板內(nèi)的最下方;
步驟三:輸入框獲取焦點(diǎn)后,設(shè)置輸入法從0、565移動(dòng)到0、297,補(bǔ)間效果300ms,波動(dòng)效果;
步驟四:同時(shí)移動(dòng)77,移動(dòng)位移為輸入法的高度減去輸入框的Y值;具體參數(shù)如下圖

步驟五:添加上反向的失去焦點(diǎn)效果;
步驟六:現(xiàn)在可以預(yù)覽,試一下輸入法推動(dòng)頁(yè)面效果了哦~
4
舉報(bào)
聲明
4
分享
評(píng)論你的想法~
表情
喜歡TA的作品嗎?喜歡就快來(lái)夸夸TA吧!
你可能喜歡
登錄注冊(cè)
4登錄即可同步推薦記錄哦
4登錄即可加入我的收藏
評(píng)論登錄即可評(píng)論想法
分享分享







































