Web Design

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 →

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 →

How to start making money as a web designer on the Internet?
From the author: hello friends! Web design training, like any other profession, is gradual. At first it’s just a hobby, which then under certain circumstances can turn into the meaning…

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 from the other side: “Um, web design – what is this?”

Then I have to explain what is included in my responsibilities, but in the end it all comes down to a simplified version, they say, I create websites, gentlemen. After another similar answer, I wanted to delve deeper into this topic and explain in detail to people what was what.

I propose today to understand together what web design is, to understand its key stages and basic principles. As a bonus to beginners, I will add information on how to start a career as a web designer, as Continue reading

Web design basics. Analysis of the main blocks on the site

A true web design master 2.0 should be able to surprise people with innovative thinking and a creative approach to solving tasks. However, this does not mean that you need to poke into the background of the site of flying dragons in order to attract the attention of users.

People come to the site not to see designer strokes on the canvas, but for the content. Therefore, your thoughts should be directed entirely to the development of competent usability. The basics of successful web design are usability and aesthetics. Until this idea pierces your heart like Cupid’s arrow, the love of a good customer, alas, cannot be found.

If you have been boiling for a long time in the career of a web designer, you probably know that one of the most important roles in creating a convenient site is played by the competent design of blocks (modules). They are the structural elements of a web page. The standard modular grid consists of a navigation menu, Continue reading

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 as a web designer and earn a vacation under the palm trees, you should consider not only the beauty of the project, but also its usability during site development.

Sometimes it’s more effective, from the point of view of conversion, to give preference to the convenience of the Landing Page, in an understandable and accessible way to present the advantages of the company or product, rather than focus on beauty. Often, because of too bright pictures, it is impossible to get to the core of the values ​​behind them.

Below I will give you the best sites in the world in design that not only have a pleasant appearance, but Continue reading

Composition in web design, or what Photoshop tutorials are silent about

Surely, you often have to visit sites that, at first glance, seem to be like nothing – both the pictures are beautiful and the text is folding, however, they lack some kind of logic, completeness, or something. And all because the owners of such sites, most likely, did not bother with the laws of composition – the art of organizing the elements of the site, combining and arranging them in their places.

Oh, that brain …
Our brain has the ability to instantly perceive information and create visual connections. I will explain with examples. Below you see two circles.

You immediately found a way to distinguish between them, right? But the task is more complicated for you. Continue reading

Website design in Photoshope: getting to know the editor and its features

Photoshop and web design
98% of web design projects begin with the creation of functional layouts for future sites, and almost all of them are now drawn in Photoshop. What is a layout?

The site’s design layout is a prototype of an Internet resource (portal, blog, trading platform, etc.), its individual page, landing page, graphic image with drawn details of various levels. A picture can be general, or it can give enough detail about all the structural content of the site, navigation, and even information content.

Ideally, the output should be a multilayer layout that is completely ready for layout and coding. Website design in Photoshop has a number of Continue reading

Tag cloud

What is a selling design?
Design is the most important component of any website. This is especially true for selling sites, because in this case it is necessary to interest the visitor and encourage him…

...

Features of the profession and key responsibilities of a web designer
To make it easier to understand the main tasks of the representative of this craft, for a start it is worth considering its basic definition. The profession of "web designer"…

...

Composition in web design, or what Photoshop tutorials are silent about
Surely, you often have to visit sites that, at first glance, seem to be like nothing - both the pictures are beautiful and the text is folding, however, they lack…

...

Advanced CSS: Using Sass Maps for UI Components
Sass is a great and very popular CSS preprocessor. If you are not familiar with it, take a look at these lessons. Associative arrays (Maps) are an extremely underrated feature…

...