As a conclusion of the user experience topic related to age, HTML and success, we are now going to
talk about color combinations.
Let's start introducing the so-called 60, 30, 10 rule, which is the use of colors following proportions
this way, 60 percent, 30 percent, 10 percent.
This is actually a technique linked to the interior design realm, but can surely help any web developer
choose a correct color palette.
That is a correct color combination so that the user may perfectly identify the main color, the secondary
color and the X and color implied for text or other elements.
What we have just seen may be considered a very good starting point for the choice of the correct color
palette.
Obviously, this is a general rule which can be fine in some situations, but by itself, this might
result in not really visually appealing combinations to the user.
These three proportions can be also due to the choice of colors taken from natural landscapes, which
are the major inspiration for any designer.
In the following images, we highlighted a series of types of palettes with colors extracted from the
same made by four or three different hues.
The aim is simply an indication.
No need to say that when we have to deal with palettes having four elements relying on the sixth, the
third hand rule is surely possible and using a downgraded color tone rather than those suggested.
The first combination I would like to talk about is the monochromatic combination that is with the single
coloring made up of different hues of one main color.
As you can see, the reference used for this image is nature and also for the following combinations,
we are going to stick to this kind of inspiration.
This is the easiest Palek at all for combination's among those you can create.
It is definitely unlikely to risk a bad combination using just one single color, but be careful not
to create something which might result.
Scrambled up or done.
In addition to the monochromatic combination and strictly linked to it, there's the analagous combination
which does not display one single color, but it color as veis plus others, which we come across around
our color wheel as placed immediately beside it.
We will never find a real clash in the colourings when using this combination.
Therefore, we have very little respect for the contents to get overlooked and we will not cause any
site trouble.
The case, we've got the complementary combination, therefore a pallet composed of colors which sit
opposite of each other on the color circle.
This type of pallet is recommended when you want to use different hues or different shades of two opposite
colors.
So to generate harmony, causing no eyestrain and therefore result in pleasant to look at.
Having to deal with two basic colors, I advise you to use a palette made up of an even number of colorings.
Therefore, if you had to deal with, for example, like in the image sky blue and yellow, my suggestion
is adding at least two more colors as a total one related to blue and another one related to yellow.
To come to the end of this lesson and all the insight about the user experience, let's describe the
triadic combination, which is a three color scheme with color placed as equally spaced around the wheel
color.
The most classic or these combination is red, yellow and blue.
The use of this palette needs a great attention from the designer.
It is necessary to perform quite a number of experiments to make the three tones, despite opposed among
them, live in harmony within a web page.
More than ever before, you surely want to refresh the contents of the previous lesson, because this
sensations which different colors transmit can help a lot in the choice of this triadic combination.