當前， 很多表單的設計都會使用手機獲取驗證， 一方面商家可以精准獲取用戶的手機號碼， 以便之後的精准推廣， 另一方面也防止用戶批量註冊小號擾亂平臺秩序。 今天就主要說說如何使用axure原型來進行獲取驗證碼表單設計。
獲取驗證碼表單主要包括一個輸入框和一個“獲取驗證碼”按鈕， 其中“獲取驗證碼”按鈕才是設計的重點。 它總共有兩種狀態， 一種是靜態文本狀態， 即按鈕中顯示“獲取驗證碼”， 另一種是動態倒計時狀態， 即按鈕中顯示“XX秒後重新獲取”。
從靜態文本狀態到動態倒計時狀態的轉換所需要的操作是點擊按鈕， 而從動態倒計時狀態到靜態文本狀態所需要的操作是60秒倒計時到0時。 因此， 可以分四步來進行：
第一步：先擺好所要控制項， 即向畫布拖拉一個文字方塊和一個矩形， 矩形可以設置成橙色， 並寫上文字“獲取驗證碼”。
第二步：為矩形添加一個載入時用例， 用例中設置全域變數初始值， 即OnLoadVariable的值設置成60,60為重新獲取驗證的倒計時初始值。
第三步：為矩形添加一個滑鼠按一下時用例， 先把用例中的條件設置成OnLoadVariable的值不等於0， 然後再為用例添加4個動作
設置文本的值為“[[OnLoadVariable-1]]秒後重新獲取”；設置全域變數的值為“[[OnLoadVariable-1]]”；添加等待1000毫秒；添加觸發矩形滑鼠按一下事件。
第四步：再為矩形添加一個滑鼠按一下時用例，
好了，點擊預覽即可看到逼真的動態效果，堅持分享axure原型設計小技巧，希望大家多多支持~~
本文由 @維度 原創發佈于人人都是產品經理。未經許可，禁止轉載。
好了，點擊預覽即可看到逼真的動態效果，堅持分享axure原型設計小技巧，希望大家多多支持~~
本文由 @維度 原創發佈于人人都是產品經理。未經許可，禁止轉載。