SlideShare a Scribd company logo
1 of 7
It is important to harmonize the characteristics
of a typeface with the intended message.
Factors that affect readability and legibility,
include:
•Type size, leading, and kerning
•Number of characters and line length
•Font selection—serif, sans serif, and
fancy
•Typeface selection
.
Type
WD131: Fundamentals of Design
Unit 6: Type
Module 3: Type as a Visual Organizer of Information
The upper halves of characters are scanned by the eye making for easy recognition
and reading
Words set in lowercase type are more easily recognizable than words set in
uppercase type
Type should be seamless and not call attention to itself.
Legibilty
WD131: Fundamentals of Design
Unit 6: Type
Module 3: Type as a Visual Organizer of Information
Too tight of spacing causes the
reader to work harder.
Too loose creates rivers disrupting
eye movement
across a page
Normal is “just right”.
Spacing
WD131: Fundamentals of Design
Unit 6: Type
Module 3: Type as a Visual Organizer of Information
Not all typefaces are created equal
WD131: Fundamentals of Design
Unit 6: Type
Module 3: Type as a Visual Organizer of Information
Most text settings are improved with a 1-2 point increase in leading.
Too much linespace can cause type to become disjointed and ununified.
Leading
WD131: Fundamentals of Design
Unit 6: Type
Module 3: Type as a Visual Organizer of Information
Should be comfortable to read
Larger type = longer line length
Should not exceed 35 - 70 characters per line
Line Length
WD131: Fundamentals of Design
Unit 6: Type
Module 3: Type as a Visual Organizer of Information
Widows
A short line at the end of a paragraph.
General rule of thumb:
if it is less than 7 characters it is a widow.
Orphans
A short line that appears at the top of a column
or the first line of a paragraph that appears at
the end of a column or page.
Widows & Orphans
WD131: Fundamentals of Design
Unit 6: Type
Module 3: Type as a Visual Organizer of Information

More Related Content

Viewers also liked

Wd131 unit 4 module 1 learning the vocabulary of color
Wd131 unit 4 module 1 learning the vocabulary of color Wd131 unit 4 module 1 learning the vocabulary of color
Wd131 unit 4 module 1 learning the vocabulary of color kateridrex
 
Elem of design unit 9 module 2 document layers
Elem of design unit 9 module 2 document layersElem of design unit 9 module 2 document layers
Elem of design unit 9 module 2 document layerskateridrex
 
Fund of design unit 1 module 1 format types
Fund of design unit 1 module 1 format types Fund of design unit 1 module 1 format types
Fund of design unit 1 module 1 format types kateridrex
 
Wd131 unit 3 module 3 the expressiveness of shape
Wd131 unit 3 module 3 the expressiveness of shapeWd131 unit 3 module 3 the expressiveness of shape
Wd131 unit 3 module 3 the expressiveness of shapekateridrex
 
Wd131 unit 3 module 1 exploring the varieties of shape
Wd131 unit 3 module 1 exploring the varieties of shape Wd131 unit 3 module 1 exploring the varieties of shape
Wd131 unit 3 module 1 exploring the varieties of shape 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 effectskateridrex
 
Wd133 unit 6 module 3 using clipping masks
Wd133 unit 6 module 3 using clipping masksWd133 unit 6 module 3 using clipping masks
Wd133 unit 6 module 3 using clipping maskskateridrex
 
Elem of design unit 4 module 2 kerning, leading, tracking
Elem of design unit 4 module 2 kerning, leading, trackingElem of design unit 4 module 2 kerning, leading, tracking
Elem of design unit 4 module 2 kerning, leading, trackingkateridrex
 
Wd133 unit 5 module 1 learning about brush types and properties
Wd133 unit 5 module 1 learning about brush types and propertiesWd133 unit 5 module 1 learning about brush types and properties
Wd133 unit 5 module 1 learning about brush types and propertieskateridrex
 

Viewers also liked (9)

Wd131 unit 4 module 1 learning the vocabulary of color
Wd131 unit 4 module 1 learning the vocabulary of color Wd131 unit 4 module 1 learning the vocabulary of color
Wd131 unit 4 module 1 learning the vocabulary of color
 
Elem of design unit 9 module 2 document layers
Elem of design unit 9 module 2 document layersElem of design unit 9 module 2 document layers
Elem of design unit 9 module 2 document layers
 
