Tuesday, February 14, 2012

Visual Organization

Eye Movement 
  • not directing the audience through the design is misdirecting them 
  • the typical eye moves left to right and top to bottom 
  • controlling the eye movement within a composition is a matter of directing the natural scanning tendency of the viewer's 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 adjacent (next to) to a dark area 
  • diagonal lines or edges will guide eye movement 
  • optical center: the spot where the human eye tends to enter the page. optical center is slightly above mathematical 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, generally in the shape of a "Z"
  • Effective page design maps a viewer's route through the information. The designer's objective is to lead the viewer's eye to the important elements or information. 
Fonts
  • no more than 2 fonts in one composition 
  • make sure they compliment each other
  • avoid all caps 
  • choose the right font to fit the tone of your project
  • do not overuse fancy or complicated fonts (scripts and calligraphy)
  • www.typography.com/email/2010-03/index.HTML
Visual Hierarchy:

  • Establishes 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 provided by a design 
To Establish Visual Hierarchy ask yourself...
  • what do I want my viewer to look at first
  • what do I want my viewer to look at second, third, fourth, etc..
The Grid:
  • a way of organizing content on a page
  • uses any combination of margins, guide lines, rows and columns.
  • instituted by modernism (1950s)
  • can assist the audience by breaking info into manageable chunks and establishing relationships between text and images
  • distinct set of alignment based relationships
  • every design is different; therefore every design will require a different grid structure....one that addresses the particular elements within the design 
  • a grid is used to help clarify the message being communicated and to unify the elements

No comments:

Post a Comment