起點課堂會員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會特權(quán)
個人IP打造特權(quán)
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會員專屬社群
榮耀標識Axure教程：帶進度顯示的注冊表單特效
本篇教程將為大家展示如何使用Axure制作帶進度顯示的注冊表單特效。瓜子，板凳，雪碧準備好了嘛？好了我們就開始！
最終效果
效果解讀
本案例通過漸進式的方式，引導(dǎo)用戶完成賬戶注冊，在每一步完成后，以背景色變換的方式顯示注冊正規(guī)流程的進度，提高用戶體驗。
制作過程
默認頁面由：觸發(fā)按鈕、按鈕文字、背景組成；通過點擊觸發(fā)按鈕，開始表單注冊過程。
同時為了方便點擊后的特效變化，我們將觸發(fā)按鈕定義名稱。
下面設(shè)置交互動作：選擇觸發(fā)按鈕，增加單擊動作，在該動作下添加“設(shè)置尺寸”的屬性。這里需要注意的是錨點的設(shè)置，我們?yōu)榱俗尠粹o由中心點向2邊擴展，所以將錨點設(shè)置為中心點。動畫方式選擇線性。
完成了點擊后，背景色的擴展效果，我們還需要對按鈕文字進行隱藏、顯示輸入表單、以及提示線的內(nèi)容。再次給觸發(fā)按鈕增加幾個動作。
完成以上設(shè)置，我們就可以得到這樣的效果。
下一步，我們開始設(shè)置點擊剪頭按鈕后的顯示效果，從最終效果上可以看到，點擊按鈕后，隱藏username的表單，并且背景顯示進度條，同時顯示創(chuàng)建密碼的表單。
大家可以看到，我使用了等待，這里的作用是為了在元件展示的時候，中間存在間隔，讓動畫看起來更加有條理性。完成以上設(shè)置，我們就可以得到這樣的效果。
下一步我們對輸入完密碼后的特效進行設(shè)置，輸入完密碼后，點擊剪頭按鈕，我們需要隱藏密碼表單和白色的觸發(fā)按鈕，并且將背景綠色平鋪，最后將歡迎詞“Welcome?Jason”進行顯示。
到這里，我們就完成本案例的全部制作過程?？匆幌伦罱K效果。
源文件下載地址
鏈接：https://pan.baidu.com/s/1KCWl7Udjais5RedN4e9z0g
提取碼：wtjl
在線演示地址
更多Axure教程
Axure教程：使用動態(tài)面板實現(xiàn)iOS開關(guān)效果
如有疑問，可以給我留言。
歡迎&感謝大家訂閱，早日成為專欄作家，為大家分享更多教程。
本文由 @ZQZ原型師 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。
題圖來自作者
哪里有安裝包下載
axure9 百度上好多下載
麻煩提供下提取碼
原型文件打不開。。。。。
axure9做的 需要下載9