Multi-image orchestration is indeed a big problem for many designers. Multi-image arrangement means that the layout rate will increase, and if it is not handled well, it is easy to cause the layout to be crowded, or even look dull.
If there are four or more images in a page, there are multiple images. When the number of pictures increases, more consideration is given to the classification of pictures at three levels: large, medium and small, clarifying the primary and secondary relationship of pictures, and then arranging them reasonably in the form and processing of pictures.
According to the theme style and needs, consider factors such as the size of the picture, the proportion of the layout, the display form, the processing skills, and the composition layout to maximize the creativity and beauty of the picture.
Removing the background of the image and leaving the main part of the image can save space on the layout of the image, so as to maximize the use of space to arrange. It can even be used in conjunction with other visual elements to enhance the sense of space in the design.
⑴
\ Ring, Circle /
Put important information in the center, remove the bottom of the image, and then arrange it in a circle, around it. Note that the size of the image is not the same, but rather relaxed.
▲ Design: Nomura デザイン production room (nomura-design.com)
▲ Poster of the cultural relics exhibition of "Four Things of Leisure - Flower Arrangement, Incense, Hanging Paintings, and Drinking Tea".
⑵
Use color blocks or borders
\ Wrap the group together /
Use color blocks or borders to surround multiple images and arrange them in groups so that the reader can naturally focus on the images and the picture will become clearer.
▲ Design: ㎡/emuni Design Office
▲ 设计:黒丸健一(Studio:homesickdesign)
⑶
\ Connecting with "threads" /
Use color blocks or borders to surround multiple images and arrange them in groups so that the reader can naturally focus on the images and the picture will become clearer.
▲ This picture comes from the Japanese fashion magazine "GINZA"
▲ Design: ㎡/emuni Design Office
⑷
\ Arranged in an "S" curve /
The pictures are arranged in an "S" shaped curve, which has the function of threading a needle, which can connect the scattered visual elements in the picture, giving the picture a sense of rhythm and coordination.
▲ This poster comes from the Internet
▲ This poster comes from the Internet
⑸
\ Layout with the help of "lattice" /
Even if there is a lot of graphic information on the page, using grids to lay out elements is a good way to ensure the alignment and planning of visual elements. By placing pictures, text and other information into the divided grid, you can effectively organize the graphic information of the page, get a clear structure, make the information clear and clear at a glance.
▲ This poster comes from the Internet
▲ 此图片来自《Discover Japan 》杂志
⑹
\ Stacked and Gathered /
The image is in the form of partial bottoming, similar to using scissors to roughly crop out the main body of the picture. Then stack the images together, not only to focus the picture, but also to leave enough white space on the page.
▲ This picture comes from the Japanese fashion magazine "GINZA"
▲ "Make a Good Movie" poster, design: Yang Shiqing
⑺
\ embedded in the contour shape /
Embed images into irregular shapes, text, or even specific outlines, similar to the clipping mask feature in PS. The image is then removed from the background, and the background removed image is removed beyond the shape boundary to break the convention and increase the sense of hierarchy or flexibility of arrangement.
▲ Design: Baju Studio
▲ This poster comes from the Internet
Although debottoming is not a panacea, it can be used flexibly to give full play to its advantages. For example, in multi-image arrangement, the clever use of basemaps can make the picture clearer and sharper and highlight the key points. Okay, today's content is shared here, if you like it, like it~