SlideShare a Scribd company logo
Type for the web needs to be both legible and search
engine friendly.
Type
WD131: Fundamentals of Design
Unit 6: Type
Module 5: Type for The Web
Hierarchy and location on the web page are very important.
Type
WD131: Fundamentals of Design
Unit 6: Type
Module 5: Type for The Web
Not all fonts are friendly. Consider using a Google font that has already
been optimized for the web.
Type
WD131: Fundamentals of Design
Unit 6: Type
Module 5: Type for The Web

More Related Content

Viewers also liked

Wd131 unit 7 module 1 defining the principles of balance
Wd131 unit 7 module 1 defining the principles of balance Wd131 unit 7 module 1 defining the principles of balance
Wd131 unit 7 module 1 defining the principles of balance
kateridrex
 
Dig imag unit 7 module 1 understanding and implementing filters
Dig imag unit 7 module 1 understanding and implementing filtersDig imag unit 7 module 1 understanding and implementing filters
Dig imag unit 7 module 1 understanding and implementing filters
kateridrex
 
Elem of design unit 1 module 2 psychology of color
Elem of design unit 1 module 2 psychology of color Elem of design unit 1 module 2 psychology of color
Elem of design unit 1 module 2 psychology of color
kateridrex
 
Wd131 unit 5 module 3 understanding expressive nature
Wd131 unit 5 module 3 understanding expressive natureWd131 unit 5 module 3 understanding expressive nature
Wd131 unit 5 module 3 understanding expressive nature
kateridrex
 
Keys to Online Learning
Keys to Online LearningKeys to Online Learning
Keys to Online Learning
kateridrex
 
Rwanda ignite presentation
Rwanda ignite presentationRwanda ignite presentation
Rwanda ignite presentation
kateridrex
 
Wd131 unit 6 module 1 using type as design
Wd131 unit 6 module 1 using type as designWd131 unit 6 module 1 using type as design
Wd131 unit 6 module 1 using type as design
kateridrex
 
Wd131 unit 7 module 2 strategies for crafting balance
Wd131 unit 7 module 2 strategies for crafting balanceWd131 unit 7 module 2 strategies for crafting balance
Wd131 unit 7 module 2 strategies for crafting balance
kateridrex
 
Online learning
Online learningOnline learning
Online learning
kateridrex
 
Using Technology in the Higher Ed Classroom
Using Technology in the Higher Ed ClassroomUsing Technology in the Higher Ed Classroom
Using Technology in the Higher Ed Classroom
kateridrex
 
Elem of design unit 4 module 1 structure of type
Elem of design unit 4 module 1 structure of typeElem of design unit 4 module 1 structure of type
Elem of design unit 4 module 1 structure of type
kateridrex
 
Elem of design unit 8 module 3 working with text on a frame
Elem of design unit 8 module 3 working with text on a frameElem of design unit 8 module 3 working with text on a frame
Elem of design unit 8 module 3 working with text on a frame
kateridrex
 

Viewers also liked (12)

Wd131 unit 7 module 1 defining the principles of balance
Wd131 unit 7 module 1 defining the principles of balance Wd131 unit 7 module 1 defining the principles of balance
Wd131 unit 7 module 1 defining the principles of balance
 
Dig imag unit 7 module 1 understanding and implementing filters
Dig imag unit 7 module 1 understanding and implementing filtersDig imag unit 7 module 1 understanding and implementing filters
Dig imag unit 7 module 1 understanding and implementing filters
 
Elem of design unit 1 module 2 psychology of color
Elem of design unit 1 module 2 psychology of color Elem of design unit 1 module 2 psychology of color
Elem of design unit 1 module 2 psychology of color
 
Wd131 unit 5 module 3 understanding expressive nature
Wd131 unit 5 module 3 understanding expressive natureWd131 unit 5 module 3 understanding expressive nature
Wd131 unit 5 module 3 understanding expressive nature
 
Keys to Online Learning
Keys to Online LearningKeys to Online Learning
Keys to Online Learning
 
Rwanda ignite presentation
Rwanda ignite presentationRwanda ignite presentation
Rwanda ignite presentation
 
Wd131 unit 6 module 1 using type as design
Wd131 unit 6 module 1 using type as designWd131 unit 6 module 1 using type as design
Wd131 unit 6 module 1 using type as design
 
Wd131 unit 7 module 2 strategies for crafting balance
Wd131 unit 7 module 2 strategies for crafting balanceWd131 unit 7 module 2 strategies for crafting balance
Wd131 unit 7 module 2 strategies for crafting balance
 
Online learning
Online learningOnline learning
Online learning
 
Using Technology in the Higher Ed Classroom
Using Technology in the Higher Ed ClassroomUsing Technology in the Higher Ed Classroom
Using Technology in the Higher Ed Classroom
 
Elem of design unit 4 module 1 structure of type
Elem of design unit 4 module 1 structure of typeElem of design unit 4 module 1 structure of type
Elem of design unit 4 module 1 structure of type
 
