If you are a designer, you will probably turn around now, but if you don’t stop, then drive and learn all the basics of design.
Design doesn’t just mean that things look beautiful. It is actually manipulating and teaching the user how to use your website. The job of the designer is to map the path that the user should use so that they can meet their needs and everyone is happy.
Often the user does not even notice that this is happening. This is because the design follows a set of rules that we have naturally learned from visiting hundreds of websites in our lifetime.
Everything you see on the page is there for a reason, and good design follows the rules referred to Gestalt design principles.
People’s brains are wonderful in that they can fill in the gaps in an image without having to think about it. If you’ve ever seen a face in an inanimate object, your brain has done just that.
Gestalt’s principles are basically based on how our brains work. As you go through your day, your brain frantically tries to simplify and organize a series of complex images every second – all while you’re just drinking coffee!
We are built to look for patterns and structure in everything we look at, subconsciously organizing everything in our minds into an organized system. Designers then use this knowledge to shape the subconscious using the following principles:
Drawing / country
Drawing / ground uses the concepts of negative space and contrast. The brain separates the elements into the foreground and background. It takes a part of the image and assigns it the role of a “focal point” and sees a larger area of the image as the background on which the figure sits.
It is often seen in optical illusions, but can be applied to logos and websites. For example, the FedEx logo uses a negative space in the logo to create the illusion of a hidden arrow.
A negative space between the letter “E” and “x” makes it look like an arrow.
This principle is focused on the idea that the brain is trying to group things. Objects that are close to each other seem to be part of the family. Even if the shapes are identical, the user makes them assume that the elements belong to a group.
Although color, shape, and size are all the same, our brains tell us that they are three distinct groups:
This is one of the main ways designers “teach” the user to use a website. This can be done through color, size and shape. It can be safely assumed that the information provided in, for example, circles is of a similar nature and that the information provided in squares, for example, is of a different nature to circles.
Continuation or alignment is based on the idea that the human eye follows the simplest path on a page. Therefore, all important information should remain under this line, as it is the first place for the user.
This can be done very finely, as the lines direct the viewer’s gaze with either literal lines or shapes that naturally line up. This is usually seen in flowcharts and infographics, as well as on e-commerce sites for horizontal sliders displaying related products.
Grilles is a large part of this alignment. Derived from the idea of simplicity Bauhaus art movement At the beginning of the 20th century, gratings from Germany began to appear.
Color is obviously important for brand awareness. As soon as we see McDonald’s bright golden arches on a red background, we know what it is. However, these colors were not chosen at random, behind it is science.
For example, McDonald’s red and yellow selections are used because they are warm colors that increase heart rate and therefore make you hungry – and are more likely to buy their groceries.
Color is a lot of emotion. You need to think about who your audience is and what emotions you want to associate your brand with.
It is usually associated with happiness and self-confidence. Due to its warm color, it is good to use in the food industry as it can increase appetite. However, age factors must be taken into account. Yellow can make babies cry more, but teenagers and young people feel more optimistic about yellow. It changes again when you reach an older demographic that associates yellow with fear.
Often used in medicine and technology. It has a calmer and calmer quality and may seem more professional. It is also the opposite of appetite and suppresses it more.
Purple is about wealth, power and success. This is due to the fact that kings used to wear purple as a sign of wealth, as it was one of the hardest pigments to dye clothes – you had to be very rich to get clothes of that color. It has entered our subconscious and gives purple the same hue as it did hundreds of years ago.
Pink is known for its soothing properties. Its effect is as powerful when colors are used in prisons initially peaceful detainees. Then it also has more stereotypical associations like love and romance.
Like yellow, as it is a warm color, orange conveys enthusiasm and excitement. It can be used as a gentler version of yellow as it is more accessible and friendly. Its bright colors also mean that it can be used for signs to draw attention or warnings without being as harsh as, for example, red.
This is just an introduction to the design. As you can see, there are many elements and many thoughts that may be left behind that may seem relatively simple at first glance. However, each brand and website is essentially created using a combination of some of these principles to create brands and sites that you will immediately recognize.
If you want to know more about design, feel free to contact with one of our ads.