Web Design and Composition

1. Reading Direction

2. Re-Cycling Movment

3. Foreground/Background

Methods for Creating Foreground

● Use saturated color.● Create a contrast in color or value.● Establish a texture that is more detailed or

tactile.● Make it bigger.● Use a drop shadow.● Include interactive mouseover states.

4. Formal Principles of Design

4a. Emphasis/Focal Point

Methods for Creating Emphasis

● Put it in a prom inent location.● Increase the size.● Use saturated contrasting color.● Establish a texture that is more detailed or

tactile.● Establish leading lines.

4b. Unity and Repetition

4b. Movement

Beyond Simple Visuals: Hierarchy

Techniques for Creating Hierarchy

Questions?