Changing the site design: quick restart of your project
From the author: Hello everyone! Today we will talk about a very relevant topic - changing the design of the site. Do not understand why this is necessary? Then answer…

Continue reading →

Popular web design software with raster and vector graphics
From the author: for the successful design and creation of sites you will definitely need special programs for web design. There have been tons of new applications lately, but which…

Continue reading →

Composition in web design, or what Photoshop textbooks are silent about
From the author: today we’ll talk about what is a composition in web design that photographers, artists and web designers love to talk about. It may seem to a beginner…

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;

Custom

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.

Beautiful web site design: top 10
From the author: I welcome current and future web designers, as well as other readers of my blog. Today I want to demonstrate an unrealistically beautiful web site design that…

...

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…

...

Typography in web design: basics and rules of use
From the author: I welcome you, friends! We continue to analyze the intricacies of professional web design, and today a very relevant topic is web typography. Unfortunately, many developers do…

...

Web Designer - Creative Internet Profession
Before moving on to a more detailed examination of the profession of a web designer and starting to analyze the necessary knowledge and skills, let's first find out who the…

...