The Composition

Theory

The Composition

The second is about the principles of graphic design, we looked at concepts such as existence, dominance, variation, and harmony. Today we go a little deeper with the last article and talk about the system and its basic components.

1. Single view

A single image is used for this compound design. This means the image is generally powerful, creates impact and the whole design is built into it. Examples of single display pages include landing pages, but this is more popular in print than on the web.
The single display system is an easy one to achieve, although you have to select the image carefully, otherwise, it will not produce the desired effect. The main principle behind this form is that typography and other design elements strengthen the visual element and do not compete with it.

Glitter Denmark is a perfect example of a single display system design.
Glitter Denmark is a perfect example of a single display system design.

There must be a clear definition of what is most important, and the image, description, or graphic element used in this case must be very powerful.

2. Gold ratio

The Golden Ratio, also known as Fibonacci Spiral or Fi, is approximately 1: 1.618. The Fibonacci Spiral is found in different things around the world, and the web is no exception.
It is better to place the elements in the spiral lines of a website because this is how the human eye works. Using the Golden Ratio correctly will bring the audience’s attention to the specific things you want to emphasize.

Golden Ratio
Golden Ratio

3. Focal point

This is another important one because showing someone something to the audience is the focal point. The focal point adds a specific idea to the design and serves as a starting point for most viewers.
The focal point can be represented by simple typography, a button, a description, an image, or any other element. It’s entirely up to the designers, who he wants to create a focal point.

 

The focal point should be the focus and the first element to see when the visitor enters the page (especially for the first time).
However, it is very important and visible that it will break the balance of the layout. Put the focal point within the goal of your site and thereby show the purpose of the page. For example, calling the action button is a focal point because it is the final action that the user wants to take on your page.

 

4. Grid design

This should not be new to you. Grid theory is the most popular element of a compound because we always do it without even realizing it. Grids add structure to a design and are used to keep a good ratio between the elements of the page.
You can find a lot of grid configurations on the internet. They are free to download and configure, and I recommend using them if you are a beginner in this domain. Working with grids from the beginning will make you comfortable with this approach, which is good for your layouts.
The grids do not always have to be rough. They can be subtle, but if you go for this option, make sure the design is more neat and refined.
When working with phases, it is always a good idea to ask for feedback from those around you, because working hours with a grid structure in front of you will eliminate the small mistakes that require your eye adjustment.

The Grid System
The Grid System

5. Gestalt Laws

When I learned this principle in school, I was amazed at the difference in my designs. Laws are the result of man’s perception of things, including websites and elements. Laws are made in such a way that different elements affect the viewer.
Gestalt laws have five principles: closure, unity, continuity, alignment, and proximity.
In short, the law of closure says that we have become accustomed to closing things that are not really covered in our imagination. A good example is a near circle, which you can only draw on 330 on. The human brain perceives it as an overall, saturated circle.
The law of proximity shows that we like group objects that are close to each other, while the law of unity emphasizes the same thing, we group only things that have the same color, shape, or texture.
The sequence rule emphasizes that objects can be grouped together if they are parallel-linear or follow a certain direction, while the last rule, one in alignment, shows that objects are aligned based on their edges (the most popular pattern), or based on their center lines. Objects are can be combined with each other.

The Gestalt Law of Closure
The Gestalt Law of Closure
The Gestalt Law of Proximity
The Gestalt Law of Proximity

There are actually more Gestalt laws, but not all of them are important to designers. At the end of the article, you will find a link with all the laws and learn more about each of them.

6. “Z” and “F” layout

The so-called “Z” layout is based on the natural movement of the human eye. As the name suggests, most eyewitnesses see a webpage in a Z format, meaning they start in the upper left corner and end in the lower right.
Managing all the items on the home page to align with this pattern will definitely give better results and transform your design more efficiently.

Layout in a Z shape
Layout in a Z shape

There is another type of layout, which is designed to be F-shaped. This means that users read the first line and then the second line, continuing in a certain order.

Goal Arena is a layout in a visible F shape

Goal Arena is a layout in a visible F shape

Bottom line

These are the most important principles of design, and having a strong knowledge of each of them will not only make your layouts better but also provide a better user experience.
Creating good interfaces for the user will keep your page in mind, and if you get used to working with these principles it will sometimes get natural and logical.

Leave a Reply

Your email address will not be published. Required fields are marked *