As a qualified page reconstructor, there is actually one basic ability item: web page restoration design draft.
Can you make the page and the design draft no different?
Some people may think, if you are not building an atomic bomb, how can a pixel be bad?
I want to say: Details are really important! Details determine success or failure, and it is a huge difference. If you want to create a high-quality project, it is really that terrible. So I talked so much before, because I wanted everyone to pay more attention to page details and really treat the page as an atomic bomb. Let me share some of my experience in work here, please take a look at it.
Step 1: Hit the snake and hit seven inches - Visual specificationsSometimes the design drafts we get from designers may not be accurate, for example: the same type of module title text, one place is 13px, the other place is 14px; a page has multiple font colors that look the same with the naked eye but the actual color values are different; the line heights of each paragraph are different; the same type of pop-up frame has multiple sizes; etc... In this case, we cannot restore the design draft in order to restore the design draft.
In order to reduce the cost of communication with designers, the reconstructor had to urge designers to make visual specifications for the entire site in the early stage, write some publicly agreed content in the form of documents, and strictly implement it in the later stage.
It is best for designers to set visual specifications before the page starts to be produced, which can greatly reduce the cost of post-production joint debugging. In addition, page production can make unified specifications for templated things in the early stage, such as fonts, icons, borders, background colors, spacing, etc., and it is easy to adjust the changes after the later design specifications are fixed.
Step 2: Everything is ready, only the east wind is needed - Design draft annotationIt is necessary to require the designer to mark various spacing, width, special fonts, special font colors, special line heights, etc. on the design draft. This way, without re-measurement when making the page, it greatly enhances the accuracy of restoring the design draft, and reduces the communication cost with the designer and the cost of post-production joint adjustment. Examples as follows:
Step 3: If you want to do something well, you must first sharpen your tools - faststone captureCompass for navigation, thermometer for doctors, tape measure for carpenters... Many professions have their own special measuring instruments. So when we make pages, we must also measure data such as spacing, width, height, color, etc. So should we also have a professional accurate page measurement tool for page production?
Here is a software that can accurately measure web pages. The software name is faststone capture . I remember it was recommended to me by a colleague last year. At that time, I was just looking for a small software that can be taken to screenshots. Now when I was looking for a software that can be used specifically for measuring web pages, I didn’t expect it to be useful - although the software is small, it has all the internal organs.