Layouts

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam

Content

The following principles describe many ways of positioning content in order to achieve aesthetically pleasing layouts. Arrange elements to provide users with an understanding of what is most important, what their choices are and how to make the best use of their information.

Dominance
The dominant element in a design is the one with the greatest visual weight (or the one that everything else points to). It’s the element that attracts the eye first, more than anything else on the page.
Column
Column grid uses vertical alignments including text and block areas that expands the width of the page. They can be single column or multi-column. More columns allow for more flexibility.
Hidden
Hidden content (e.g modal, sidebar) are always on the top of parent window and are not shown in the content, but they do not disabled their use. When we trigger something related to them, they will be appeared slightly with at least one way to return to the previous state at any time.
Placement

Placement is how people perceive and group information together. Elements that are close to one another are usually grouped in the same category.

Visual Hierarchy
This helps users easily scan and understand what they wants or need. Design without hierarchy looks boring and requires much effort for users to spend much effort to determine information they're intereted in or need to complete their task.
Alignment
Proper alignment will make pages visually more appealing and will also make it easier for users to scan over a page, sub-consciously also offering a calmer reading experience.
Whitespace
A good use of whitespace helps users absorb content easier and leads to a cleaner and more professional design.

© 2017 B3Networks.