Fund of design unit 1 module 1 format types
Fund of design unit 1 module 1 format types Fund of design unit 1 module 1 format types
Fund of design unit 1 module 1 format types
 
Wd131 unit 3 module 3 the expressiveness of shape
Wd131 unit 3 module 3 the expressiveness of shapeWd131 unit 3 module 3 the expressiveness of shape
Wd131 unit 3 module 3 the expressiveness of shape
 
Wd131 unit 3 module 1 exploring the varieties of shape
Wd131 unit 3 module 1 exploring the varieties of shape Wd131 unit 3 module 1 exploring the varieties of shape
Wd131 unit 3 module 1 exploring the varieties of shape
 
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
 
Wd133 unit 6 module 3 using clipping masks
Wd133 unit 6 module 3 using clipping masksWd133 unit 6 module 3 using clipping masks
Wd133 unit 6 module 3 using clipping masks
 
Elem of design unit 4 module 2 kerning, leading, tracking
Elem of design unit 4 module 2 kerning, leading, trackingElem of design unit 4 module 2 kerning, leading, tracking
Elem of design unit 4 module 2 kerning, leading, tracking
 
Wd133 unit 5 module 1 learning about brush types and properties
Wd133 unit 5 module 1 learning about brush types and propertiesWd133 unit 5 module 1 learning about brush types and properties
Wd133 unit 5 module 1 learning about brush types and properties
 

Similar to Wd131 unit 6 module 3 type as visual organizer

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
 
Wd133 unit 4 module 1 learning about type fonts and properties[2]
Wd133 unit 4 module 1 learning about type fonts and properties[2]Wd133 unit 4 module 1 learning about type fonts and properties[2]
Wd133 unit 4 module 1 learning about type fonts and properties[2]kateridrex
 
Wd131 unit 6 module 4 the rules of type
Wd131 unit 6 module 4 the rules of type Wd131 unit 6 module 4 the rules of type
Wd131 unit 6 module 4 the rules of type kateridrex
 
Wd131 unit 6 module 4 the rules of type
Wd131 unit 6 module 4 the rules of type Wd131 unit 6 module 4 the rules of type
Wd131 unit 6 module 4 the rules of type kateridrex
 
Chapter 2 : TEXT
Chapter 2 : TEXTChapter 2 : TEXT
Chapter 2 : TEXTazira96
 
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 typekateridrex
 
Does your email pass the ABC test?
Does your email pass the ABC test?Does your email pass the ABC test?
Does your email pass the ABC test?Patricia Holburn
 
VA1160 - Class 11
VA1160 - Class 11VA1160 - Class 11
VA1160 - Class 11Bryan Chung
 
5 Feb 09 Online Journalism – Multimedia Packages&Writing Class Notes Feb5 2009
5 Feb 09 Online Journalism – Multimedia Packages&Writing Class Notes Feb5 20095 Feb 09 Online Journalism – Multimedia Packages&Writing Class Notes Feb5 2009
5 Feb 09 Online Journalism – Multimedia Packages&Writing Class Notes Feb5 2009Neil Foote
 
Human Computer Interaction Unit III Part 2
Human Computer Interaction Unit III Part 2Human Computer Interaction Unit III Part 2
Human Computer Interaction Unit III Part 2ashodhiyavipin
 
Paragraph formatting
Paragraph formattingParagraph formatting
Paragraph formattingRobinPickles
 
Писане за Уеб в 10 прости правила
Писане за Уеб в 10 прости правилаПисане за Уеб в 10 прости правила
Писане за Уеб в 10 прости правилаJustine Toms
 
Practical Typography or Typography vs Design
Practical Typography or Typography vs DesignPractical Typography or Typography vs Design
Practical Typography or Typography vs DesignRavi Bhadauria
 

Similar to Wd131 unit 6 module 3 type as visual organizer (20)

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]
 
Wd133 unit 4 module 1 learning about type fonts and properties[2]
Wd133 unit 4 module 1 learning about type fonts and properties[2]Wd133 unit 4 module 1 learning about type fonts and properties[2]
Wd133 unit 4 module 1 learning about type fonts and properties[2]
 
