JQuery preloader
There is a delay when loading the page content asynchronously or sending a request to add / edit. A preloader is an animation during this delay, which allows you to…

Continue reading →

Usability in web design, or how to evaluate your site from the point of view of the user
From the author: if you are visiting a site for the first time, then this event can be compared to traveling in an unfamiliar area: the local people, of course,…

Continue reading →

What is web design and what does it eat?
When I ask new friends about how I earn my bread, I have to answer twice. At first, it sounds proudly from my lips: “Web designer”, which flies to me…

Continue reading →

Web Design Fundamentals

Often, inexperienced developers do not adhere to generally accepted standards, either because of ignorance, or because of the idea that they are smarter than others, and therefore get a terrible result. Modern web design can be divided into 6 main components: emphasis, contrast, balance, accuracy, style and ease of perception.

Scrolling through each of these parameters in your head, while creating a graphic layout, you will concentrate on the most important details of the future project. The basic principles of web design is not a magic formula that helps solve a problem in a matter of seconds, it is the foundation on which you can build a serious project.

Accent
Every experienced web design master knows the importance of focusing on key elements of the site. If the graphic selection is scattered across all parts of the page, then you can not even hope for a successful result (especially if it comes to a commercial project).

First of all, you need to identify key elements on the site and prioritize them. Leave less important details in the shade, and try to highlight elements with high priority unobtrusively against the general background.

To competently carry out such a process, conduct a deep analysis of your project and its target audience. Having found a definite answer to the question about why visitors come to your site, you can focus on a specific area (for example, a product catalog or news block).

This is carried out not only with the help of bright graphic lures, but also, for example, by developing a convenient and non-standard navigation block that I would like to click on.

First of all, think about the user and observe the basic principles of web design, and then you are guaranteed a trolley of customers and a comfortable old age.

Contrast
When developing web design, it is important to observe the general contrast – the visual differentiation of several elements. Corporate identity, of course, is of great importance, but do not turn the page into a solid monotonous mess. If you want visitors to stay longer, the picture should not merge. The main elements on the site must be clearly distinguished so that visual diversity is visible.

There are many ways to perform contrasting. You can do this by changing the font size, adding unusual colors, replacing the location of elements, etc.

Balance
One of the key principles of web design is balancing. Try never to go from one extreme to another. The visual load should be evenly distributed throughout the page. A website should not look empty, however, overloading graphics will further aggravate the situation.

You should not use too many colors when creating a web design, however, design in two colors is also not a good solution. One font is good, but are you not afraid that in your case everything will merge together? As you can see, during the development of web design there are many controversial issues. If you do not want to make a mistake, then in any incomprehensible situation, choose a middle ground.

Accuracy
Try to avoid any inaccuracies when developing a new web design. The size of identical blocks must match pixel to pixel, all elements must fit as close as possible to the page borders and maximize the use of free space. Take a little time to additionally double-check and refine small details so that your professionalism never yields to doubt from customers.

For beginners, in most cases, the most problematic place in which there are many inaccuracies is the development of a background image for the site. Do not forget that the perfect display on your screen does not mean that the picture will look the same for everyone. Consider different resolutions, browsers, monitor formats, etc.

Style
Corporate visual design style involves the use of the same graphic style on all elements of the site. A clear color palette, distinctive lines, outlines and a balanced set of fonts should be drawn. Ideally, it is worth developing a unified stylization for images on the site.

A clearly drawn logical connection of elements will facilitate the process of finding the necessary information for the user. Entering a new section, he will concentrate solely on the content block, and not on the fact that unicorns have turned into flamingos.

Some people on the courage of creativity are trying to make each web page unique, not like the others, confusing visitors with brains. Such an approach can definitely be called wrong. A clear structure of the site and a pleasant styling for the eyes should be drawn. This is an inevitable part of any high-level project.

Custom CSS Properties
A Ashley Nolan poll in November 2016 showed that 84% of front-end developers use a CSS preprocessor. At the same time, developers consider variables to be the most useful preprocessor…

...

Landing design: how to make a capture page
What is a landing page? The concept of landing page, as, in principle, the landing design, came to us relatively recently, according to the official version from the USA, 10-12…

...

What every web designer should know and be able to not face the dirt
What every web designer should know and be able to not face the dirt What every web designer should know and be able to From the author: I welcome you,…

...

What every web designer should know and be able to not face the dirt
What every web designer should know and be able to not face the dirt What every web designer should know and be able to From the author: I welcome you,…

...