Briefly about the design layouts, convenient XHTML-maker-up
The customer sent a 14-megabyte PSD file containing the layout of just one web page. Having opened it, I discovered a fair mess in the structure: a bunch of hidden layers, groups, named as any, some duplicated layers of the same layer, etc. With a sin in half figured out what was happening, folded. And then it turned out that something was forgotten (I just could not see this “something”).
But there are good rules for preparing layouts before sending them to the bench. I, perhaps, will write them down now, and by necessity I will refer to this record whenever I need it.
UPD: Habraludi, please do not turn comments into an arena for holy wars.
')
1. Keep order in layers. Name them with clear names ( Layer 2 copy doesn’t go away), group them according to clear logic (for example, if you’ve already drawn a search form, then include all of its components in the Search Form group).
2. Delete all unnecessary.
3. If there are a lot of templates (for example, we are talking about the website of the hosting company, which also has the admin part in addition to the user part), then space apart the page layouts by different PSD files (for example, catalog-pages.psd , admin-vault.psd and etc.). Do not be lazy - group yourself, do not force the vertex to waste time solving puzzles. It is not difficult for you, you already understand all this, but it is not there yet.
Sometimes it is useful to create a PDF file containing the entire set of sample pages. This is good because the layout can see firsthand what exactly should be on the site, and how it is best to mark the whole economy (the keen eye will notice the same blocks of content, text styles, etc.).
Once I even got a tiny file in which the designer was not too lazy to draw all the main options for hyperlinks with colors for link :, visited: hover :, active. Attentive people are in any profession. :-)
But there are good rules for preparing layouts before sending them to the bench. I, perhaps, will write them down now, and by necessity I will refer to this record whenever I need it.
UPD: Habraludi, please do not turn comments into an arena for holy wars.
')
1. Keep order in layers. Name them with clear names ( Layer 2 copy doesn’t go away), group them according to clear logic (for example, if you’ve already drawn a search form, then include all of its components in the Search Form group).
2. Delete all unnecessary.
3. If there are a lot of templates (for example, we are talking about the website of the hosting company, which also has the admin part in addition to the user part), then space apart the page layouts by different PSD files (for example, catalog-pages.psd , admin-vault.psd and etc.). Do not be lazy - group yourself, do not force the vertex to waste time solving puzzles. It is not difficult for you, you already understand all this, but it is not there yet.
Sometimes it is useful to create a PDF file containing the entire set of sample pages. This is good because the layout can see firsthand what exactly should be on the site, and how it is best to mark the whole economy (the keen eye will notice the same blocks of content, text styles, etc.).
Once I even got a tiny file in which the designer was not too lazy to draw all the main options for hyperlinks with colors for link :, visited: hover :, active. Attentive people are in any profession. :-)
Source: https://habr.com/ru/post/2683/
All Articles