Visual Organization

Not directing the audience through a design is misdirecting them!

Eye movement- typical eye moves let to right and top to bottom. Controlling eye movement within a composition is a matter of directing the natural scanning tendency of the viewers eye. The eye tends to gravitate towards areas of complexity first. In pictures of people, the eye is always attracted to the face and particularly the eye. Light areas of a composition will attract the eye, especially when adjacent to a dark area. Diagonal lines or edges will guide eye movement.

Optical center- The spot where the human eye tend to enter the page, Optical center is slightly above mathematical (or exact) center and just to the left. It takes a compelling element to pull your eyes away from this spot.


Z pattern- Our visual pattern makes s sweep of the page, generally, in the shape of a "Z". Effective page design maps a viewers route through the information. The designers objective is to lead the viewers eye to the important elements or information.

Fonts Guidelines-
Don't use more than two fonts per page.
Make sure that those two fonts should compliment each other.
Avoid all uppercase unless necessary.
Choose the right font for your theme or tone.
Do not over use fancy and complicated fonts.

Visual Hierarchy- will establish focal points based on their importance to the message that's being communicated

A crucial part of the design process is to establish an order of elements, a visual structure, to help the viewer absorb the information

To establish Visual Hierarchy: Ask yourself, What do I want to viewer to look at first, second, third..?

The grid -A way of organizing content on a page using any combination of margins, guide lines, rows, columns. Instituted by Modernism. The grid can assist the audience by breaking info into manageable chunks and establishing relationships between text and images. It consists of a distinct set of alignment-based relationships act as guides for disturbing elements across a format. Every design is different therefore every design will require a different grid structure..one that addresses the particular element within the design. It is used to clarify the message being communicated an to unify the elements.

www.typography.com/email2010_032010_03/index.htm