What is visual segmentation?
Visual segmentation is a typographic element that helps organize content on the screen and divide content into clear groups, sections, options, or layout elements whose parts are clearly separated. In this way, it can help designers organize pages according to the typical pattern of visual perception, make the page layout clearer, and it can play a role in separating, organizing, and refining, helping users understand the level of the page and giving content organization.
A good partition and an irregular partition can create two completely different effect interfaces. At the same time, different types of designs will be divided in different ways.
Visual segmentation type
shade
Shadows are achieved by visually elevating a part of the content, which can effectively act as a partition. They create a sense of hierarchy that separates pages on several levels that often seem natural to the user.
Double-column
The two-column page design is more flexible, and there is usually a bias between the light and the heavy, so that the visual focus can be established, the contrast is formed, and the situation conflict is created. The visual emphasis is on one side, using the difference in background colors to enhance the contrast of visual weights.
Negative space
Negative space, also known as white space, is the space around the screen and inside the element. Mainly used for the design of minimalist web pages, in visual perception, the space becomes an effective, elegant visual segmentation, but also allows the page to breathe, avoiding clutter.
Oblique performance
The slanted lines are easy to form a dynamic tension, and the visual framework formed by using this can be well represented with dynamic content pages such as "movement" and "impact".