1. The Principles of Design: Movement Module 3: Designing for Communication LESSON 7

2. Module 3: Designing for Communication LESSON 7 Lesson Overview In this lesson, you will:  Explore the principle of movement on a Web site.

3. Module 3: Designing for Communication LESSON 7 Guiding Question  How can you create the illusion of movement with text?

4. Module 3: Designing for Communication LESSON 7 Movement  Natural eye movement  Designer created movement

5. Module 3: Designing for Communication LESSON 7 Natural Eye Movement  Starts at the top left of the page  Moves left to right  Returns to the left side of the page  Moves down the left side of the page  Moves left to right  Returns to the left side of the page  Moves down the left side of the page

6. Module 3: Designing for Communication LESSON 7 Natural Eye Movement  F-shaped pattern for reading content: http://www.useit.com/alertbox/reading_pattern.html

7. Module 3: Designing for Communication LESSON 7 Designer Created Movement  Eye movement created through the use of shapes

8. Module 3: Designing for Communication LESSON 7 Designer Created Movement  Creates a hierarchy of information  A ranking of the importance of things  Changes the natural eye movement to cause the viewer to take notice of other areas of the page. Viewer reactions:  This is important!  Check it out!

9. Module 3: Designing for Communication LESSON 7 Principles Analysis Project

10. Module 3: Designing for Communication LESSON 7 Assignment  Use the Web site that you selected  Analyze it according to the principles of movement  Begin writing your justification

11. Module 3: Designing for Communication LESSON 7 Lesson Review  Describe the principles of movement as it applies to Web design.