SlideShare a Scribd company logo
1 of 3
Type for the web needs to be both legible and search
engine friendly.
Type
Fundamentals of Design
Unit 6: Type
Module 5: Type for The Web
Hierarchy and location on the web page are very important.
Type
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
Fundamentals of Design
Unit 6: Type
Module 5: Type for The Web

More Related Content

Viewers also liked

Dig imag unit 2 module 1 using and managing layers
Dig imag unit 2 module 1 using and managing layersDig imag unit 2 module 1 using and managing layers
Dig imag unit 2 module 1 using and managing layerskateridrex
 
Fund of design unit 7 module 3 understanding the expressive potential of balance
Fund of design unit 7 module 3 understanding the expressive potential of balanceFund of design unit 7 module 3 understanding the expressive potential of balance
Fund of design unit 7 module 3 understanding the expressive potential of balancekateridrex
 
Fund of design unit 5 module 3 understanding expressive nature
Fund of design unit 5 module 3 understanding expressive natureFund of design unit 5 module 3 understanding expressive nature
Fund of design unit 5 module 3 understanding expressive naturekateridrex
 
Fund of design unit 9 module 1 understanding imagery and rhythm
Fund of design unit 9 module 1 understanding imagery and rhythm Fund of design unit 9 module 1 understanding imagery and rhythm
Fund of design unit 9 module 1 understanding imagery and rhythm kateridrex
 
Elem of design unit 2 module 1 discussion of digital color
Elem of design unit 2 module 1 discussion of digital colorElem of design unit 2 module 1 discussion of digital color
Elem of design unit 2 module 1 discussion of digital colorkateridrex
 
Elem of design unit 5 module 2 creating and editing gradients
Elem of design unit 5 module 2 creating and editing gradientsElem of design unit 5 module 2 creating and editing gradients
Elem of design unit 5 module 2 creating and editing gradientskateridrex
 
Wd131 unit 1 module 1 format types
Wd131 unit 1 module 1 format types Wd131 unit 1 module 1 format types
Wd131 unit 1 module 1 format types kateridrex
 
Fund of design unit 4 module 2 physical qualities of color
Fund of design unit 4 module 2 physical qualities of color Fund of design unit 4 module 2 physical qualities of color
Fund of design unit 4 module 2 physical qualities of color kateridrex
 
Fund of design unit 6 module 3 type as visual organizer
Fund of design unit 6 module 3 type as visual organizer Fund of design unit 6 module 3 type as visual organizer
Fund of design unit 6 module 3 type as visual organizer kateridrex
 
Wd133 unit 8 module 1 understanding channels
Wd133 unit 8 module 1 understanding channelsWd133 unit 8 module 1 understanding channels
Wd133 unit 8 module 1 understanding channelskateridrex
 
Elem of design unit 9 module 1 integrating text and graphics
Elem of design unit 9 module 1 integrating text and graphicsElem of design unit 9 module 1 integrating text and graphics
Elem of design unit 9 module 1 integrating text and graphicskateridrex
 
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 propertieskateridrex
 
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 toolskateridrex
 
Wd133 unit 6 module 1 working with layer masks
Wd133 unit 6 module 1 working with layer masksWd133 unit 6 module 1 working with layer masks
Wd133 unit 6 module 1 working with layer maskskateridrex
 
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 maskskateridrex
 
Wd133 unit 6 module 2 using adjustment layers
Wd133 unit 6 module 2 using adjustment layersWd133 unit 6 module 2 using adjustment layers
Wd133 unit 6 module 2 using adjustment layerskateridrex
 
Wd131 unit 10 module 3 understanding the purpose of a template
Wd131 unit 10 module 3 understanding the purpose of a templateWd131 unit 10 module 3 understanding the purpose of a template
Wd131 unit 10 module 3 understanding the purpose of a templatekateridrex
 

Viewers also liked (17)

Dig imag unit 2 module 1 using and managing layers
Dig imag unit 2 module 1 using and managing layersDig imag unit 2 module 1 using and managing layers
Dig imag unit 2 module 1 using and managing layers
 
Fund of design unit 7 module 3 understanding the expressive potential of balance
Fund of design unit 7 module 3 understanding the expressive potential of balanceFund of design unit 7 module 3 understanding the expressive potential of balance
Fund of design unit 7 module 3 understanding the expressive potential of balance
 
Fund of design unit 5 module 3 understanding expressive nature
Fund of design unit 5 module 3 understanding expressive natureFund of design unit 5 module 3 understanding expressive nature
Fund of design unit 5 module 3 understanding expressive nature
 
