In order for the design to be successful, it must be characterized by a visual balance between its elements. Each element has visual weight, for example, we have two squares that are close to each other, one white and the other black. The black box is heavier than the white box, which means that it’s more attractive.
If there is no visual balance, the user will feel distracted. He won’t know where he’s looking, and he won’t understand anything.
Then you will lose contact with him, so you have to make sure you arrange the elements in a balanced way.
In this type, the visual weight is distributed horizontally or vertically to create a visual balance.
Asymmetric modulation is by arranging and distributing items almost randomly, for example, to give the design some mobility or make a particular destination or element heavier than the other, but while maintaining the balance of elements. The goal of this genre is to direct the viewer’s eyes to a certain point.
Design elements are organized by bringing the elements closer and interlinked to form a so-called unit or cluster. You should also consider spaces, avoid distributing items everywhere, and avoid making the design full of elements.
Alignment is the order of graphic design elements equally, and the goal of alignment is to organize the elements and make them look tidy, and among the types of alignments we find.
- Edge alignment (horizontal, vertical).
- Center alignment.
- Justified alignment.
- And right/left alignment.
Present the design elements in a contradictory and converging way. The contrast attracts the viewer’s eye and creates a focus that can be used to draw attention to a particular part of the design, and is also used to compare two things. We also see in the picture that the red box on the right has a greater weight than the box next to it.
Is the space between the different elements and there are two types of white space or negative space
The white space can also be named an element, and then it is used to make the design simple and modern.
And the negative void is what we see in the picture, as we draw a shape just out of the space between the elements.