The Elements of Design: Texture and Typography Module 3: Designing for Communication LESSON 5

Module 3: Designing for Communication LESSON 5 Lesson Overview In this lesson, you will:  Explore the uses of texture and typography inWeb design

Module 3: Designing for Communication LESSON 5 Guiding Question  How does the style of text convey emotion?

Module 3: Designing for Communication LESSON 5 Texture  Creating the illusion of depth or three dimensions on a flat surface  Lines  Shadows  Color to highlight

Module 3: Designing for Communication LESSON 5 Using Lines for Texture  Detail lines in hand-drawn images  Veins on leaves  Grain lines on a piece of wood  Hair or fur on an animal  Illusion that object is not flat

Module 3: Designing for Communication LESSON 5 Using Shadows to Create Texture  Make an object appear to be raised off the surface  Text  Buttons  Image outlines

Module 3: Designing for Communication LESSON 5 Using Texture as a Background  Can add visual appeal  Can be distracting if used incorrectly  Place elements, such as text and objects, inside a solid colored shape

Module 3: Designing for Communication LESSON 5 Typography  The use of font  Style  Emphasis  Size  Color

Module 3: Designing for Communication LESSON 5 Style  Serif font  Small strokes at the end of letters  Useful in printed material  Times New Roman  Sans-serif font  Drops the strokes at the end of letters  Useful in electronic material  Arial

Module 3: Designing for Communication LESSON 5 Style  Decorative Script font (Blackadder) Historic or elegant look Difficult to read in longer portions of text  Symbol Font (Webdings)  Symbols for letters or words   Secret codes 

Module 3: Designing for Communication LESSON 5 Emphasis  Types Bold Italic Color Size  Be consistent with use  Avoid underlining

Module 3: Designing for Communication LESSON 5 Size  Measured by points  Point = 1/72 inch  Sizes for Web design  12 points or 14 points  10 points or lower: hard to read  16 points or higher: used for headings 8 pt 12 pt 20 pt 36 pt 48 pt 60 pt

Module 3: Designing for Communication LESSON 5 Typography Sends a Message  Some styles communicate an emotion or a feeling  Decorative – historic or elegant  Capital letters – anger or shouting Emerging Technologies – message is neither historical nor elegant QUIET NAP TIME – message doesn’t show anger and doesn’t need to be shouted

Module 3: Designing for Communication LESSON 5 Assignment  Use the Web site you selected for the Design Analysis Project  Analyze it according to good design guidelines for texture  Analyze it according to good design guidelines for typography  Begin writing your justification for each  Finish analyzing any other design elements that you may need to complete

Module 3: Designing for Communication LESSON 5 Lesson Review  How does the use of texture and typography apply to Web design?