How to create layouts for the site?

Question

Design

1. When creating a site design layout, do you need to draw each page (window) of the site? The question seems to be obvious, but when searching for templates, I noticed that they have only one rendered window.
2. Do I need to draw for mobile devices first, and then for large devices, or is it enough to draw for only one device?
3. What should be followed when creating a website design? Are there any recommendations or prescribed directives?

Answer 1

The more layouts you provide to developers, the better. It is necessary to draw those pages that differ from each other. For example, if the site has a News section, you are expected to have a news list layout (usually this is the main page of the News section), a news detail view layout, a news search page layout, etc. Of course, no one requires a layout for each news separately (there can be thousands of them).

Answer 2

and the analogy with any other work is not drawn intuitively?
They ask you to build a house, and that's it - no more input. Whatever you want, then do it.
There are no unified application layout standards, a maximum of cases / best practices.
There is such a document as terms of reference. If you have not been given it, write it yourself and issue it yourself for approval. Initiative is an indirect sign of professionalism.

Answer 3

1. At the initial stage - the development of a general style, a concept presentation to the customer - you can work out only a few main pages. Most often this is the main page, personal account if available, menu / catalog structure.
When it comes to final development and interaction with layout designers, the more rendered options, the better. It is necessary to take into account not only all the pages of the site, but also their variations.
For example, the personal account login window - how it looks in an empty state, how it looks when it is filled, how it behaves if an incorrect username / password is entered, what additional warnings pop up, etc.
Side tab of the menu - how it looks like when collapsed, how it looks when expanded, how lists nested in menu items look, whether the menu section in which the user is currently highlighted is somehow highlighted, etc.
2. Initially, ideally, you should be prepared for the fact that you need not just a desktop and mobile version, but several desktop formats, a tablet format and a smartphone format - this is just right, it is worth paying the customer’s attention to this, it’s even worth insisting on it. After all, we still have a mobile age, if a desktop version opens on the phone simply because the mobile one was not provided, it's terrible.
3. All UX and UI developments to help you. Books, courses, videos, lectures. Basic principles - convenience and clarity of the structure + lack of vyryglaznost in the visual

Answer 4

have you tried googling? Basic questions for which there are definitely answers on the first links

Answer 5

one.

When creating a site design layout, do you need to draw each page (window) of the site? The question seems to be obvious, but when searching for templates, I noticed that they have only one rendered window.

The fewer pages you render, the higher the chance that the developer will finish you off or do as he sees it. Or force to finish the necessary. Giving an incompletely drawn layout is a bad form. The developer is an ordinary person and cannot read minds. From your layout, he should clearly understand what is required of him. It is best to draw all possible pages, states of buttons, checkboxes, dropdowns, etc. and so on for all devices - mobile, tablet, desktop. Then create a clickable prototype and record a screencast of how your future site should work with your explanations. You post it on YouTube with limited access and send the link to the developer along with the layout. It's like a more visual TK, which you can always refer to + when you click on the prototype, you can find some errors in your work.
2.

Do I need to draw for mobile devices first and then for large devices, or is it enough to draw for only one device?

It all depends on what kind of website you are making. If for B2C, then first mobile phone. If B2B or B2G, then desktop first. If you have a good relationship with the developer and make a site for B2B or B2G, then you can only make a desktop, and leave the mobile phone at his discretion (but remember, this is bad form).
3.

What to be guided by when creating a website design?

Your goals and objectives of the customer. If you work as a freelancer, then the main thing is the task of the business. If you want to freelance and then go to the studio, then in addition to business tasks, you also need to know about typography, composition, color theory, ux stuff, etc.

Are there any recommendations or prescribed directives?

Yes, and there are a lot of them. The main ones are described above.

Answer 6

There are no universal tips for preparing a website layout. There are only general principles that can be guided by.
For example, we recently made up the pages of the Petro Korob company's website about self-assembly cardboard boxes.
When making up, we were guided by 3 principles:
1. Customer requests
2. Page conversion
3. Site speed and usability
That is, we initially take the technical specifications from the customer, highlight the key points, and then already starting from this, we are trying to build a layout.