The Elements of Design: Shape and Line Module 3: Designing for Communication LESSON 3

The Elements of Design: The Elements of Design: Shape and LineShape and Line

Module 3: Designing for Communication

LESSON 3LESSON 3LESSON 3LESSON 3



Lesson Overview

In this lesson, you will learn: How shape and line apply to Web design



Guiding Questions Does a square or rectangular shape have any particular meaning to you? How about a triangle? What meaning does a circle have?



Design Analysis

Project



Shape Organizational use:

Hold concept and ideas Divide the site

Give meaning: Rectangles Circles

Closed figures 3-dimensional



Rectangles Commonly used to:

Organizes information Focuses attention

Advertisements Text



Circles Have a somewhat different meaning:

Can focus attention Can create a sense of harmony or unity Can show a process



Buttons Rectangles Circles Both separate the button from the rest of the site



Lines Have similar use to that of shape Provide separation Provide organization Can be curved



Lines Create progression or process

Show movement of an object through a system Create motion or action

Show direction of an object (cartoon figure)



Lines Form connections between parts of the site Hyperlinks combine line with color

Caution against the use of underlining for information that isn’t a hyperlink



Assignment Use the selected Web site

Analyze it according to the use of line Analyze the use of shape Write a justification for each



Lesson Review What are the best uses of shape and line in Web design?

Documents

The Elements of Design: Shape and Line Module 3: Designing for Communication LESSON 3