Axure 教程:注冊(cè)驗(yàn)證

3 評(píng)論 7386 瀏覽 42 收藏 3 分鐘

大家都知道,注冊(cè)的時(shí)候有很多的驗(yàn)證,如何通過(guò)Axure來(lái)制作這個(gè)驗(yàn)證那,今天小猿就給大家演示,通過(guò)這個(gè)練習(xí),希望大家能夠掌握邏輯條件和全局變量。

我們先看一下最終的效果:

猿型庫(kù):Axure小練習(xí)-注冊(cè)驗(yàn)證

需求分析

原型設(shè)計(jì)

(1)拖入賬號(hào)輸入框account,設(shè)置最大輸入長(zhǎng)度為10,設(shè)置輸入提示“賬號(hào)只能包含字母和數(shù)字”;

(2)拖入圖片account_img和文本account_msg,并且設(shè)置為隱藏;

(3)拖入密碼輸入框pass,設(shè)置輸入類(lèi)型為密碼,設(shè)置輸入提示”密碼為6位數(shù)字“;

(4)拖入圖片pass_img和文本pass_msg,并設(shè)置為隱藏;

(5)拖入注冊(cè)按鈕;

(6)拖入文本reg_result,并設(shè)置為隱藏;

猿型庫(kù):Axure小練習(xí)-注冊(cè)驗(yàn)證

(7)設(shè)置全局變量reg_pass_correct和reg_account_correct。

猿型庫(kù):Axure小練習(xí)-注冊(cè)驗(yàn)證

交互設(shè)計(jì)

(1)設(shè)置賬號(hào)輸入框account的“失去焦點(diǎn)事件”:

猿型庫(kù):Axure小練習(xí)-注冊(cè)驗(yàn)證

(2)設(shè)置密碼輸入框pass的“失去焦點(diǎn)事件”:

猿型庫(kù):Axure小練習(xí)-注冊(cè)驗(yàn)證

(3)設(shè)置登錄按鈕的點(diǎn)擊事件:

猿型庫(kù):Axure小練習(xí)-注冊(cè)驗(yàn)證

到了這步,注冊(cè)的功能就算做好了,同學(xué)們趕緊去試試吧。

 

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

題圖來(lái)自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 賬號(hào)字段是否為字母數(shù)字是怎么判定的??

    來(lái)自陜西 回復(fù)
  2. 原型預(yù)覽:http://www.axurestudy.cn/pr/#id=6oms29&p=%E7%9B%AE%E5%BD%95

    來(lái)自廣東 回復(fù)
    1. 原型還可以在發(fā)一遍嗎

      來(lái)自廣東 回復(fù)