起點(diǎn)課堂會(huì)員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會(huì)特權(quán)
個(gè)人IP打造特權(quán)
30+門專項(xiàng)技能課
1300+專題課程
12場(chǎng)職場(chǎng)軟技能直播
12場(chǎng)求職輔導(dǎo)直播
12場(chǎng)專業(yè)技能直播
會(huì)員專屬社群
榮耀標(biāo)識(shí)Axure產(chǎn)品原型設(shè)計(jì)—短信驗(yàn)證碼
短信驗(yàn)證是產(chǎn)品設(shè)計(jì)中最常用的功能之一。拿在原型設(shè)計(jì)上，都需要注意哪些問題呢？這篇文章，作者手把手教我們?nèi)绾巫龊枚绦膨?yàn)證的設(shè)計(jì)，希望能幫到大家。
版本：Axure RP 9
功能描述：點(diǎn)擊 “發(fā)送驗(yàn)證碼按鈕”，顯示”5s后重新發(fā)送”，當(dāng)減到0s時(shí)，顯示重新獲取按鈕
一、效果演示圖
二、具體步驟
1. 畫驗(yàn)證碼輸入框
2. 畫”發(fā)送驗(yàn)證碼”按鈕
3. 畫 “某s后重新發(fā)送”
設(shè)置隱藏后，將”5s后重新發(fā)送”與”發(fā)送驗(yàn)證碼按鈕”重疊
4. 設(shè)置交互
4.1 增加”驗(yàn)證碼動(dòng)態(tài)面板”
4.2 添加”發(fā)送驗(yàn)證碼按鈕”交互動(dòng)作
4.3 添加”驗(yàn)證碼動(dòng)態(tài)面板”交互動(dòng)作
最終效果圖：
4.4 隱藏”驗(yàn)證碼動(dòng)態(tài)面板”
5. 測(cè)試
6. 增加”重新獲取按鈕”
6.1 設(shè)置”驗(yàn)證碼動(dòng)態(tài)面板”交互樣式
6.2 設(shè)置”重新獲取按鈕”交互樣式
隱藏重新獲取按鈕
最終效果如下圖
7. 最終測(cè)試
8. 調(diào)整秒數(shù)
為了測(cè)試方變，我將秒數(shù)設(shè)置為5s，大家可根據(jù)需要調(diào)整
主要調(diào)整位置
作者：Luna
本文由 @Luna 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)作者許可，禁止轉(zhuǎn)載。
題圖來自Unsplash，基于CC0協(xié)議。
該文觀點(diǎn)僅代表作者本人，人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。
探索智能科技，體驗(yàn)未來生活~
評(píng)論
版本號(hào)
雖說很秀，但沒有哪個(gè)po會(huì)這么花時(shí)間去整吧
哈哈，因?yàn)槭浅鯇W(xué)，查了很多大家寫的帖子，沒有辦法順利跟著做下來
所以就想整理一篇只要跟著流程做能完成，不需要自己琢磨或額外查
弄成元件庫，后面直接拿來用就好，第一次做感覺這個(gè)時(shí)間是值得花的??
能在學(xué)習(xí)中收貨成就感也很好