Where to look for fresh website design ideas, or how to catch inspiration?
From the author: probably each of you had moments in life when there is no hint of creativity and inspiration? Especially when original ideas are expected from you. Especially when,…

Continue reading →

Landing Page Website Design
From the author: I welcome all readers of my blog who are interested in creating a website design from scratch or promoting their own business on the Internet. Although even…

Continue reading →

Basic web design tutorials in Photoshop
From the author: in past classes, we examined the theoretical foundations of web design. It's time to move on to practical exercises, so today you will receive basic web design…

Continue reading →

Web design standards: everything you need to know for beginners and pros

How do design standards increase website popularity?
There is an opinion that web design standards attract users to sites, and most importantly – keep them for a long time. Why? Now we’ll figure it out, but first we’ll answer the question of what standards are. In a general sense, this is all that we observe from time to time when opening completely different pages. For instance:

Horizontal navigation elements;

Logo in a hat;

Search bar in the right sidebar;
Web design. Fast start

Learn the course and learn how to create a website design and prototype in Figma

Learn more
Change the color of visited links;

Cart with orders in the upper right corner, etc.

And now I will say why the availability of Web design standards: everything you need to know for beginners and prosfor users. Firstly, navigation becomes intuitive, no need to think about where which element is located. Secondly, there is less chance that any important element will simply be missed, the same site map, for example. And thirdly, the familiar interface will not scare away potential visitors (for commercial sites – buyers, for blogs – subscribers, etc.), a person breaks into the site and “feels right at home”! The user understands that he controls the situation, and not vice versa, he is comfortable, and he will definitely return.

Types of standardization
There are actually a lot of standards in web design, many designers number them in hundreds. In large design corporations, there are declared volumes of norms and rules that all employees are required to work on. It is impossible to know them all by heart, and maybe not really necessary. I repeat, each standard is an individual choice of a single Internet community within an industry, country, corporation …

First, we will divide the standards according to the most common criterion:

General technical;


The former relate to designer kitchens, and the latter relate to the functionality and practicality of a ready-made resource. I won’t dwell on custom ones today, this is a voluminous topic, which is better to analyze in a separate article. You can learn about them yourself from practical courses in web design. Let’s start with the general ones, with those standards with which, by and large, we must start a professional web designer. Now, along the way, you will understand why they are so important when working on projects. So let’s go.

General technical standards
Let’s start with the main one, with the layout. What are the requirements for the layout? Format in PSD. Creating layouts in illustrators and other flat programs is the first sign of amateurism. Even if you export the finished layout to Photoshop, you will not be able to avoid mistakes and problems from scratch. Forever forget about drawings in PNG, JPG.

Layers In Photoshop, everything has been invented for a long time, do not reinvent the wheel. Use a grouping of layers, at least you need to select the header, content and footer. Be careful with layer names, get used to international (English) names right away. Delete everything superfluous, the layout designer can activate disabled layers in a group, and you will definitely not like his reaction.

Modular grid. Using a modular grid, typesetters determine the sizes of elements, calculate indents, distances. Many designers rush to move on to practical exercises and miss this important compositional moment. My advice to you, missed – go back and learn how to use the grid, make life easier for yourself and for the technicians.

Web design. Fast start

Learn the course and learn how to create a website design and prototype in Figma

Learn more
Margin marks. Photoshop has a mega useful tool – notes for notes. Do not forget to comment on your layout: “active-inactive”, “decorate-put out”, “first-second-third”. A typesetter who does not have to solve your puzzle will become your best friend, believe me.

Color scheme. A typical mistake of many beginners, especially those who went broke and bought an expensive mega-matrix monitor with all their money, was to think that any gadget and mobile phone supports exactly the same matrix. Be simpler, translate the breadth of the layout and the amount of excess backing into megabytes of user traffic, you will immediately understand the best – the enemy of the good. Do not overdo it with shades and noise.

Typography Do not put off studying typography for a long time, this is the basis of the basics. Fonts, sizes, indents, text readability, content blocks … All this must be worked out at the layout stage. It doesn’t matter that such content doesn’t exist yet, and there’s nothing to fill the site with, add blank text.

People come to the site for content, you can forget about the gradient and the drawn icons, and forgetting about readability is a crime. 🙂 The text should “breathe”, it should have enough space. Repulsive psychological factors – too wide or narrow text, tightly squeezed vertical lines, etc.

Web Design 2016: Chrome attacks!
Personally, I remember in 2016 design and UX that Chrome applications have become a full-fledged version of web design. I wrote in 2016 about three of them. Web Design 2016:…


Multimedia in web design: modern technologies for presenting information
From the author: Hello everyone! Friends, if you read my articles on web design, you can hardly be called dummies. Most of the terms are familiar to us and do…


Where does website design development begin?
From the author: Good day, dear readers of the blog. In this article I will share with you the basics of preparing for the development of website design. After spending…


20 most beautiful Shopify themes for the online store Date Published: 2016-06-21
From the author: in the online store, design plays a key role. Design can both help and break your site, which will lead to either an increase or a drop…