Tuesday, February 14, 2012

Visual Organization

A way that designers can make guidelines on how to organize your page.

Not directing the audience through a design is misleading 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 viewers eye.
-The eye tends to gravitate towards areas of complexity first. In pictures of people, they 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 center and just to the left.
- It takes a compelling element to pull your eyes away from the optical center.

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.

Guidelines
-No more than two fonts and make sure the two fonts compliment each other.
-Avoid all uppercase except for the heading or title.
-Choose the right font make sure that you choose the font that most resembles your topic or idea that your trying to portray
-Do not overuse fancy and complicated fonts such as decorative font

The Grid
-The grid is a way of organizing content on a page, using any combination of margins , guide lines, rows, and columns.
-Instituted by Modernism
-Can assit the audience by breaking info into manageable chunks and establishing relationships between text and images.
-A grid consists of a distinct set of alignment-based relationships that are guides for distributing elements across a format.
-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