![]() The line-height 2 token is a good option for most headings and introductory text no longer than 1-2 sentences.(This option is often best for clear vertical alignment.) The line-height 1 token is a good option for most buttons and other short UI elements.The following six points are basic guidelines for selecting line height tokens: The reader typically shouldn’t notice the space between lines of text. Strive for text that appears neither very dense nor loose. Though, somewhat counterintuitively, long lines of text can benefit from slightly less line height than usual, as too much line height can make each individual line appear too prominent. Using more line height makes it easier for readers to distinguish individual lines. Distinguishing between lines of text can be difficult when the eye has to travel from the end of one long line to the beginning of the next. Longer lines usually require more line height. ![]() Longer texts should have a line height of at least 1.5 ( line-height 4). Headings and other content elements no longer than a line or two can have a line height between 1 ( line-height 1) and 1.35 ( line-height 3). Longer texts require more line height.It is written as a unitless multiplier of the text’s font size - for instance, a line height of 1.5 on 16px text results in a line height of 24px. Line height controls the vertical rhythm and density of a block of text. The measure 1 token can be appropriate for helper text (no longer than a paragraph or two) or for larger text (like a subheading or intro text).The measure 6 token can be appropriate for shorter blocks of text, like captions of fewer than three lines, or for text that isn’t meant for longform reading.Tokens between measure 2 and measure 5 are appropriate for most long-running text.The following three points are basic guidelines for selecting measure tokens: Since larger text takes up more screen real estate, it may make sense to assign it a relatively small measure. Large text can have a shorter measure.In contexts when users will be reading short passages of text (such as footnotes or alerts), you can safely set somewhat longer or shorter lines than usual. Short passages can have measure outside the ideal range.Thus, text with more space between lines can have somewhat longer line length. Since one of the functions of measure is to help readers move from one line of text to another more naturally, the effects of a long measure can be lessened by increasing the space between lines. Text with greater line height can have a longer measure.A good target for long texts is 66 characters ( measure 2). The current standard range for readable line length is 45 ( measure 1) to 90 characters per line ( measure 5). Most lines of text should be 45–90 characters. ![]() Type set flush left provides the eye a constant starting point for each line, making text easier to read.Ĭontrolling the length of lines of text (also known as measure) helps readers’ attention flow easily from one line to the next, making reading more natural and comfortable. Justified text, common in print, does not yet display well enough in a web browser to be considered a best practice. ![]() While right-aligned, centered, and justified text have their place, most websites benefit from a consistent use of left-aligned text.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |