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

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

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

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

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

Module 3: Designing for Communication LESSON 7 Natural Eye Movement  F-shaped pattern for reading content:

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

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!

Module 3: Designing for Communication LESSON 7 Principles Analysis Project

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

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