Page Builder: Understanding the intent of the UI designer to restore the design draft

Article Description: Page Builder: It's important to have the ability to review the design drawings.

As a professional page building engineer, in addition to the professional skills of a high demand, but also need to have a certain design drawings of the ability to peer review. The drawing is not meant to pursue the same as the PSD, and even time-consuming to screen and PSD to "pixel". In my understanding, the chart is through the analysis of the UI design manuscript, fully understand the intention of the UI designer, combined with the UE of the interactive state, from which to achieve a real "restore design manuscript."

Case one: There is a house, the side is understanding

For example, in such a design manuscript

Designer's intention:

This topic list of rows 19px, each single topic below is a 4px margin. There is no space between the topic title and its own descriptive text.

The analysis process of the page building engineer:

The line height of the text specification is 18px because the module has been "agreed" to the high reset of the line. Through communication, the designer recognizes that the line height of this paragraph is changed from 19px to 18px. However, this is limited to the line spacing between the caption and the descriptive text. and the title and the title between the 4 pixel bottom margin, from the composition of a single topic to explain the paragraph between the relationship, can not blindly use 18px row high resolution. Because through our understanding of the design manuscript, the designer uses these 4 pixels, pulls the spacing between the headings, has formed the paragraph feeling visually. So for refactoring, these 4 pixels should not be ignored, or from the perspective of visual presentation, designers can not tolerate. Therefore, there is a house, the side is understanding.

In the production of this module, there is also a small episode. The following figure:

Designer's intention:

This is the fine body of number 11th, because it is embellishment, but also a hint of the picture, so less than the previous title of the song body 12th words.

[1] [2] Next page