Wd131 unit 6 module 4 the rules of type
Wd131 unit 6 module 4 the rules of type Wd131 unit 6 module 4 the rules of type
Wd131 unit 6 module 4 the rules of type
 
Wd131 unit 6 module 4 the rules of type
Wd131 unit 6 module 4 the rules of type Wd131 unit 6 module 4 the rules of type
Wd131 unit 6 module 4 the rules of type
 
Making social media work, building on line community
Making social media work, building on line communityMaking social media work, building on line community
Making social media work, building on line community
 
Chapter 2
Chapter 2Chapter 2
Chapter 2
 
Chapter 2 : TEXT
Chapter 2 : TEXTChapter 2 : TEXT
Chapter 2 : TEXT
 
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
 
Writing For The Web
Writing For The WebWriting For The Web
Writing For The Web
 
Does your email pass the ABC test?
Does your email pass the ABC test?Does your email pass the ABC test?
Does your email pass the ABC test?
 
VA1160 - Class 11
VA1160 - Class 11VA1160 - Class 11
VA1160 - Class 11
 
Multimedia Design Chapter 2
Multimedia Design Chapter 2Multimedia Design Chapter 2
Multimedia Design Chapter 2
 
5 Feb 09 Online Journalism – Multimedia Packages&Writing Class Notes Feb5 2009
5 Feb 09 Online Journalism – Multimedia Packages&Writing Class Notes Feb5 20095 Feb 09 Online Journalism – Multimedia Packages&Writing Class Notes Feb5 2009
5 Feb 09 Online Journalism – Multimedia Packages&Writing Class Notes Feb5 2009
 
Human Computer Interaction Unit III Part 2
Human Computer Interaction Unit III Part 2Human Computer Interaction Unit III Part 2
Human Computer Interaction Unit III Part 2
 
Writing for the Web
Writing for the WebWriting for the Web
Writing for the Web
 
Paragraph formatting
Paragraph formattingParagraph formatting
Paragraph formatting
 
Писане за Уеб в 10 прости правила
Писане за Уеб в 10 прости правилаПисане за Уеб в 10 прости правила
Писане за Уеб в 10 прости правила
 
Practical Typography or Typography vs Design
Practical Typography or Typography vs DesignPractical Typography or Typography vs Design
Practical Typography or Typography vs Design
 
Zhao
ZhaoZhao
Zhao
 
Web based writing
Web based writing Web based writing
Web based writing
 

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 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 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
 
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 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
 
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 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 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 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 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 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
 

Wd131 unit 6 module 3 type as visual organizer

  • 1. It is important to harmonize the characteristics of a typeface with the intended message. Factors that affect readability and legibility, include: •Type size, leading, and kerning •Number of characters and line length •Font selection—serif, sans serif, and fancy •Typeface selection . Type WD131: Fundamentals of Design Unit 6: Type Module 3: Type as a Visual Organizer of Information
  • 2. The upper halves of characters are scanned by the eye making for easy recognition and reading Words set in lowercase type are more easily recognizable than words set in uppercase type Type should be seamless and not call attention to itself. Legibilty WD131: Fundamentals of Design Unit 6: Type Module 3: Type as a Visual Organizer of Information
  • 3. Too tight of spacing causes the reader to work harder. Too loose creates rivers disrupting eye movement across a page Normal is “just right”. Spacing WD131: Fundamentals of Design Unit 6: Type Module 3: Type as a Visual Organizer of Information
  • 4. Not all typefaces are created equal WD131: Fundamentals of Design Unit 6: Type Module 3: Type as a Visual Organizer of Information
  • 5. Most text settings are improved with a 1-2 point increase in leading. Too much linespace can cause type to become disjointed and ununified. Leading WD131: Fundamentals of Design Unit 6: Type Module 3: Type as a Visual Organizer of Information
  • 6. Should be comfortable to read Larger type = longer line length Should not exceed 35 - 70 characters per line Line Length WD131: Fundamentals of Design Unit 6: Type Module 3: Type as a Visual Organizer of Information
  • 7. Widows A short line at the end of a paragraph. General rule of thumb: if it is less than 7 characters it is a widow. Orphans A short line that appears at the top of a column or the first line of a paragraph that appears at the end of a column or page. Widows & Orphans WD131: Fundamentals of Design Unit 6: Type Module 3: Type as a Visual Organizer of Information