作者以信用卡申請作為案例，分享了一組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協議