Visual Organization

Visual Organization

• not directing the audience through a design is misdirecting them!

Eye Movement- 

• The typical eye moves from left to right and top to bottom
• controlling eye movement within a composition is a matter of directing the natural scanning tendency of the viewer's eye.
• eye tends to gravitate towards areas of complexity
• 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- 

• spot where the viewers eye enters the page, optical center is slightly above 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 a sweep of the page, in shape of a Z.
• effective page design maps a viewers route through the information
• designers objective is to lead viewer through important aspects of the page

Fonts- 

• use no more than 2 fonts on a page
• make sure that they compliment each other
• Avoid using all uppercase unless absolutely nessessary
• choose the right font, make sure font can work with the tone or theme
• don't overuse fancy or complicated fonts

Visual Hierarchy- 

• will establish focal points based on their importance to the message that's being communicated
• it is important to establish an order of elements, and a visual structure; to help the viewer absorb the information provided by the design
• *What do you want your viewer to look at first?

-All the elements must come together in the visual organization
 

The Grid-

• a way of organizing content on a page, using any combination of margins, guide lines, rows, and columns.
• Modernism- very simple clear design and message
• can assist the audience by breaking info into manageable chunks and establishing relationships between texts and images
• a grid consists of a distinct set of alignment based relationships that act as guides for distributing elements across a format