How to choose color combinations like professional designers?
color combinations is one of the most important components. Only the choice of primary and complementary colors can take days. If you want to have a more professional color selection you should be familiar with the rules of color selection as well as the right choice of tools, the following are some of the […]
When designing the overall UI of a site or app, color is one of the most important components. Only the choice of primary and complementary color combinations can take days. If we want to have a more professional color scheme we must be familiar with the rules of color selection as well as the right choice of tools;
1. Use Rule 1-4-1
One of the most interesting ways to measure the amount of color used in a design is the Rule 1-5. By law, it is best to fill 2% of the page with the color you want to use the most (usually neutral), 2% with the second (on sites this is usually the site’s logo and brand color). ) And 2% is assigned a border color.
However, sometimes in ads and some web pages, the main share of color is the original color (brand color). It is obvious that in this case the eyes will get tired very quickly and it is better to use neutral color in site design. Also note that these numbers are limited and they are not difficult to select and apply
Note the contrast (contrast) of colors – 2
Using color contrast in images and site design is one of the most common ways to choose a color combination. For text sections, using black for text and white for background is the most common choice. Contrast is a double coin. On the one hand, by contrast, it draws attention to the main part (text), and on the other hand, the contrast is a little annoying and tires the user’s eyes.
Contrast is a great way to bring the look of the audience to the core of our design. With CTA buttons, ad text and email marketing we can get the most out of the contrast. Limit the use of contrast only to the main part of your design. For texts, for example, contrast the background of texts with text, but fill in the blank areas with neutral colors (for example, gray) so that both the contrast and the eyes are not tired.
We have already talked about this in the article “Very Simple Tips for Choosing Color for Non-Graphicists”.
Read about the psychology of colors – 3
Each color individually and in combination with other colors has a special effect on our emotions and even our behavior. This is a fact that is used everywhere from traffic signs to yellow ads and…
The psychology of colors is a science, and in order to be a professional, we have to study it. Many books have been translated or published in Iran on this subject. I suggest you have one of these in your office
4 – Notice the cultural interpretations of colors
Interestingly, many colors have different meanings in different cultures. In Iran, for example, we see white as the color combinations of purity and peace and we use it for happiness (like bridal wear), but in India people wear white for funerals. In Iran, blue is used as a sign of peace and spirituality, but in some countries it is used for worldly glory. Understanding these concepts, especially in the culture of the country of destination, helps to choose a better color and sometimes to prevent a disaster.
5 – Pay attention to the colors
When we want to use multiple colors together, the most important thing to pay attention to is the harmony between them. Over the years, scientists have created the color circle (or cycle of color) with the idea of breaking down light and combining primary colors to make other colors. Using the color cycle can help us choose colors that fit the original color, but you should only use this tool for ideas, otherwise you may not choose the pleasing colors.
There are many other things to keep in mind that color selection is one of the most important parts of design and can challenge the identity of all that you have designed so be sure to pay attention .
You can talk to the techgo consultants online for free to learn more about design principles and tutorials