Learn 20 page design methods in one minute: wallet, add friends & follow

This article is reproduced from the Moknife public account and has been allowed to be reprinted.

Have you seen the winning results of the ink knife product material design contest?

Congratulations to the award-winning knife friends. In the future, your works will be put on the shelves and be known by more people.

Don’t be discouraged if you don’t have an award-winning knife friend, come again next time~

Insert picture description here

The knife friends who follow the column seriously should have discovered that we have updated the "APP Common Function Module Page" for three consecutive issues. Today is the last issue of this series.

To make another notice, the small program component library that the knife friends have been asking for for a long time has been arranged.

Without further ado, let's take a look at this practical page.

1. Wallet page

With the development of technology and the popularization of mobile devices, it can be said that it is getting closer and closer to the "cashless society". We can use mobile phones to make payments, and we can also use mobile phones for financial management.

Therefore, in many product prototyping designs, product managers have to prototype the wallet page. Below we have compiled the most commonly used pages, and product managers can reuse them directly~

Although there are many wallet function pages, they can be divided into two categories according to their functions: 1. Real currency wallet 2. Virtual currency recharge wallet.

1) Real currency wallet

Mainly used in e-commerce, financial and other products.

Insert picture description here

2) Virtual currency recharge wallet

Mainly used for paid products.

Insert picture description here

This set of materials has a total of 12 pages, covering the different layout designs of mainstream mobile products on the market. It is very valuable whether it is used for design reference or directly reused to adjust the layout.

2. Add friends & follow page

Social networking is a good way to increase product retention time and user retention rate. Therefore, most products more or less have certain social attributes in their design. Adding friends and adding followers are common pages for designing product social networking.

In this issue, we have compiled the common styles of these two types of pages on the market for reference and reuse.

1) Add friends

Suitable for products with strong social attributes.

Insert picture description here

2) Add attention

Suitable for products with strong content attributes in communities.

Insert picture description here

3. Fast page reuse method

The first step is to find the desired target page in the material square and click save.

Insert picture description here

In the second step, click the material to find the material you just saved, and place it on the current page, or, in the right component, drag it directly to the workspace.

Insert picture description here

Go to the material square to use it~

If you have any prototypes and page materials you want, please leave a message and let us know!

Guess you like

Origin blog.csdn.net/Lemonliyi/article/details/106257028