Elem of design unit 8 module 3 working with text on a frame
Elem of design unit 8 module 3 working with text on a frameElem of design unit 8 module 3 working with text on a frame
Elem of design unit 8 module 3 working with text on a frame
 

More from kateridrex

Dig imag unit 11 module 4 creating slices in an image (2)
Dig imag unit 11 module 4 creating slices in an image (2)Dig imag unit 11 module 4 creating slices in an image (2)
Dig imag unit 11 module 4 creating slices in an image (2)
kateridrex
 
Dig imag unit 11 module 4 creating slices in an image (2)
Dig imag unit 11 module 4 creating slices in an image (2)Dig imag unit 11 module 4 creating slices in an image (2)
Dig imag unit 11 module 4 creating slices in an image (2)
kateridrex
 
Dig imag unit 11 module 4(2) creating slices in an image
Dig imag unit 11 module 4(2) creating slices in an imageDig imag unit 11 module 4(2) creating slices in an image
Dig imag unit 11 module 4(2) creating slices in an image
kateridrex
 
Dig imag unit 11 module 4 creating slices in an image
Dig imag unit 11 module 4 creating slices in an imageDig imag unit 11 module 4 creating slices in an image
Dig imag unit 11 module 4 creating slices in an image
kateridrex
 
Dig imag unit 11 module 3 creating buttons
Dig imag unit 11 module 3 creating buttonsDig imag unit 11 module 3 creating buttons
Dig imag unit 11 module 3 creating buttons
kateridrex
 
Dig imag unit 11 module 1 understanding web graphics
Dig imag unit 11 module 1 understanding web graphicsDig imag unit 11 module 1 understanding web graphics
Dig imag unit 11 module 1 understanding web graphics
kateridrex
 
Dig imag unit 10 module 1 advanced type effects
Dig imag unit 10 module 1 advanced type effectsDig imag unit 10 module 1 advanced type effects
Dig imag unit 10 module 1 advanced type effects
kateridrex
 
Dig imag unit 9 module 2 modifying shapes
Dig imag unit 9 module 2 modifying shapesDig imag unit 9 module 2 modifying shapes
Dig imag unit 9 module 2 modifying shapes
kateridrex
 
Dig imag unit 9 module 1 working with the pen tool
Dig imag unit 9 module 1 working with the pen toolDig imag unit 9 module 1 working with the pen tool
Dig imag unit 9 module 1 working with the pen tool
kateridrex
 
Dig imag unit 8 module 3 making color corrections
Dig imag unit 8 module 3 making color correctionsDig imag unit 8 module 3 making color corrections
Dig imag unit 8 module 3 making color corrections
kateridrex
 
Dig imag unit 8 module 2 creating and saving alpha channels
Dig imag unit 8 module 2 creating and saving alpha channelsDig imag unit 8 module 2 creating and saving alpha channels
Dig imag unit 8 module 2 creating and saving alpha channels
kateridrex
 
Dig imag unit 8 module 1 understanding channels
Dig imag unit 8 module 1 understanding channelsDig imag unit 8 module 1 understanding channels
Dig imag unit 8 module 1 understanding channels
kateridrex
 
Dig imag unit 7 module 2 adjusting filters
Dig imag unit 7 module 2 adjusting filtersDig imag unit 7 module 2 adjusting filters
Dig imag unit 7 module 2 adjusting filters
kateridrex
 
Dig imag unit 6 module 3 using clipping masks
Dig imag unit 6 module 3 using clipping masksDig imag unit 6 module 3 using clipping masks
Dig imag unit 6 module 3 using clipping masks
kateridrex
 
Dig imag unit 6 module 2 using adjustment layers
Dig imag unit 6 module 2 using adjustment layersDig imag unit 6 module 2 using adjustment layers
Dig imag unit 6 module 2 using adjustment layers
kateridrex
 
Dig imag unit 6 module 1 working with layer masks
Dig imag unit 6 module 1 working with layer masksDig imag unit 6 module 1 working with layer masks
Dig imag unit 6 module 1 working with layer masks
kateridrex
 
Dig imag unit 5 module 2 using the various painting tools
Dig imag unit 5 module 2 using the various painting toolsDig imag unit 5 module 2 using the various painting tools
Dig imag unit 5 module 2 using the various painting tools
kateridrex
 
Dig imag unit 5 module 1 learning about brush types and properties
Dig imag unit 5 module 1 learning about brush types and propertiesDig imag unit 5 module 1 learning about brush types and properties
Dig imag unit 5 module 1 learning about brush types and properties
kateridrex
 
Dig imag unit 4 module 3 creating path text
Dig imag unit 4 module 3 creating path textDig imag unit 4 module 3 creating path text
Dig imag unit 4 module 3 creating path text
kateridrex
 
Dig imag unit 4 module 1 learning about type fonts and properties[2]
Dig imag unit 4 module 1 learning about type fonts and properties[2]Dig imag unit 4 module 1 learning about type fonts and properties[2]
Dig imag unit 4 module 1 learning about type fonts and properties[2]
kateridrex
 

More from kateridrex (20)

