Layout

When combining imagery, scale becomes an important factor in dictating the size of the image and its relationship to other images in the composition. Below are the three techniques that we use to scale and place imagery.

Multiple Images
Construction

When combining imagery, scale becomes an important factor in dictating the size of the image and its relationship to other images in the composition. Below are the three techniques that we use to scale and place imagery.

1. Side by side
2. Dip
3. Staggered

Sizing Guidance

Always make sure there is enough constrast in size between each container.
Our graphic containers should be sized proportionately to each other when possible.

Multiple Images
Examples

Below are some examples of how to combine multiple images within one composition. The three techniques explored above allow for a variety of different layout possibilities without sacrificing overall cohesion.

Vertical
Side by side
Grid
Vertical
Dip
Grid
Vertical
Staggered
Grid

Landscape

Side by side
Grid

Landscape

Dip
Grid

Landscape

Staggered
Grid

Further Examples

Multiple Images
Don’ts

Below are some common mistakes to avoid when combining type with multiple images.

1. Do not combine different image stacking techniques. 3. Do not place typography or logo above imagery.
2. Always align imagery to margins and logo clearspace.