Designing hierarchy




There is a total of six elements of design that you need to know: line, shape, color, texture, value, and location.It is basice elements to learn asa a beginer.

1. Line

This line is typically present in every design, be it a solid border of 1px or something dotted at 5px. Every website has lines, but in the last two years, it has been trying to erase the lines from the most popular minimalist style layouts, or at least reduce their use.Lines can be long, red, straight, thin, blue, dashed, short, black, or curved, all of the same type. They are define between different sections of the design. The direct the viewer’s view in a particular direction.Create lines and add multiple effects and visual impact. Color also has an impact; dark colors attract more attention than light or light colors. While a thick, bold line attracts attention because of its visual power, thin lines tend to go the other way.This is not all. The style of a line also affects the way the user views it. These styles can be easily defined by CSS. Some they can be solid, dotted, and combined with others.

The smallest style I’ve talked about before uses less solid lines or more curved lines because they give a dynamic and fluid look, which is the purpose of the style. Solid lines have a different impact than dotted ones because they have more padding. They represent energy, keep the user interested, and when combined with description, are very powerful to the human eye.
Solid lines were very popular many years ago because they determined the style of design: rigid, solid, and streamlined. As the web has changed in recent years, this style is no longer so popular, especially for portfolios of designers and other pages with a strong need for personal communication.


The lines separate the two columns and are not very bold.


The solid lines are used to separate different parts of the website.


2. The shape

shape or format is the second most used element of a web design. The lines are connected in different shapes. shapes are still popular because if they have to stand alone, forms are one of the ways to do it.May have circles, squares, rectangles, triangles, or any other abstract shape; most designs include at least one of these. Smaller designs use this more often because they are often based on illustrations and diagrams.

There were also old-fashioned forms of designing websites, so they were popular all the time, and it probably will stay that way.
Like lines, shapes are associated with different movements by the human mind. For example, circles are related to motion and nature, and squares are often seen as structured, basic designs. Like lines, the color, style, background, or texture of a pattern can completely change the viewer’s perception.



Two years ago textures were not very popular, but they are being used more and more. They changed the monochromatic background.The textures are similar to solid background colors, but if they are closely analyzed, small but effective differences can be seen.Design styles include paper, stone, concrete, brick, fabric, and natural elements, in flat or soft colors. The textures can be subtle or pronounced, and they can be used sparingly or liberally. They work with everything.While they may not seem important, textures can completely transform a website and have a completely different visual impact.

4. Color

The color is the most important element of a design because it offers the most powerful visual impact at a single glance. Color is obvious and does not need basic graphic skills to be noticed.
While lines and shapes mean the same thing as in the reality, only at a little more profound level, the color means exactly the same thing as in nature. Color creates emotions – red is passionate, blue is calm, green is natural.Even if you don’t realize this, colors have a clear effect on your mind.Studies have been done and a person who lives in a red environment has a higher heartbeat and pulse than a person living in a blue environment. The human brain sees this and influences the rest of the body.Therefore, the color theory is very important to know because not many designers can call themselves experts in this field. Being a master of colors might make the difference between a good design and a stunning one.I am not saying you have to know all of them, but knowing how hue, saturation, shade, tint, tone or ceroma work together is crucial for a graphic designer.


I did not specify the value above, even if it is closely related to color, because the value is more general and represents how dark or light a design is. Value has a lot to do with mood too, only at a more profound level.Understanding colors will take you close to perfection, but knowing how value works will take you beyond this. Lighter designs offer a different impact and feeling than the dark ones and you need an expert eye to notice differences and decide which one is the best.


6. space

Space in design and how it is used is important. Recently “white space” (also known as negative space) has been widely used because it allows the human eye to read easily.
For those who know the word “white space,” it does not accurately refer to space filled with white, but each part of the design is filled only by the background color. Below you will find several examples to better understand the concept.If there is a lot of negative space in your web design, it provides a light and open feel. The lack of white space will transform your design into an old-fashioned, cluttered one. Space has a lot to do with how design is perceived by the human eye.Although I would say that color is the most important element of a design, space is definitely at the top because it is so easy to notice with the untrained eye. It can change a design to your advantage and get the best out of your layout.




These are the basic elements that a beginner graphic designer needs to know. Having this knowledge will allow you to focus on user-centered thinking and design in a better style. However, this is not all.

Leave a Reply

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