No Nonsense page Reconstruction Series--(3) Labeling and transduction

One, after analysis, slicing, output part of the picture (1), another part, such as small icons, with the Web Font recommended with Iconfont.

Can direct PS slicing tool, personally recommended PS plugin "Cut and Slice Me"(2).

Web pages, with as few pictures as possible!

Second, for the later convenience to understand the dimensions of the page elements, highly recommended "labeling."

Personal recommendation PS Plugin "Assistor PS".

Note:

(1): If the picture is only for the placeholder (Placeholder image), it is recommended to directly use the image size name, edit colleague later good know: such as 640*390 size of the picture, named: 640390.jpg;

(2): If the direct PS slicing tool, remember to rename the slice, if you use plug-ins, search its related tutorials, you need to organize the group layer, and, by plug-in rules named.

DEMO

No Nonsense page Reconstruction Series--(3) Labeling and transduction