The Principles of Design: The Principles of Design: MovementMovement

Module 3: Designing for Communication

LESSON 7LESSON 7

Module 3: Designing for Communication

LESSON 7LESSON 7

Lesson Overview

In this lesson, you will: Explore the principle of movement on a Web site.

Module 3: Designing for Communication

LESSON 7LESSON 7

Guiding Question How can you create the illusion of movement with text?

Module 3: Designing for Communication

LESSON 7LESSON 7

Movement Natural eye movement Designer created movement

Module 3: Designing for Communication

LESSON 7LESSON 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 7LESSON 7

Natural Eye Movement F-shaped pattern for reading content:

http://www.useit.com/alertbox/reading_pattern.html

Module 3: Designing for Communication

LESSON 7LESSON 7

Designer Created Movement Eye movement created through the use of shapes

Module 3: Designing for Communication

LESSON 7LESSON 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 7LESSON 7

Principles AnalysisProject

Module 3: Designing for Communication

LESSON 7LESSON 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 7LESSON 7

Lesson Review Describe the principles of movement as it applies to Web design.