Web Design tips: Analysis of Web page images in the form of presentation

Article Description: reflection on the form of picture presentation in Web design.

A picture is one of the basic elements that make up a Web page. The picture not only can increase the attractiveness of the Web page, convey to the user richer information, but also greatly enhance the user in browsing the Web experience. The display of the pictures is rich and diverse, and different forms of picture display also make the fun of browsing the web more diverse.

Follow us separately to experience the various present forms of image display, let our eyes to travel.

One, multiple graphs show

The picture limits the maximum height or width and makes the matrix tile display, which is the most common form of multiple picture representations. Different margins and distances can produce different styles, and a quick scan by users can get more information in a short time. At the same time, the mouse suspension display more information or function buttons, not only to avoid excessive repetition of elements to interfere with user browsing, but also interactive form with fun. But the traditional matrix tile display layout is slightly formal, the browsing experience is slightly boring.

500px.com in the traditional matrix tile layout on the basis of free image size consistency, the picture to the Base Area unit 1 time times, twice times, 4 times times the size of the display. Pictures of inconsistent size show the intensity of breaking the repetition, but still arrange the layout according to the base area unit, and increase the motion for the flow information. Irregular images are fun to browse, but because of irregular flow of sight, this form of presentation is not conducive to the search of information.

Pinterest waterfall Flow Patchwork, set wide and indefinite high design lets the page break through the traditional matrix picture display layout, clever use of visual level, the arbitrary flow of sight and ease the visual fatigue. Users can quickly scan through many pictures and then choose the ones they are interested in. But this also lets the user when browsing, easily misses some content.

[1] [2] [3] [4] Next page