Example tutorial on landing page design

Regardless of the design of a web page or a mobile APP, a very important point is how to find a balance between smallness and beauty and functional complexity. The first step in executing the design is to think about how to use prototyping tools such as Mockplus or Axure to master the skills of product landing page design in the initial stages.

1. Learn to do subtraction

Break out of the rules and regulations in the design of the login interface, and use simple color matching, which is eye-catching and generous.

2. Combined with user interface design-page background

1. Blurred background

Application of blurred background It not only makes the entire website appear more humane, but also sets off the atmosphere that the website wants to express to a large extent.

2. Dark background

In the dark background, the bright input box attracts all the attention.

3. Flat solid color background

3. Clear vertical visual lines

Human visual browsing Generally, the sight line is "L" shaped, meaning from top to bottom, from left to right. If the visual browsing order of the form conforms to the "L" shaped rule, it basically meets the user's psychological expectations.

4. Focus on user experience design

The usage rate of login and registration forms is very high. The design of a form is actually not a simple matter. User experience is something that must be considered. Even a registration form deserves a closer look. If user experience is not taken seriously, the website will lose a large number of users. Everything is based on the best user experience.

1. Reduce the user’s mandatory operations

2. Reduce the user input

Generally speaking, Every time a field is added to the registration form, the registration rate will decrease accordingly.

3. Information registration prompts

Providing effective information prompts for end users is the best way in user experience design, especially when users register and fill in information with multiple input fields, and When the fields that need to be filled in may be ambiguous with each other, these message prompts can reduce the user's thinking and guessing time.

4. Wrong password input memory

When the user enters a wrong password for the first time, the system will determine the error and save the wrong password entered by the user in memory. When the user enters this password again, When the password is incorrect, the system will automatically prompt "Incorrect password" on the client.

The above are some common web or APP product landing page design techniques. Clever design is the first step to attract users. From the user's perspective, more users can truly approach and understand our products through the door of login and registration.

The above is the detailed content of Example tutorial on landing page design. For more information, please follow other related articles on the PHP Chinese website!