Duplos uses an asymmetrical layout which works really well.

6 Basic Principles of Graphic Design

Theory

THE BASICS OF GRAPHIC DESIGN: PRINCIPLES

In the first part, Six Principles of Designwecover the basic elements of graphic design such as shapes, lines, textures, and color. The Principal of grapphic Desining mainly we focus Balance ,Dominance and priority and Ratio and more.In this sectionwe will go a little deeper and look at the principles of design, it is veryimportant to know them because they separate good designers from fantastic designers. Some of the principleswe cover today are used unknowingly, but they certainly are, and we will showexamples from the web to illustrate the point.

1.Balance

Balanceis how a design is distributed throughout a design. If the balance is good, stability is guaranteed, although recently many designers are turning to unbalanced designs because they offer a dynamic and completely different perspective.Individual pages are best suited for slightly unbalanced layouts, and you will soonsee some examples.To notice what kind ofbalance a websitehas, you need to know three types of balance: symmetrical, asymmetrical, and radial. The first placestake place when both sides of a design are identical in shape, lines, texture, and so on.
Since this is the waywedesign today, it often occurs on a vertical axis, so when wetalk about two sides of a design, we are talking aboutleft and right. There are alsoexamples of both in the horizontal axis and sometimes, but these are rare. Balanced Designs Most websites on the internet 5 years ago.

The second type of balance occurs when both sides of a website do not look like each other but stillhave similar elements. Although it is called asymmetric, they only offer some symmetry at a lower level, similar to the first type of equilibrium. Asymmetric websites are becoming more and more popular nowadays (seeWordPress layouts with the content on the one hand and sidebar on the other).Radius balance takes place when design elements are placed in a circular shape. They give a sense of movement and agility, but this is not oftenseen on the internet because even the most experienced designers have trouble setting up such a design.As stated before, balance is achieved through shapes, colors, textures, lines, and other elements we talked about in the first episode.

Florida Flourish is a good example of a total symmetric website
Florida Flourish is a good example of a total symmetric website
Duplos uses an asymmetrical layout which works really well.
Duplos uses an asymmetrical layout which works really well.

2. Dominance and priority

These two Principles are strongly linked because they are one. Priority and lack of element dominance are confusing as they both have a lot to do with user experience.
Dominance is one that prioritizes the importance of different elements such as menu, logo, content or footer. We have a title or a call to action, which becomes a primary element; We have secondary elements like images or most of the time navigation needed to create a point.

They are obviously not the most important element of a website, but you can not do without them. Tertiary elements are information such as footer links, blogs or meta-information about different elements, and a website can be without them most of the time.

"<yoastmark

3. Ratio

The ratio is important and refers to the size of the elements relative to each other. They have a strong effect on the user. And they are linked to the previous policy. It is not surprising that larger components have a stronger impact on the user than smaller components.Dominance, priority, and proportion work together to ensure that the user sees the information of a website correctly. It is a mistake to have a larger font in the footer than the content because it does not respect these three principles.

Bluecated Interactive uses proportion to draw the attention on the image.
Bluecated Interactive uses proportion to draw the attention on the image.

4. Variation

This is another important principle not only of design but also of photography and any other visual art. I don’t think we need to go too deep into this because everyone knows what the difference is.Having enough difference between the elements ensures that some of them stand out more than others. If designers want to combine elements, they do so with minimal variation between them. However, recently the distinction has also changed through typography and layout, so it is becoming more and more popular.Having the right typography will help you achieve not only the right variation but also the proportion, dominance, and priority.

"<yoastmark

5. Rhythm

This may be new to you. The rhythm of the page is the principle by which the human eye moves from one element to another. This ensures eye flow and allows users, to see the elements in any order. Now, this is a difficult one because everyone has their own way. The viewing a website and making everyone the same.There are two types of rhythms: fluid and progressive. The first is a variation. The best example is the movement of water, which basically flows in the same direction. But there are a lot of variations on how it moves. Progressive rhythm occurs when there is a clear sequence of how the eye should move between the organs.

David Desandro’s portfolio follows a very regular, progressive rhythm
David Desandro’s portfolio follows a very regular, progressive rhythm

6. Reconciliation and unity

The last principle of design is to make sure that even if all of the above principles are used correctly, it is still impossible to create a stunning design without similarity and similarity, which is often seen in real life.We often hear about rich people who have everything they want, but there is no harmony and unity in their lives. The same rule applies to design. If all of these elements work properly, you have reached what we call unity.Placing all these elements on one page without linking them to each other will not only create a design but a page with a few elements.Think about the website you like the most and you will always remember. This is probably a website of harmony and unity.

Conclusion

The second article in the series covers the process of analyzing the basic principles of design that you really need to know.

Leave a Reply

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