SOLID principles in JavaScript. Open-closed principle
The essence of the principle The principle of openness-closeness is as follows: "Software entities (classes, modules, functions, etc.) must be open for expansion, but closed for change." That is, the…

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…

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 →

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.

The purpose of creating a site may be to develop a platform for an information resource. Such a format requires unusual, interesting graphics and juicy, fascinating content that would make you linger on the page longer.

To achieve the maximum convenience and effectiveness of the site, you must first determine the target audience of the project. Who is the potential visitor to the site? Just do not now sing songs about the fact that you can come to you and fifty-year-old grandmother Zina, just dug out the garden, and a second grader before homework.

Any site has an average type of person who is distinguished by age, occupation, hobbies, geographical location, etc. Defining the target audience will help to develop a web design that will be attractive in appearance and at the same time intuitively understandable to people.

The next step will be the creation of modules for the future site. The following items are usually located on the home page:

name of company, online store, information resource;

navigation menu (one or more blocks);

logo of a company, online store, information resource;

content block;

additional blocks for banner ads and other text or graphic information.

Before starting to develop a website (web design), it is advisable to familiarize yourself with the competitors’ Internet portals and take note of the decisions that they have chosen. A basic idea of ​​how others do it will help to form in your head an approximate visual model of a future project, finalized for a certain orientation.

After analyzing competitors, we proceed directly to the creation of a modular grid. It is a visual breakdown of a page into specific zones. Such an action helps to structure the content of the site.

To quickly understand what a modular grid is, remember the format of the sheet of a magazine or newspaper. There the text is divided into 2-6 columns for ease of reading. The same situation is in web design (website development). For complex information resources, it is better to use a thoughtful arrangement of modules so that a person is comfortable spending a long time reading.

Business card sites are often limited to a single-column format. The width of the modules is selected depending on personal preferences and project goals.

The most popular screen size is considered to be 1024×768. It is under it that it is recommended to build a modular grid and design the remaining elements. To make the site look harmonious and proportionate, you need to align the composition in the center.

The most common aspect ratio of the left and right is 40 to 60%. The location of the blocks does not have strict, legalized by the state standards. In this regard, you are Van Gogh – do it, but do not touch your ears.

Design guidelines
If you have already carried out an analysis of competitors, drew a modular grid with a future arrangement of blocks on paper or in a graphical editor and decided on the goal of creating a project, then you can start the main process. However, before starting the development of the site design, I recommend that you familiarize yourself with my recommendations on the design of the resource. There are three types of online portals:

1. Presentation (landing pages, business card sites).
In such a project, a major role is played by highlighting the main details of the products offered or certain information that you want to convey briefly. The location of the modules should maintain a logical sequence, so that a person’s interest in the content when scrolling through the site only increases.

In such projects, bright colors and an unusual design are acceptable. The main thing is that all this leads to highlighting the key advantages of the product, company, etc.

2. Corporate.
The visual design of this site format must comply with the corporate identity of the company or organization. Special design excesses are useless here. Try to make the site understandable and convenient for visitors. This can be achieved by balancing graphic and textual content. Modular grid with a corporate website format of 2 or 3 columns.

SOLID principles in JavaScript. The substitution principle of Barbara Liskov
The substitution principle is most often used in the context of inheritance, however, the essence of the principle is more connected not with inheritance, but with the behavioral compatibility of…

...

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

...

Web Design 2016: Chrome attacks!
From the author: The year 2016 has ended, it is always interesting to go back and see how much the workflow has improved over the previous 12 months. It's amazing…

...

Creative website design: what's new?
Where does creative start? Morning, coffee, shower ... A new day has begun, it is time to create. We open the laptop or start the computer, before us is a…

...