What is Icon Fonts? Meet with FontAwesome and IcoMoon
Here I will demonstrate the excellent solutions that can be achieved using Icon Fonts, but let's first get acquainted with the very concept of font icons, as well as the…

Continue reading →

Effective methods of split-screen design
One of the most notable trends in web design in 2017 can be called the division of the screen into two parts. More and more web projects use a similar…

Continue reading →

Frequently asked questions (FAQ) - we are developing an effective FAQ section
As you know, of course, the FAQ (Frequently asked questions) are frequently asked questions that are collected and highlighted on a separate page. Thanks to it, the user will be…

Continue reading →

What is Icon Fonts? Meet with FontAwesome and IcoMoon
Here I will demonstrate the excellent solutions that can be achieved using Icon Fonts, but let's first get acquainted with the very concept of font icons, as well as the…

...

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 useful web tools; there was also a post with an overview of palette generators, etc. However, without an understanding of the logic of how to make a color palette, they may all be ineffective. Today we will try to fill this gap and clarify some theoretical points that are well described in this article.
Those of you who have already used the new-fashioned online generators are aware of their working principle: first you choose some basic values, set up a number of parameters (the names of which resemble some musical terms), and then you get a list of 4- 5 shades recommended for developing web projects.
Such a technical and partly automated approach seems, at first glance, incredibly interesting and progressive, but in reality everything is not so optimistic.

WHAT IS NECESSARY FOR CREATING A PALETTE OF FLOWERS
It is quite obvious that you will not be able to implement a full-fledged project worth using only five HEX codes of web colors. You need a broader set of elements to create the perfect working prototype.

Let’s divide our palette into three groups.GRAY SHADES

Texts, toolbars, backgrounds, etc. – in most interfaces, they are almost always gray.It is possible that in your case you will need a lot more gray options. At first it seems that 3-4 is more than enough, but soon you will want, for example, to add an element slightly darker than No. 2, but a little lighter than No. 3, etc.

Practice shows that for a full result, 8–10 greyish shades will be enough – this is not so much so that you will go to extremes and suffer when choosing, but at the same time, it is enough to not compromise so often.
As a rule, pure black looks a bit unnatural, we advise you to start with the most saturated dark gray, and then, step by step, move on to white.

MAIN COLOR (A)
In most sites, two basic colors will suffice, which in essence form the overall look of the interface – this is how we associate Facebook with blue hues, although in reality gray is more common in design.

By analogy with the previous paragraph, in order to make a good color palette, you will need 5–10 options, giving a greater choice in designing the appearance: shades lighter can be used as a background for alerts; while the dark are perfect for the design of texts.

THIS IS NOT ACCURATE SCIENCE
No matter how tempting it was, it was impossible to create an ideal color palette, relying solely on mathematical calculations. The systematized algorithm described above, when selecting shades, works well at the initial stage, but do not be afraid to make adjustments if they are required.

As soon as you start using the selected gamut, you will inevitably want to make some changes: add color saturation or make them a couple of tones darker / lighter. Rely on your eyes, not on numbers!

A word of advice: if possible, try not to expand the palette too often. If you do not reasonably limit your imagination in this matter, you will not get a balanced final result.

How to create an unforgettable wedding website
Home »Web Design» Articles »How to create an unforgettable wedding website How to create an unforgettable wedding website Marry soon? Congratulations! But before you get to the altar, you have…

...

The ideal form of authorization - how to do it is not necessary (errors and tips)
Recently, we posted a number of useful tips on creating effective registration forms on the site, and today we want to talk about the authorization / login unit. Recently, a…

...

Effective methods of split-screen design
One of the most notable trends in web design in 2017 can be called the division of the screen into two parts. More and more web projects use a similar…

...