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,…

Continue reading →

Website framework, or modular grid in web design
What is a modular grid? I will explain with an example familiar to you. Open any paper book. You see, the text passing through the entire width of the page,…

Continue reading →

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…

Continue reading →

but user behavior

How does website design development begin?

Before you begin your journey to the top of your career as a web designer, you need to understand the basic principles of creating such projects. Do not immediately run headlong into a graphic editor and smear your creative ideas on canvas.

Design development for the site begins with a smile defining the information model of the project and the formation of its approximate graphic model. The purpose of the Internet resource may be the sale of goods or the provision of any services. In this case, the design structure should be aimed at the convenience of moving around the catalog with products and provoking the visitor to a purchase. 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

Website framework, or modular grid in web design

What is a modular grid?
I will explain with an example familiar to you. Open any paper book. You see, the text passing through the entire width of the page, excluding margins? So, here is a typical single-column layout. Now look at a magazine or newspaper. In a magazine, information is traditionally divided into two columns, and in a newspaper, into three or four, or even more.

In general, web design inherited quite a lot of different “tricks” from printing design. These are the principles of working with fonts, and composition rules, and modules. Business card sites and presentation sites may well be content with a single-column structure, home pages with a two-column structure, more complex information projects should, accordingly, have a more complex and thoughtful layout.

Find out more Continue reading

Tag cloud
The psychology of web design: playing in a new way
Psychological aspects of design The connection between psychology and web design is not necessary to prove. This is obvious, if only because the transmission of information by means of Internet…

...

Does web design need education?
The profession of web designer is now becoming one of the most sought after. Every month, thousands of new people with burning eyes appear who think that this is their…

...

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…

...

Flat Design Sites (Flat Design): history, principles, examples for inspiration
What do you think is the reason for such a frenzied popularity of flat design? I will answer you in a nutshell: it really works! In this article, I will…

...