Web design trends: the main directions of 2016
From the author: Hello everyone! Today we will take a break from complex technical topics and do a short review of current year trends. In this article, I collected the…

Continue reading →

The best designs of single-page sites Landing Page
From the author: I welcome web designers of all ages and blood types. According to statistics and the opinion of top marketers in the world, the Landing Page is 2-3…

Continue reading →

10 Photoshop plugins for design-accelerating designs
From the author: Photoshop was not originally intended for web design, but even right out of the box is a pretty powerful tool. But even such a wonderful tool may…

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.

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…

...

Web Designer - Creative Internet Profession
Who is a web designer? 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…

...

The best new templates for Photoshop in 2016
From the author: time flies quickly, and here we are in 2016. The day has come when you need to change everything! Ready to create your own online business? Want…

...

Current Web Design Trends: Fullscreen Homepages
From the author: full-screen Splash Screen’s currently the most famous template on the Internet, in fact, the current trend in web design. Some people like him, others hate him, but…

...