![Page 1: The Elements of Design: Shape and Line Module 3: Designing for Communication LESSON 3](https://reader031.vdocuments.mx/reader031/viewer/2022032710/56649ee65503460f94bf72de/html5/thumbnails/1.jpg)
The Elements of Design: The Elements of Design: Shape and LineShape and Line
Module 3: Designing for Communication
LESSON 3LESSON 3LESSON 3LESSON 3
![Page 2: The Elements of Design: Shape and Line Module 3: Designing for Communication LESSON 3](https://reader031.vdocuments.mx/reader031/viewer/2022032710/56649ee65503460f94bf72de/html5/thumbnails/2.jpg)
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
![Page 3: The Elements of Design: Shape and Line Module 3: Designing for Communication LESSON 3](https://reader031.vdocuments.mx/reader031/viewer/2022032710/56649ee65503460f94bf72de/html5/thumbnails/3.jpg)
Module 3: Designing for Communication
LESSON 3LESSON 3LESSON 3LESSON 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?
![Page 4: The Elements of Design: Shape and Line Module 3: Designing for Communication LESSON 3](https://reader031.vdocuments.mx/reader031/viewer/2022032710/56649ee65503460f94bf72de/html5/thumbnails/4.jpg)
Module 3: Designing for Communication
LESSON 3LESSON 3LESSON 3LESSON 3
Design Analysis
Project
![Page 5: The Elements of Design: Shape and Line Module 3: Designing for Communication LESSON 3](https://reader031.vdocuments.mx/reader031/viewer/2022032710/56649ee65503460f94bf72de/html5/thumbnails/5.jpg)
Module 3: Designing for Communication
LESSON 3LESSON 3LESSON 3LESSON 3
Shape Organizational use:
Hold concept and ideas Divide the site
Give meaning: Rectangles Circles
Closed figures 3-dimensional
![Page 6: The Elements of Design: Shape and Line Module 3: Designing for Communication LESSON 3](https://reader031.vdocuments.mx/reader031/viewer/2022032710/56649ee65503460f94bf72de/html5/thumbnails/6.jpg)
Module 3: Designing for Communication
LESSON 3LESSON 3LESSON 3LESSON 3
Rectangles Commonly used to:
Organizes information Focuses attention
Advertisements Text
![Page 7: The Elements of Design: Shape and Line Module 3: Designing for Communication LESSON 3](https://reader031.vdocuments.mx/reader031/viewer/2022032710/56649ee65503460f94bf72de/html5/thumbnails/7.jpg)
Module 3: Designing for Communication
LESSON 3LESSON 3LESSON 3LESSON 3
Circles Have a somewhat different meaning:
Can focus attention Can create a sense of harmony or unity Can show a process
![Page 8: The Elements of Design: Shape and Line Module 3: Designing for Communication LESSON 3](https://reader031.vdocuments.mx/reader031/viewer/2022032710/56649ee65503460f94bf72de/html5/thumbnails/8.jpg)
Module 3: Designing for Communication
LESSON 3LESSON 3LESSON 3LESSON 3
Buttons Rectangles Circles Both separate the button from the rest of the site
![Page 9: The Elements of Design: Shape and Line Module 3: Designing for Communication LESSON 3](https://reader031.vdocuments.mx/reader031/viewer/2022032710/56649ee65503460f94bf72de/html5/thumbnails/9.jpg)
Module 3: Designing for Communication
LESSON 3LESSON 3LESSON 3LESSON 3
Lines Have similar use to that of shape Provide separation Provide organization Can be curved
![Page 10: The Elements of Design: Shape and Line Module 3: Designing for Communication LESSON 3](https://reader031.vdocuments.mx/reader031/viewer/2022032710/56649ee65503460f94bf72de/html5/thumbnails/10.jpg)
Module 3: Designing for Communication
LESSON 3LESSON 3LESSON 3LESSON 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)
![Page 11: The Elements of Design: Shape and Line Module 3: Designing for Communication LESSON 3](https://reader031.vdocuments.mx/reader031/viewer/2022032710/56649ee65503460f94bf72de/html5/thumbnails/11.jpg)
Module 3: Designing for Communication
LESSON 3LESSON 3LESSON 3LESSON 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
![Page 12: The Elements of Design: Shape and Line Module 3: Designing for Communication LESSON 3](https://reader031.vdocuments.mx/reader031/viewer/2022032710/56649ee65503460f94bf72de/html5/thumbnails/12.jpg)
Module 3: Designing for Communication
LESSON 3LESSON 3LESSON 3LESSON 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
![Page 13: The Elements of Design: Shape and Line Module 3: Designing for Communication LESSON 3](https://reader031.vdocuments.mx/reader031/viewer/2022032710/56649ee65503460f94bf72de/html5/thumbnails/13.jpg)
Module 3: Designing for Communication
LESSON 3LESSON 3LESSON 3LESSON 3
Lesson Review What are the best uses of shape and line in Web design?