Grids and Science

images
images
So the key to understanding images and harmony starts with a little science. The Golden Ratio is ones of those bits of science that can be applied to design and images. (And it happens whether you intend to or not.)
The Golden Ratio is based on the Fibonacci sequence, which was developed by a mathematician in the 12th century. Simply stated, it is a ratio of ideal proportions: 1 to 1.618. The Golden Ratio goes by a handful of other names as well including the golden mean, divine proportion, golden rectangle, extreme mean and phi. It is used across a variety of disciplines such as design, architecture, painting and music and can also be found in nature. When drawn, the Fibonacci sequence is depicted as a spiral within the shape of a perfect rectangle.
This number and “perfect rectangular shape” are important because they form the most pleasing and attractive shape for the human eye. That’s not to say that everything you create will use the Golden Ratio, but it is something to consider when framing and cropping images. 

Phi Grid

images
images
images
The Phi Grid helps you visualize the Golden Ratio as a part of each image. It is based on a combination of smaller rectangles in a grid over an image, where four of the rectangles are based on the 1:1.618 ratio.
What you can see when using the Phi Grid is in the spaces where gridlines intersect. These so-called “sweet spots” are places where the eye is naturally drawn in an image. Cropping or aligning an image so that key parts fall in these areas will create focus and harmony.

Pros

  • The grid creates visual harmony.
  • The grid creates distinct sections on the canvas that aren’t always perfectly symmetrical.
  • Works for photos where weight needs to be toward outside edges of the frame.
  • Grid creates perfect division of space mathematically.
  • You can use the grid lines for alignment and to ensure visual harmony.
  • The top horizontal gridline can be great for landscape images and create a horizon line to make cropping easier.

Cons

  • The grid can be difficult to create.
  • The grid can leave “odd holes” in the eyes of some designers.
  • Getting caught up in trying to design on the grid can get frustrating.

Rule of Thirds

images
images
images
The Rule of Thirds is a more widely recognized image grid that is very much like the Phi Grid. While the origins are not precisely known, it is believed that the concept developed out of a need for a simpler solution to using the Phi Grid.
The Rules of Thirds is a grid that divides any frame into nine equal parts. The corresponding ratio is 1 to 1 per rectangle. So it’s close to the Phi Grid but not precise. The result is a perfectly symmetrical grid that easy to visualize and use. Just like with the Phi Grid, the “sweet spots” are the locations where lines intersect.

Pros

  • It is easy to use.
  • Standard software, such as Adobe Photoshop, includes rule of thirds cropping guides.
  • It creates visual harmony and equal weighting in an image.
  • The “sweet spots” are a little larger and easy to find and align.
  • The looser variation on the Golden Ratio might feel more natural to some.

Cons

  • It’s not mathematically perfect (if you are a stickler for those things).
  • It can feel too divided in some instances – depending on the image – or too perfect, because of the forced symmetry.
images
images
images
images
Every image can be overlaid with either grid (look at the images above and compare them using each). Understanding these concepts is less about trying to actively make sure every image uses one or the other and is more about understanding how these things impact what you are doing.
Use these grids as a way to make sure that your images (or logos or illustrations) are as visually sound as they can be. Grids can help you create a foundation for harmony and balance (or lack thereof). Grids can help you tweak an image and crop to a more ideal shape if you feel like something in an image is just off. Grids can help you organize your image and design framework on the canvas.