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

Module 3: Designing for Communication LESSON 3 Lesson Overview In this lesson, you will learn:  How shape and line apply to Web design

Module 3: Designing for Communication LESSON 3 Guiding Questions  Does a square or rectangular shape have any particular meaning to you?  How about a triangle?  What meaning does a circle have?

Module 3: Designing for Communication LESSON 3 Design Analysis Project

Module 3: Designing for Communication LESSON 3 Shape  Organizational use:  Hold concept and ideas  Divide the site  Give meaning:  Rectangles  Circles  Closed figures  3-dimensional

Module 3: Designing for Communication LESSON 3 Rectangles  Commonly used to:  Organizes information  Focuses attention  Advertisements  Text

Module 3: Designing for Communication LESSON 3 Circles  Have a somewhat different meaning:  Can focus attention  Can create a sense of harmony or unity  Can show a process

Module 3: Designing for Communication LESSON 3 Buttons  Rectangles  Circles  Both separate the button from the rest of the site

Module 3: Designing for Communication LESSON 3 Lines  Have similar use to that of shape  Provide separation  Provide organization  Can be curved

Module 3: Designing for Communication LESSON 3 Lines  Create progression or process  Show movement of an object through a system  Create motion or action  Show direction of an object (cartoon figure)

Module 3: Designing for Communication LESSON 3 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

Module 3: Designing for Communication LESSON 3 Assignment  Use the selected Web site  Analyze it according to the use of line  Analyze the use of shape  Write a justification for each

Module 3: Designing for Communication LESSON 3 Lesson Review  What are the best uses of shape and line in Web design?