Fund of design unit 9 module 1 understanding imagery and rhythm
Fund of design unit 9 module 1 understanding imagery and rhythm Fund of design unit 9 module 1 understanding imagery and rhythm
Fund of design unit 9 module 1 understanding imagery and rhythm
 
Elem of design unit 2 module 1 discussion of digital color
Elem of design unit 2 module 1 discussion of digital colorElem of design unit 2 module 1 discussion of digital color
Elem of design unit 2 module 1 discussion of digital color
 
Elem of design unit 5 module 2 creating and editing gradients
Elem of design unit 5 module 2 creating and editing gradientsElem of design unit 5 module 2 creating and editing gradients
Elem of design unit 5 module 2 creating and editing gradients
 
Wd131 unit 1 module 1 format types
Wd131 unit 1 module 1 format types Wd131 unit 1 module 1 format types
Wd131 unit 1 module 1 format types
 
Fund of design unit 4 module 2 physical qualities of color
Fund of design unit 4 module 2 physical qualities of color Fund of design unit 4 module 2 physical qualities of color
Fund of design unit 4 module 2 physical qualities of color
 
Fund of design unit 6 module 3 type as visual organizer
Fund of design unit 6 module 3 type as visual organizer Fund of design unit 6 module 3 type as visual organizer
Fund of design unit 6 module 3 type as visual organizer
 
Wd133 unit 8 module 1 understanding channels
Wd133 unit 8 module 1 understanding channelsWd133 unit 8 module 1 understanding channels
Wd133 unit 8 module 1 understanding channels
 
Elem of design unit 9 module 1 integrating text and graphics
Elem of design unit 9 module 1 integrating text and graphicsElem of design unit 9 module 1 integrating text and graphics
Elem of design unit 9 module 1 integrating text and graphics
 
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 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
 
Wd133 unit 6 module 1 working with layer masks
Wd133 unit 6 module 1 working with layer masksWd133 unit 6 module 1 working with layer masks
Wd133 unit 6 module 1 working with layer masks
 
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
 
Wd133 unit 6 module 2 using adjustment layers
Wd133 unit 6 module 2 using adjustment layersWd133 unit 6 module 2 using adjustment layers
Wd133 unit 6 module 2 using adjustment layers
 
Wd131 unit 10 module 3 understanding the purpose of a template
Wd131 unit 10 module 3 understanding the purpose of a templateWd131 unit 10 module 3 understanding the purpose of a template
Wd131 unit 10 module 3 understanding the purpose of a template
 

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 imagekateridrex
 
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 imagekateridrex
 
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 buttonskateridrex
 
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 graphicskateridrex
 
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 effectskateridrex
 
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 shapeskateridrex
 
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 toolkateridrex
 
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 correctionskateridrex
 
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 channelskateridrex
 
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 channelskateridrex
 
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 filterskateridrex
 
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 filterskateridrex
 
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 layerskateridrex
 
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 maskskateridrex
 
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 textkateridrex
 
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
 
Dig imag unit 3 module 3 incorporating color techniques
Dig imag unit 3 module 3  incorporating color techniquesDig imag unit 3 module 3  incorporating color techniques
Dig imag unit 3 module 3 incorporating color techniqueskateridrex
 
Dig imag unit 3 module 2 working with the color picker and swatches palette
Dig imag unit 3 module 2 working with the color picker and swatches paletteDig imag unit 3 module 2 working with the color picker and swatches palette
Dig imag unit 3 module 2 working with the color picker and swatches palettekateridrex
 

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 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
 
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 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]
 
Dig imag unit 3 module 3 incorporating color techniques
Dig imag unit 3 module 3  incorporating color techniquesDig imag unit 3 module 3  incorporating color techniques
Dig imag unit 3 module 3 incorporating color techniques
 
Dig imag unit 3 module 2 working with the color picker and swatches palette
Dig imag unit 3 module 2 working with the color picker and swatches paletteDig imag unit 3 module 2 working with the color picker and swatches palette
Dig imag unit 3 module 2 working with the color picker and swatches palette
 

Fund of design unit 6 module 5 type for the web

  • 1. Type for the web needs to be both legible and search engine friendly. Type Fundamentals of Design Unit 6: Type Module 5: Type for The Web
  • 2. Hierarchy and location on the web page are very important. Type 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 Fundamentals of Design Unit 6: Type Module 5: Type for The Web