Axure 教程:注冊(cè)驗(yàn)證
大家都知道,注冊(cè)的時(shí)候有很多的驗(yàn)證,如何通過(guò)Axure來(lái)制作這個(gè)驗(yàn)證那,今天小猿就給大家演示,通過(guò)這個(gè)練習(xí),希望大家能夠掌握邏輯條件和全局變量。
我們先看一下最終的效果:
需求分析
原型設(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è)置為隱藏;
(7)設(shè)置全局變量reg_pass_correct和reg_account_correct。
交互設(shè)計(jì)
(1)設(shè)置賬號(hào)輸入框account的“失去焦點(diǎn)事件”:
(2)設(shè)置密碼輸入框pass的“失去焦點(diǎn)事件”:
(3)設(shè)置登錄按鈕的點(diǎn)擊事件:
到了這步,注冊(cè)的功能就算做好了,同學(xué)們趕緊去試試吧。
本文由 @馬白龍 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來(lái)自Unsplash,基于CC0協(xié)議
評(píng)論
賬號(hào)字段是否為字母數(shù)字是怎么判定的??
原型預(yù)覽:http://www.axurestudy.cn/pr/#id=6oms29&p=%E7%9B%AE%E5%BD%95
原型還可以在發(fā)一遍嗎