Layout adaptive menu
Adaptive menus collapsing into a hamburger on mobile devices can now be seen on almost any site. In this lesson we will learn to make up such menus. In the…

Continue reading →

What is web hosting?
This article clarifies the concept of hosting. It can be useful to those who are going to or have recently organized their representation on the Internet. The provision of hosting…

Continue reading →

How much does a web designer earn on freelance and in studios?
No matter how interesting the web design, most people go there not because of this, but because of financial attractiveness. This direction is quite profitable after the accumulation of a…

Continue reading →

Popular web design styles

Site Style Classification
There is currently no unified classification of web design styles. And this is not surprising: each resource is unique in many respects, and the style of the site is not an exact science and does not have clearly established rules. We outline the main criteria by which sites can be classified:

Structure (minimalistic, complex, 2-3-column);

Color gamut (black and white, multi-colored, light, dark);

The number and level of graphics (standard, clean, artistic);

Find out more
Subject or decoration (magazine style, gothic, cartoon style, futurism, retro, classic, grunge, etc.).

As you already understood, in design, like in other types of art, there are a huge number of artistic directions, ranging from the Romanesque style of the 10th century to futurism. In general, in the styles of web design now there is complete confusion, as for me.

Some people think that by creating a portal with a 3-column structure, they are laying a new direction in design. But if you dig deeper, it turns out that they don’t even know which style their site belongs to, and what they are. Let’s get it right.

Site structure
A site with a minimal structure is either concentrated on some main element, or consists of one 1-column page;

2 and 3 column structures are more common. They can be used in various types of sites: blogs, informational, corporate, etc.

complex structures are usually created for Internet portals, news sites and other resources containing many blocks and columns.

The structure of the site must necessarily correspond to the resolution of the monitor on which the user will view it. Web design masters are well aware that the most popular resolution is 1280×1024, which is why it is necessary to adapt to it in the first place when creating a style in web design.

You can, of course, make a rubber layout that will stretch across the entire width of the screen. However, this option has its drawbacks, compared with the fixed one. Firstly, the rubber layout is many times more expensive. Secondly, on monitors with high resolution, all elements of the site will crawl, and information on it will be distorted.

A more sophisticated version of the rubber is the responsive design. It can display a different number of speakers, depending on the resolution of the monitor.

I urge everyone who continues to clutter up their site with special effects to urgently stop. This trend has long been a thing of the past. The modern style in web-design does not welcome crazy backgrounds, flickering sliders, or music screensavers.

Both web developers and users have long passed the stage of denying minimalism and realized that the simplicity and cleanliness of the site is the key to its maximum convenience, functionality and a bewitching aesthetics. Sites devoid of bells and whistles load at times faster and longer keep the user’s attention in focus, which favorably affects the ranking and conversion.

But do not confuse simplicity with boredom! The style of website design should be fresh, original, attractive. I will offer you some interesting styles that will be useful for both beginner web designers and experienced professionals who are in search of inspiration.

Hipster style (grunge)
This dark and brutal style is one of the most popular today in web design. I am personally delighted with its uncouth elements.

This style fits perfectly with the idea of ​​minimalism. It is characterized by a combination of sharp shapes with rounded corners and clean, or harsh urban backgrounds.


Find out more
Within this style, you can also demonstrate real home-made things (village signs, brick walls, wooden plaques, virtual ribbons, stamps) as background images.

The secret to the unquenchable popularity of minimalist sites is to focus on content rather than design. On a neutral background, fonts look sharper and product images look brighter.

In general, the basic idea of ​​minimalism is contrast. It is achieved with the help of color accents strategically positioned so as to maximize control of the user’s gaze, and also thanks to the visual hierarchy by contrasting fonts and background.

Card Style (Metro)
A very interesting option, ideal for sites that need to provide a significant amount of information in a digestible form. In this style of web design, all content is distributed on cards of a single modular grid, as in the start menu of OS Windows 8.

The striking and expressive design of Metro is inherently minimalistic, easy to load and adapt to various types of devices.

SOLID principles in JavaScript. Open-closed principle
The essence of the principle The principle of openness-closeness is as follows: "Software entities (classes, modules, functions, etc.) must be open for expansion, but closed for change." That is, the…


5 signs of failed logos
From the author: you can not minimize the importance of the logo. The logo gives your business a distinctive mark. Branding guru David Brier reminds us all that “one of…


Website framework, or modular grid in web design
What is a modular grid? I will explain with an example familiar to you. Open any paper book. You see, the text passing through the entire width of the page,…


Best One-Page Website Designs (Landing Page)
An illiterate landing page to which new users are directed can lead to the depreciation of the entire advertising company. If you want to build a successful and carefree career…