As we have observed before, most of the design trends that are popular this year are closely related to typography, and even in the last month of the year, designers are increasingly inclined to use beautiful fonts and color. The typography makes your design stand out.
Highly readable, visually prominent typography is a common trait among the new web design works that have emerged in recent times. When they want a stylish visual design, they will still choose fonts with higher readability for typesetting, and the real creation of visual spectacles still has to rely on the latest design technology itself.
1. The first screen containing only text
While many sites choose to use images above the fold to attract users, it is also possible to use textual content. However, if you want to use the text content as the main body of the content on the first screen, the designer has to make good use of white space. The key to capitalizing on this trend is to provide users with meaningful textual content that users find valuable.
So, how to do this?
Start with keywords. Keywords can reflect the purpose and value proposition of the content, can tell the user what you can give him, and why your website content is important.
Choose a simple font that best matches the mood and style of the body text.
If there is less text, try choosing some expressive fonts.
Use white space. In each of the cases below, there is enough white space around the text to ensure the typography breathes. White space ensures that the user's attention is focused on the text content while browsing. White space is a great way to balance your text layout, if you don't want to center your text, like on
Use color to enhance the appeal of your designs. Bright colors can more attract users to participate in the design. Color can also better create atmosphere and convey emotions.
When you're designing a text-heavy site, don't force the text to fill the screen, because you won't be able to fill it. Enrich your layout with colors and blocks, like .
2. Use white blocks to carry text
It must be admitted that many of today's websites have done very prominently in visual design, containing extremely rich elements, plus rich responsive breakpoints and bold color schemes, the amount of information is almost explosive. It is also for this reason that some designers have begun to open up white-backed blocks among a large number of elements to carry pure black text content.
This design makes the text content more readable without worrying about complex background colors and changes. This technique may sound lazy and even b2b data a little sloppy, but when it's designed properly, it can actually be very effective.
The size of the white block should be designed to be reasonable enough to carry a certain amount of text. If the page also considers the situation of the mobile terminal, this block may need to be reasonably customized for the mobile terminal, such as opening on a mobile terminal device. , the content in the text box will be displayed separately in the area below the image, instead of being mixed as on the desktop. Don't try to render a text box like this on a mobile screen, because in the end it's hard to get the image and the text box overlaid in the same area. Each of the following cases is a reasonable use of white blocks to carry text content.