Forum Posts

Village live Fun & entertainment
Aug 02, 2022
In Questions & Answers
Text is the most important information transmission element in UI design. The typesetting of text seems easy, but it is not simple, because there are many attributes of text, such as font size, word spacing, line height, paragraph and so on. Many designers have a good understanding of text attributes and can use them reasonably, but they will always get stuck in the development process, take a long time to accept, and ultimately cannot get the desired effect. Next, we will understand the text from the root, analyze the attributes in the text that can affect the typesetting spacing, and understand the development logic, and correctly connect with them. 1. Text-Line Height Font designers usually set a certain line height for fonts in order to meet the reasonable display of text line spacing. The line height is the height of the upper and lower outer borders after the text is selected in the design software. There is no standard b2b data for the line height of the font. Different fonts generally have different default line heights. That is, because of the line height of the font, UI designers have different opinions on the spacing between text and other elements. The above pictures are all 30px spacing, but because the font line height is different, the actual visual spacing of the two schemes A and B is different. Designers who agree with the reasonable plan A, the reason is that it is better to set a certain line height for the text, otherwise there is no line spacing visually when wrapping lines, which is very crowded, and the line height has to be set again. In the end, the spacing of 30px still has a gap. The designer who agrees with the B scheme, the reason is that the UI design itself is very sensitive to the gap of a few pixels, and it is unreasonable if it cannot be visually unified. Both statements are correct, but they do have certain drawbacks. Here are two solutions. It is certain that in order to satisfy the reading experience after the text is broken, it is better to have a certain line height, which will also facilitate the connection with the development. The first: First of all, let's talk about a concept of spacing setting in UI design. Generally,
Get the UI design spacing in one article!  content media
0
0
1

Village live Fun & entertainment

More actions