Making the mobile APP interface more elaborate: 3 APP text design guidelines

This article continues to follow the last one to make the mobile APP interface design more exquisite — picture control and selection specification to illustrate how to make our mobile APP design more powerful and exquisite in character design.

App text design principle 12

Talk less and go straight to the theme.

The youth of the black horse summed up the three main design essentials of the text hierarchy. It can also be used as a text design criterion designed by app UI.


1. A hierarchical distinction between text information

When we get interaction prototypes or other requirement documents, we need to distinguish effectively the information level of text, so that users can quickly get and understand the contents conveyed by information. Text information can be divided into important information, secondary information, auxiliary information and so on. When the text is typesetting, it is necessary to clear the hierarchical relationship between information and improve the user’s overall experience of the product.

By classifying the font size, color, blank and gradation, we can classify the information of the same attribute and make the whole information arrangement clear and clear.

As shown in the following picture:

The principle of APP text design

Of course, there are also some app designers in the visual expression of the text, in order to achieve the overall visual balance of the interface, also need to reduce the use of text style, not to highlight the text information and use too many performance patterns.

As shown in the following picture:

App text design principle 2


2, the maximum value and the best value of the text information must be predicted.

When we were in the APP UI interface design, the maximum value of junior designers often ignore the text information, perfect the layout just according to their own habits, and ultimately into the test link only to find why than they expected the number of words so much more information, then there will be reworked, bring the risk to the whole the progress of product development.


As a qualified UI designer, we need to predict the maximum value of information presentation, or give the best value, rather than take the minimum value or design at will, which will encounter more uncontrollable risks in the execution process.

The following author gives three most common methods of displaying text information

The most common method of displaying text information


3. Learn to make good use of a prompt for design

In some interface design that will appear large text information, in order to improve user’s efficiency of information acquisition, we will choose appropriate prompts according to the overall visual effect. Many primary designers will follow the interaction prototype too much, often deal with large text processing too freely, just do the beautification of interaction prototype, and lack the initiative to user experience.


In product interaction design, sometimes products or interactions can’t stand in visual angle to arrange and layout information. We need to use our specialties to optimize what you feel better, and also set up expertise for you in the whole product segment.


The design manifestations of the prompt are mainly digital, alphabetic, graphic, color block and so on, so long as the information level can be distinguished effectively.

APP design case as shown below:

App text design principle 3

The above three point is the black horse Youth designer to the APP UI interface design in the text design, given 3 app text design criteria.

It is worth APP design beginners to read and understand well.


Leave a Reply