建議收藏:Axure步驟條模板
作者以信用卡申請作為案例,分享了一組Axure步驟條模板,供大家學習參考。
原型演示地址:https://www.pmdaniu.com/storage/113608/76d7dbe58f8810d7d97151ee54013da6-69620/start.html
效果演示
步驟1——選擇卡片
中部圖片輪播原件
交互:
(1)左右滑動切換圖片。
(2)點擊左右圖片切換。
(3)點擊左右箭頭切換。
(4)點擊中部圖片或右下方立即申請按鈕可跳轉至下一步。
使用:
使用方法簡單,只需要在中繼器里導入圖片即可直接使用,其他效果按個人需要修改。
步驟2——基本信息
中部自動校驗輸入框原件
(1)中文輸入框,只能輸入中文
(2)英文輸入框,只能輸入英文
(3)身份證輸入框,自動檢測身份證輸入是否正確
(4)電子郵箱輸入框,自動檢測電子郵箱是否輸入正確
(5)手機號碼輸入框,自動檢測手機號是否輸入正確
(6)短信驗證碼,模擬生成隨機驗證碼,自動檢測短信驗證碼是否正確.60秒后能重發
(7)勾選框,必須勾選才能提交
(8)信用卡章程,點擊可查看章程、
步驟3——個人信息
(1)全國三級下拉列表地址(含全國數據)
(2)精美單選按鈕組
步驟4——工作信息
步驟5——聯系人信息
提交完成的精美彈窗:
今天的分享到這里就結束了,有問題或者想下載原型的小伙伴們可以在下方評論處給我留言哦,我們下期見。
本文由 @梓賢Vigo 原創發布于人人都是產品經理。未經許可,禁止轉載
題圖來自 Unsplash,基于CC0協議
評論
原型預覽及下載地址:
https://axhub.im/pro/95e658b09ec721ea
瀏覽打卡
設計的源文件哪能下載呀?
666666
作者時axure9做的嗎
axure8做的,9也可以用
厲害厲害