Filling in information for registration application is one of the common operations nowadays, but many people don’t use Axure to make such similar prototypes! Therefore, today I will share with you a tutorial on making a prototype of the credit card application process steps, and teach you how to make a prototype of the application steps with Axure! For those who are preparing to self-study or are currently studying Axure by themselves, then I recommend that you take the Axure self-study video course, from 0 basics to practical case studies, and learn comprehensively~

Axure tutorial for making a credit card application step template prototype : Step 1 - Select the card

The original image carousel in the middle

Interaction:

(1) Swipe left and right to switch images.

(2) Click on the left and right pictures to switch.

(3) Click the left and right arrows to switch.

(4) Click the middle picture or the Apply Now button at the bottom right to jump to the next step.

Usage:

The method of use is simple. You only need to import pictures into the repeater and you can use it directly. Other effects can be modified according to personal needs. Step 2 - Basic information

The central part automatically verifies the original input box

(1) Chinese input box, only Chinese can be input

(2) English input box, only English can be entered

(3) ID card input box, automatically detects whether the ID card is entered correctly

(4) Email input box, automatically detects whether the email address is entered correctly

(5) Mobile phone number input box, automatically detects whether the mobile phone number is entered correctly

(6) SMS verification code, simulates a random verification code, and automatically detects whether the SMS verification code is correct. Can be resent after 60 seconds

(7) Check box, must be checked to submit

(8) Credit card terms and conditions, click to view the terms and step 3 - personal information< /p>

(1) National three-level drop-down list address (including national data)

(2) Beautiful radio button group Step 4 - Work information Step 5 - Contact information

p>

The exquisite pop-up window after submission:

The above is all the wonderful content about "How to make a credit card application step template prototype in Axure?", I hope you can gain something from it. ! If you feel that one article is not interesting enough, don’t miss the Axure related articles! All in all, it is difficult to achieve all-round self-development with a single piece of knowledge! If you want to be fully proficient in a skill, you must also learn comprehensively! Come, learn Axure comprehensively, acquire knowledge points comprehensively, and quickly and effectively promote independent prototype design~