Visual Organization

Visual Organization: A way that a designer can follow on how to organize a page layout

- not directing an audience through a design is misdirecting them




EYE MOVEMENT 


- left to right; top to bottom

- controlling eye movement within a composition is a matter of directing the natural scanning tendency of the viewers eye

- eye tends to gravitative towards complexity first, in pictures of people the eye is always attracted to the face and the eye of the portrait

- light areas of a composition will also attract the eye, especially when adjacent to dark areas

- diagonal designs or elements will also guide eye movement




Optical Center: The spot where the human eye tends to enter the page. Optical center is slightly above the exact center and just to the left

- takes a compelling object 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 viewers route through the information. The designers objective is to lead the viewers eye to the important elements or information; put things in order of importance

FONTS


- use no more than two fonts

- make sure the fonts compliment each other

- avoid all caps unless necessary

- choose the right font (make it go accordingly to theme and tone)

- do not over use fancy and complicated fonts, unless for headline

Reference:
ww.typography.com/email/2010_0320110_03/index.htm

VISUAL HIERARCHY

- will establish focal points based on their importance to the message

- a crucial part is the establish an order of elements, a visual structure, to help the viewer

- what do you want your view to see first

THE GRID


- way of organizing content on a page using combinations of margins, guide lines, rows and columns

-instituted by modernism

-can break the audience by breaking info into manageable chunks and establishing relationships between text and images

-distinct set of alignment based relationships that act as guides for distributing elements across a format

-every design requires a different grid structure

-helps clarify a message being communicated and to unify the elements