The Use Of Colors In Web Design: The Good, The Bad And The Ugly
Gone are the 90's with their ugly designs and web page color combination. Today, the platforms for site development are quite friendly and with hundreds of pre-set designs to choose from. These templates are editable, allowing you to enter images, change the font and even the color in general.
The problem arises when in the web page color design is not taken into account that there are a whole theory and rules to choose and combine colors. If a random selection is made, the result may be counterproductive, because it does not agree with the brand, does not look good or makes reading difficult. This will only cause that the users do not stay for a long time on your site.
But why is a correct choice of colors so important? According to Kissmetrics, 85% of buyers place color as the primary reason for choosing a product. To make a correct choice of web design color it is important to understand some basic principles:
Color psychology
Each color has a meaning and can be used to convey different messages and emotions. For example:
Re: It is a color that denotes intensity, passion and is used like orange to stimulate appetite, so they are so used in fast food chains.
Yellow: Joviality, optimism, and youth.
Blue: Tranquility, professionalism.
Green: Nature, money, and health.
Black: Elegance and formality.
It is important to use each color within the appropriate context. We will never use a red or black color as web design for a hospital or a yellow for a law firm that looks serious and professional.
Colors and combinations
Complementary combinations are formed with those colors that are located at the opposite end of the chromatic circle, for example, orange and blue, red and green or yellow and purple.
Complementary colors create a more vibrant and intense visual effect when placed close to each other, especially on a monitor or device that emits light, so its use should be limited to an area where you want to draw attention. You can use different intensities of two complementary to create a range of vibrant colors.
The analogous combinations are produced with the colors that are placed to the side in the chromatic circle, for example, the yellow with the orange or the purple with the blue.
A monochromatic combination is one in which different intensities of the same color are chosen. These tones are on the same line of the chromatic circle.
If you still have doubts, here are some examples of what is functional and aesthetic and what is definitely not in a web design color.
1. In text blocks
The good
Use neutral colors that contrast with the background, which should preferably be white or very light.
The bad
Text and background with colors that make little contrast making reading difficult. The color of the links in a tone similar to the rest of the text or that do not stand out from the background color.
The ugly
Text with bright colors. Complementary colors between text and background.
In the background
The good
The infallible white or light colors taking into account the principles of color psychology
The bad
Backgrounds of bright or dark colors. If you want to use a dark color for the background, make sure that the typography is thick enough and in a light color.
The ugly
Backgrounds with texture, which in addition to looking very unprofessional produce visual fatigue. Backgrounds with a photograph and, worse, a photograph that repeats forming a pattern.
In the header
The upper part of the website usually places the company logo with some slogan and navigation menu
The good
The color behind the logo in a similar range or that makes a nice contrast with the background.
The bad
Logo and background in little contrasting colors. Menus in unattractive colors. The color of the logo that does not go according to the corporate identity.
The ugly
Fill the header of elements, background with textures, too many colors.
One last tip: each monitor varies the tones a little, so, after choosing the color palette you will use, try to see how they look on different devices and make the necessary corrections to make it look good anywhere.
A good design is characterized by expressing, with the least amount of elements, without visual noise, in a harmonic and simple way, the corporate image of the company. Web page colors are no exception, they should be as ad-hoc as possible to the profile of the brand, favor reading and avoid eye fatigue. To Know More Visit Professional Creative Website Design & Development Company in USA
The problem arises when in the web page color design is not taken into account that there are a whole theory and rules to choose and combine colors. If a random selection is made, the result may be counterproductive, because it does not agree with the brand, does not look good or makes reading difficult. This will only cause that the users do not stay for a long time on your site.
But why is a correct choice of colors so important? According to Kissmetrics, 85% of buyers place color as the primary reason for choosing a product. To make a correct choice of web design color it is important to understand some basic principles:
Color psychology
Each color has a meaning and can be used to convey different messages and emotions. For example:
Re: It is a color that denotes intensity, passion and is used like orange to stimulate appetite, so they are so used in fast food chains.
Yellow: Joviality, optimism, and youth.
Blue: Tranquility, professionalism.
Green: Nature, money, and health.
Black: Elegance and formality.
It is important to use each color within the appropriate context. We will never use a red or black color as web design for a hospital or a yellow for a law firm that looks serious and professional.
Colors and combinations
Complementary combinations are formed with those colors that are located at the opposite end of the chromatic circle, for example, orange and blue, red and green or yellow and purple.
Complementary colors create a more vibrant and intense visual effect when placed close to each other, especially on a monitor or device that emits light, so its use should be limited to an area where you want to draw attention. You can use different intensities of two complementary to create a range of vibrant colors.
The analogous combinations are produced with the colors that are placed to the side in the chromatic circle, for example, the yellow with the orange or the purple with the blue.
A monochromatic combination is one in which different intensities of the same color are chosen. These tones are on the same line of the chromatic circle.
If you still have doubts, here are some examples of what is functional and aesthetic and what is definitely not in a web design color.
1. In text blocks
The good
Use neutral colors that contrast with the background, which should preferably be white or very light.
The bad
Text and background with colors that make little contrast making reading difficult. The color of the links in a tone similar to the rest of the text or that do not stand out from the background color.
The ugly
Text with bright colors. Complementary colors between text and background.
In the background
The good
The infallible white or light colors taking into account the principles of color psychology
The bad
Backgrounds of bright or dark colors. If you want to use a dark color for the background, make sure that the typography is thick enough and in a light color.
The ugly
Backgrounds with texture, which in addition to looking very unprofessional produce visual fatigue. Backgrounds with a photograph and, worse, a photograph that repeats forming a pattern.
In the header
The upper part of the website usually places the company logo with some slogan and navigation menu
The good
The color behind the logo in a similar range or that makes a nice contrast with the background.
The bad
Logo and background in little contrasting colors. Menus in unattractive colors. The color of the logo that does not go according to the corporate identity.
The ugly
Fill the header of elements, background with textures, too many colors.
One last tip: each monitor varies the tones a little, so, after choosing the color palette you will use, try to see how they look on different devices and make the necessary corrections to make it look good anywhere.
A good design is characterized by expressing, with the least amount of elements, without visual noise, in a harmonic and simple way, the corporate image of the company. Web page colors are no exception, they should be as ad-hoc as possible to the profile of the brand, favor reading and avoid eye fatigue. To Know More Visit Professional Creative Website Design & Development Company in USA
Comments
Post a Comment