Photoshop
Tutorials Tutorials    
Principles of Design
       
Introduction      
Simplicity      
Harmony    
Balance    
Movement    
Contrast    
Rule of Thirds    
   
Practice 1      
 

What is the Rule of Thirds?

 

 

 

 

 

 

 

 

 

 

 

 

 

 

(Source: http://www.graphic-design-san-diego.com)

 

Research on eye movement states that people from western cultures tend to look at the upper left-hand area of a graphic or web page first. Eye movement then tends to move to the right and then to the bottom.

The "rule of thirds" is a principle of photographic and graphic composition in which a graphic is divided into thirds both vertically and horizontally and the centers of the viewer's attention are located near the intersections of these lines.

Below is an example of a web page using the rule of thirds. Notice the correct placement of elements, so the eye begins in the upper left corner and follows around the page.

 

Arranging the same elements in a different fashion that does not follow the "rule of thirds" results in a disorganized image that is hard to follow and understand.

 

 

Though the expression is "Rule of Thirds," it is not a hard and fast rule. Many fine examples of visual design do not adhere to the "Rule of Thirds," making it more of a "suggestion of thirds."

 

 

What is the Visual Center?

 

 

 

 

 

 

 

  The visual center of a visual design is located slightly above the center of the page and a little to the right, as shown below. By placing elements at the visual center, one can take advantage viewers' tendency to dwell on the visual center. Elements intended to receive maximum attention can be place in the center. It is, however, important to note that the remaining elements should be arranged to balance the composition.

 

For the image below, the logo in the middle receives the most attention but the remaining graphics balance out the composition of the page in its entirety.

(Source: http://desktoppub.about.com/library/weekly)

 

 

 

 

Copyright © 2001, Bloomsburg University Virtual Training Help Center.
All rights reserved. This material may not be used without written permission.
Contact Dr. Mary Nicholson at mjnich@bloomu.edu