I am trying to understand the logic behind these “loose” grid systems often used to display photographs. I have tried deconstructing these types of grids but can’t seem to find a coherent explanation as to how the positioning and scale of images is determined. Please see examples below.
Answer
The first example seems to be based more on a classic layout than on a rigid grid. It seems to be based on a “squished” version of the golden section. The reasons why it is “squished” might be many:
- the section was applied to a larger page that was trimmed afterwards
- the photo might be slightly distorted
- the designer said “what the heck” and pushed the section a bit to fit his page
- editorial reasons
Notice how the “squares” generated by the of the golden section (that became rectangles because I had to squish it) are used as units to determine the width of the copy column and the with and height of the photos.
The photos seem to be arranged following an even rhythm of diagonals parallel to the baroque diagonal (from bottom left to top right). This creates a nice tide along the sinister diagonal (from top left to bottom right), that guides the eye towards the copy.
Attribution
Source : Link , Question Author : gmorissette , Answer Author : cockypup