Tuesday, February 14, 2012

visual organization

- Not directing the audience through a design is misdirecting them

Eye movement:
- The typical eye moves 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
- The eye tends to gravitate toward 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 tends to enter the page. optical center is slightly above mathematical canter and just to the left
- It takes a compelling element to pull yours 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

Fonts
- Use no more then 2 fonts on a page and fonts must compliment each other
- Avoid using all caps unless its absolutely necessary
- Choose the right font, work with the theme of your composition
- Don't overuse fancy or complicated fonts

-Effective page design maps a viewer's route through the information. The designers objective is to lead the viewer's eye to the important elements or information.

- Visual hierarchy: will establish focal points based on their importance to the message that is being communicate.

- 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 third?

The Grid: The way of organizing content on a page, using any combination of margins, guide lines, rows, and columns.

The grid can assist the audience by breaking info into manageable chunks and establishing relationships between text and images.

Modernism: Simple and clear.

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

Every design is different; so 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