Dig imag unit 11 module 4 creating slices in an image (2)
Dig imag unit 11 module 4 creating slices in an image (2)Dig imag unit 11 module 4 creating slices in an image (2)
Dig imag unit 11 module 4 creating slices in an image (2)
 
Dig imag unit 11 module 4 creating slices in an image (2)
Dig imag unit 11 module 4 creating slices in an image (2)Dig imag unit 11 module 4 creating slices in an image (2)
Dig imag unit 11 module 4 creating slices in an image (2)
 
Dig imag unit 11 module 4(2) creating slices in an image
Dig imag unit 11 module 4(2) creating slices in an imageDig imag unit 11 module 4(2) creating slices in an image
Dig imag unit 11 module 4(2) creating slices in an image
 
Dig imag unit 11 module 4 creating slices in an image
Dig imag unit 11 module 4 creating slices in an imageDig imag unit 11 module 4 creating slices in an image
Dig imag unit 11 module 4 creating slices in an image
 
Dig imag unit 11 module 3 creating buttons
Dig imag unit 11 module 3 creating buttonsDig imag unit 11 module 3 creating buttons
Dig imag unit 11 module 3 creating buttons
 
Dig imag unit 11 module 1 understanding web graphics
Dig imag unit 11 module 1 understanding web graphicsDig imag unit 11 module 1 understanding web graphics
Dig imag unit 11 module 1 understanding web graphics
 
Dig imag unit 10 module 1 advanced type effects
Dig imag unit 10 module 1 advanced type effectsDig imag unit 10 module 1 advanced type effects
Dig imag unit 10 module 1 advanced type effects
 
Dig imag unit 9 module 2 modifying shapes
Dig imag unit 9 module 2 modifying shapesDig imag unit 9 module 2 modifying shapes
Dig imag unit 9 module 2 modifying shapes
 
Dig imag unit 9 module 1 working with the pen tool
Dig imag unit 9 module 1 working with the pen toolDig imag unit 9 module 1 working with the pen tool
Dig imag unit 9 module 1 working with the pen tool
 
Dig imag unit 8 module 3 making color corrections
Dig imag unit 8 module 3 making color correctionsDig imag unit 8 module 3 making color corrections
Dig imag unit 8 module 3 making color corrections
 
Dig imag unit 8 module 2 creating and saving alpha channels
Dig imag unit 8 module 2 creating and saving alpha channelsDig imag unit 8 module 2 creating and saving alpha channels
Dig imag unit 8 module 2 creating and saving alpha channels
 
Dig imag unit 8 module 1 understanding channels
Dig imag unit 8 module 1 understanding channelsDig imag unit 8 module 1 understanding channels
Dig imag unit 8 module 1 understanding channels
 
Dig imag unit 7 module 2 adjusting filters
Dig imag unit 7 module 2 adjusting filtersDig imag unit 7 module 2 adjusting filters
Dig imag unit 7 module 2 adjusting filters
 
Dig imag unit 6 module 3 using clipping masks
Dig imag unit 6 module 3 using clipping masksDig imag unit 6 module 3 using clipping masks
Dig imag unit 6 module 3 using clipping masks
 
Dig imag unit 6 module 2 using adjustment layers
Dig imag unit 6 module 2 using adjustment layersDig imag unit 6 module 2 using adjustment layers
Dig imag unit 6 module 2 using adjustment layers
 
Dig imag unit 6 module 1 working with layer masks
Dig imag unit 6 module 1 working with layer masksDig imag unit 6 module 1 working with layer masks
Dig imag unit 6 module 1 working with layer masks
 
Dig imag unit 5 module 2 using the various painting tools
Dig imag unit 5 module 2 using the various painting toolsDig imag unit 5 module 2 using the various painting tools
Dig imag unit 5 module 2 using the various painting tools
 
Dig imag unit 5 module 1 learning about brush types and properties
Dig imag unit 5 module 1 learning about brush types and propertiesDig imag unit 5 module 1 learning about brush types and properties
Dig imag unit 5 module 1 learning about brush types and properties
 
Dig imag unit 4 module 3 creating path text
Dig imag unit 4 module 3 creating path textDig imag unit 4 module 3 creating path text
Dig imag unit 4 module 3 creating path text
 
Dig imag unit 4 module 1 learning about type fonts and properties[2]
Dig imag unit 4 module 1 learning about type fonts and properties[2]Dig imag unit 4 module 1 learning about type fonts and properties[2]
Dig imag unit 4 module 1 learning about type fonts and properties[2]
 

Wd131 unit 6 module 5 type for the web

  • 1. Type for the web needs to be both legible and search engine friendly. Type WD131: Fundamentals of Design Unit 6: Type Module 5: Type for The Web
  • 2. Hierarchy and location on the web page are very important. Type WD131: Fundamentals of Design Unit 6: Type Module 5: Type for The Web
  • 3. Not all fonts are friendly. Consider using a Google font that has already been optimized for the web. Type WD131: Fundamentals of Design Unit 6: Type Module 5: Type for The Web