First impression – the most important. And the quickest way to convey the mood in web design – it’s color . Colour – certainly the most important means of expression, if not at the level of the image, then certainly at the level of perception. Different colors create different moods, so it pays to think like them better with use.

Article The Art of Coordinating Colours in Custom Web Design holds for us a little master-class of different ways of selecting colors. Many examples of real designs sites that illustrate the principles set out.

What exactly is the principles should be followed to create a favorable impression on visitors to the site?

Compatibility of colors

If you design your page we usually choose colors based on their relations in the color wheel , what to do when we put a color photograph of a colored substrate? And is all the same: these colors should also be in harmony, to demonstrate unity. And the photo you selected not just because they have a good go at your patterns and illustrate the main theme of the site.

The flowers themselves are not compelled to make a perfect combination. Our eye is able to instinctively identify the color ratio.

Photo must necessarily look realistic , so for illustrative purposes is a little “pinch” of color, making them slightly more vivid than life. Total range of photos easily corrected in Photoshop so that it is in harmony with the color of your background.

This approach illustrates the myriad sites of hotels, resorts and other scenic spots. In the article, you can see dozens of examples.

By the way, site design hotels try to trim the photo carefully and keep an eye to the basic palette of colors chosen for the decoration of interiors . It is quite possible, you should edit the main site colors for this hotel so that they blend in with the main colors of interiors or stressed (increases) them.

Some sites use tricks using illustrations based on a combination of two of some flowers . Site design in these cases it is also desirable to perform in the same colors, emphasizing the artistic imagery and mood, evokes images.

Other ways to mix colors

Another method is to emphasize some one, an important color in the photographs .

This can give additional drawing attention to the necessary details. A surrounding pattern may look like a frame for images placed inside.

Particularly strong effects can be, for example, if a color is repeated in the major field site , for example, a logo or dies.

This technique shows the average selection of sites mentioned in the article .

However, in applying this approach to how to think, compare and contrast the colors were not only harmonious, but do not interfere with the perception of the main site.

Expense of significantly different colors may be a strong contrast. Try to do so as not to disrupt the unity of the transfer of color mood, which are photographs.

The combination of color with flowers wallpaper

Unlike the cases described above, where the template and photos have been physically separated, the use of a huge background image on the site requires a somewhat different approach. Elements of the template is now stacked on top of photos, and now they must support a color palette specified background image.

If the correct use of this technique, you can create a very impressive site (and templates for blogs!).

Moreover, there are two benefits. The first is that on the site background image once seen his main goal and focus. Second – we do not lose sensation, which gives us the main photo, if controls are not too visible. Instead of being a standard frame, controls seamlessly woven into the surface of the photo.

When choosing colors here should maintain a reasonable balance between the visual impression that a holistic impression of the design and clarity of management.

To controls were seen for sure, better use of contrasting color combinations. But if you overdo it with the contrast, the design may look unpleasant.

Drugay extreme – the design of controls is selected so soft that the background image starts to dominate them.

As usual, the truth – in compliance with the measures between the pictorial means and business objectives, design of which you are developing.

So, try to build a meaningful relationship between the colors of illustrative materials and elements of the template. They should help each other in building on the site of the atmosphere pleasant mood of design as a whole and not to interfere with the perception of information.