How to make a color palette for the site and not only (algorithm + tips)
In Design Mania, there were already several publications with a similar theme: in a note about color matching services for websites, besides inspiration resources, we looked at a couple of…

Continue reading →

Three misfortunes of responsive design and ways to prevent them Source
Scaling vs. rubber layout vs. responsive design. There are many misunderstandings related to these terms that are equally periodically committed by web developers. In truth, these terms mean the evolutionary…

Continue reading →

History of pixel art. Past and future
Pixel art (pixelart, pixel art) is a form of digital graphics created using a raster graphic editor, where each image pixel is manually edited. For the first time in 1982,…

Continue reading →

Trends of web design. Part 3
Custom designs Recently, there has been a strong trend towards more individual and creative designs. Instead of using conventional approaches, designers experiment with how the information is structured, how it…

...

Selection of colors for the site

Coloring the appearance of the site is of great importance and with a professional approach allows the web designer to create the necessary atmosphere of the resource, corresponding to its subject and purpose. The ability of the developer to correctly manipulate the color scheme is one of the most important factors indicating a high degree of professionalism. In order for the color palette used for site design to evoke the necessary emotions and push the site visitors to certain actions, the selection of its components, that is, colors, should strictly adhere to the most important rules of color theory. Therefore, before you begin the process of developing graphic elements of the site, you must carefully consider the color scheme, which will form the basis of the design solution. It must be remembered that the art of literate design is an important feature of a successful web designer, which is acquired only by experience.
The basic principles of color theory are based on the color wheel model and some manipulations with it. The color wheel is a vital attribute for any web designer. It was created by Isaac Newton in the course of his work on the theory of light and is the result of experiments with a triangular prism. The primary colors included in the color wheel are blue, red, yellow, green, orange, and magenta. The main also includes shades formed by mixing these colors.

Thus, the color range represented by the circle is divided into several categories of color combinations that have special terminology. Primary primary colors are red, yellow and blue. Secondary colors (secondary) are obtained by mixing a pair of primary colors. These are orange, green and purple colors. Tertiary colors are the colors that are the result of a combination of the primary color and the adjacent secondary color, which in total gives six colors. Additional colors occupy opposite positions on the color wheel and are used to clearly highlight the elements of the site (red – green, purple – yellow, orange – blue, etc.). A pair of such flowers is also called complementary. The combination of complementary colors is recommended for the design of blocks with textual information, which significantly increases the readability of the text.
Similar – the colors that are next. These colors combine very well and create an atmosphere of comfort on the pages of your site. Basic color schemes. There are several predefined color matching methods using the color wheel, which you can use when choosing a color scheme for a site: The simplest of these is the isosceles triangle method or the “triad scheme”. To do this, it is necessary to imagine an isosceles triangle above the color wheel, the vertices of which will indicate the colors recommended for use. The colors selected in this way form an extremely harmonious combination. A scheme selected using two pairs of complementary colors or a “tetrad scheme” provides a richer choice of combinations, but as a result of the use of such a scheme, the most difficult combinations are obtained. Alternative complement.
The case when the triad scheme is taken as a basis and a color is added to it, which is additional in relation to one of those included in the triad. This combination is called “alternative complement”. Split complement. “Split complement” is a variant of a combination in which a pair of complementary colors is taken plus two colors that are similar to one of the complementary colors. This scheme, as in the case of using complementary colors, gives a clear contrast, however, here, due to the “splitting” of one of the components of the pair, the effect of tension that accompanies such combinations of shades is softened. Features the most popular colors. During the selection of the necessary combination for the appearance of the site using the above schemes, you need to take into account the individual characteristics of each color. The fact is that any color can cause certain emotions and feelings, as well as predispose the user to certain actions: Red Color has a stimulating effect and can cause anxiety, but its shades (for example, brown) can have a calming effect on a person. It should not be abused in a bright red color, as this will quickly tire the user. Yellow Allows you to easily create an atmosphere of optimism and joy. This is a very energetic color, which is recommended to use for sites that are directly related to entertainment or other types of user activity. Blue The most preferred color for those occasions when it is necessary to induce a sense of reliability and stability. It is a shade of blue (similar to it) and can be successfully used to express purity and peace.

Where and how to make a designer online
At present, it is not so easy to find a suitable and well-paid job, even for a knowledgeable, knowledgeable person. The crisis and any other nonsense oppresses, some design unemployment…

...

Simple and convenient toolkit for developers of the user Web-interface
This post contains a list of online toolkits that may be of interest to user interface developers for websites and web applications. If you have additional information on this topic…

...

Creating a furniture site design: tips, real-life examples and common mistakes
Immediately after the publication of the post with the best examples of furniture sites, an interesting English-language note of a similar subject caught our eye. It contains a selection of…

...