Layout for the designer. What should a designer know?

Question

css

Greetings.
It so happened that I work with adequate designers who themselves understand that they cannot do without some knowledge of layout. We often come across such that the designer breaks the columns in the adaptive, or it is not always clear to them that the link in the link is not very good, etc.
I was asked to teach them about layout. Because I’ve been in layout for a very long time, then for me everything is already quite obvious, and I don’t understand what I should focus on. Now I’m sitting and thinking that it would be useful to tell the designer so that he understands how not to draw, because. this will be problematic for the coder. So that he has a basic understanding of what his design will turn into.
Is there such experience in your companies and what did you tell your designers? Do you have reports or resources left on my issue?

Answer 1

so that he understands how to draw is not necessary, because this will be problematic for the coder.

You need to draw in such a way that it clings to potential customers, and not for the sake of the convenience of the layout designer .
Most often, the more a designer understands layout, the more template and uninteresting the design. And if the designer and layout designer are the same person, then it’s generally boring.
The designer should understand the possible sizes of screens / browsers, pixel density, rebuilding blocks on different devices, seamless textures, geometry in general. Pay attention to the moments between the layout change points.
A separate item, probably, is about the possibilities of animation.
Colors: Visually similar colors must be the same color.
The arrangement of elements and indents should be made clear, uniform and logical, it would be good for an adaptive depending on the font size or width, and not on the bullshit.
The designer can simplify the layout designer's work by writing style guides and sanely decomposing the layout into layers and grappas, sending svg as separate files, and not forcing them to be picked out from Photoshop.
Requirements for PSD layouts , as usual, I do not agree with everything, but it is useful to read.

Answer 2

good video on the subject

Answer 3

Good afternoon, Nikolay!
Here is a selection of what a designer needs to know: https://github.com/andrey-hohlov/psd-templates-req... I
also recommend that you additionally read my article on the work of design + layout designer at the link: https://habrahabr. en/post/330144/