SlideShare a Scribd company logo
1 of 15
Elements of Design
Unit 4: Introduction to Type and Type Properties
Module 1: Structure of Type and Type Measurement
Type
It’s important for designers to
understand some key terminology
related to type.
Elements of Design
Unit 4: Introduction to Type and Type Properties
Module 1: Structure of Type and Type Measurement
Readability is related to how the type is arranged.
Readability is affected by point size, leading, line length,
alignment, letter-spacing, and word-spacing. Paragraphs of
text, similar to paragraphs in a textbook or a novel, are
meant to be read for comprehension, and focus must be
placed on readability. This emphasis ensures that the eyes
do not tire and that the formatting of the copy does not
distract a person from the meaning of the text.
The color and texture of the type selected will also affect
the readability and message conveyed. Display of red text
on a black background is considered striking, eye-catching,
and readable. White body copy on a black background can
add contrast. However, the designer must watch out for
strokes that are too thin.
Type
 Readability
 Legibility
 Leading
 Kerning
 Tracking
 Leading
 Justified Text
 White Space
Elements of Design
Unit 4: Introduction to Type and Type Properties
Module 1: Structure of Type and Type Measurement
Readability
Elements of Design
Unit 4: Introduction to Type and Type Properties
Module 1: Structure of Type and Type Measurement
Legibility refers to the typeface design. This element
includes the size of the counters, the x-height, the size of
ascenders and descenders, the character shape and
angles, stroke contrast, serifs or the lack of serifs, and the
weight. These features help distinguish one letter from
another. A headline on a poster is meant to capture
attention and immediately convey a feeling. Legibility,
though necessary, is not always the highest priority.
Script, calligraphic, and hand-written fonts are used in
both display and body copy applications. Although they
can convey elegance, formality, or individualist messaging,
the legibility can be poor, and they can be difficult to read.
Type
 Readability
 Legibility
 Leading
 Kerning
 Tracking
 Justified Text
 White Space
Elements of Design
Unit 4: Introduction to Type and Type Properties
Module 1: Structure of Type and Type Measurement
Legibility
Elements of Design
Unit 4: Introduction to Type and Type Properties
Module 1: Structure of Type and Type Measurement
The spacing between the lines of type is known as leading.
This term relates to the times when type was set manually
and thin strips of lead were placed between the rows to
increase the spacing. Tight leading—10 point type size on
11 point leading, read as 10-on-11 and written as 10/11—
is supposed to be more difficult to read. A 10/12 is more
standard, but the ideal leading always depends on the
typeface characteristics.
Type
 Readability
 Legibility
 Leading
 Kerning
 Tracking
 Justified Text
 White Space
Elements of Design
Unit 4: Introduction to Type and Type Properties
Module 1: Structure of Type and Type Measurement
Leading
Elements of Design
Unit 4: Introduction to Type and Type Properties
Module 1: Structure of Type and Type Measurement
Spacing between two characters is known as kerning.
Type
 Readability
 Legibility
 Leading
 Kerning
 Tracking
 Justified Text
 White Space
Elements of Design
Unit 4: Introduction to Type and Type Properties
Module 1: Structure of Type and Type Measurement
Kerning
Elements of Design
Unit 4: Introduction to Type and Type Properties
Module 1: Structure of Type and Type Measurement
Spacing between all the characters in a line is known as
tracking. If letters are too close, they are said to be set
tight; if they are set too far apart, they are said to be open
or loose. Many designers do not focus on proper and
consistent character spacing, a clear message to the client
that the designer is not experienced.
Type
 Readability
 Legibility
 Leading
 Kerning
 Tracking
 Justified Text
 White Space
Elements of Design
Unit 4: Introduction to Type and Type Properties
Module 1: Structure of Type and Type Measurement
Tracking
Elements of Design
Unit 4: Introduction to Type and Type Properties
Module 1: Structure of Type and Type Measurement
Word spacing is a tool used when aligning text so that the
beginning of a line and the end of the line align with the
left and right column edges, respectively. This is known as
justified text. Too much word spacing can lead to large,
annoying word spaces that can lead to rivers. Rivers occur
when the spaces between words line up top to bottom in
a paragraph. More than three line ups in a row decreases
readability because attention is drawn to the river that
results instead of the reading process.
Type
 Readability
 Legibility
 Leading
 Kerning
 Tracking
 Justified Text
 White Space
Elements of Design
Unit 4: Introduction to Type and Type Properties
Module 1: Structure of Type and Type Measurement
Justified Text
Elements of Design
Unit 4: Introduction to Type and Type Properties
Module 1: Structure of Type and Type Measurement
White space is a term used to define the cramped or
crowded look of a headline, paragraph of text, or an entire
layout. Recall the saying “less is more.” Try to leave space
on a page to create effect and emphasize the text. It also
helps with the flow of the reader’s eye. A good test for
white space is to turn the completed job upside down and
look at the design at arms length. This move restricts the
brain from reading the text and forces it to just look at the
design elements and the weighting and positioning of
each. Is the leading too small? Is the line length too long?
Is the point size too big or too text-heavy? If the answer is
in the affirmative for any of these questions, the white
space may not be enough or the layout may be too
packed.
Type
 Readability
 Legibility
 Leading
 Kerning
 Tracking
 Justified Text
 White Space
Elements of Design
Unit 4: Introduction to Type and Type Properties
Module 1: Structure of Type and Type Measurement
White Space

More Related Content

What's hot

APA manual PPT CHAPTER- 3
APA manual PPT CHAPTER- 3APA manual PPT CHAPTER- 3
APA manual PPT CHAPTER- 3Tamannagupta19
 
Analysing copy text, writing editing
Analysing copy text, writing  editingAnalysing copy text, writing  editing
Analysing copy text, writing editingJustin Fox-rothwell
 
5 Main Differences Between Formal And Informal Writing
5 Main Differences Between Formal And Informal Writing5 Main Differences Between Formal And Informal Writing
5 Main Differences Between Formal And Informal WritingInformal Essay Writing
 
Trinity Integrated Skills in English (ISE) II writing guidance with genres
Trinity Integrated Skills in English (ISE) II writing guidance with genresTrinity Integrated Skills in English (ISE) II writing guidance with genres
Trinity Integrated Skills in English (ISE) II writing guidance with genresLimerick English TV
 
GCE O Level Reading paper revised
GCE O Level Reading paper revisedGCE O Level Reading paper revised
GCE O Level Reading paper revisedSaima Abedi
 
Workplace Writing Chapter 1
Workplace Writing Chapter 1Workplace Writing Chapter 1
Workplace Writing Chapter 1jschultz
 
Features of academic writing
Features of academic writing Features of academic writing
Features of academic writing AkaAnnie
 
1 the university of texas rio grande valleymaster of health scien
1 the university of texas rio grande valleymaster of health scien1 the university of texas rio grande valleymaster of health scien
1 the university of texas rio grande valleymaster of health sciensmile790243
 
Plagiarism 5.1.4
Plagiarism 5.1.4Plagiarism 5.1.4
Plagiarism 5.1.4smassengill
 
Writing 1102
Writing 1102Writing 1102
Writing 1102Ha Li
 
130614103345787445
130614103345787445130614103345787445
130614103345787445Taimour Khan
 
Paragraphs
ParagraphsParagraphs
Paragraphsjqguzman
 
Beyond the sentence
Beyond the sentenceBeyond the sentence
Beyond the sentenceMelisa Berto
 
Cascading Workshop of CIE English 1123- Professional Development for Teachers
Cascading Workshop of CIE English 1123- Professional Development for TeachersCascading Workshop of CIE English 1123- Professional Development for Teachers
Cascading Workshop of CIE English 1123- Professional Development for TeachersSara Niazi
 

What's hot (20)

APA manual PPT CHAPTER- 3
APA manual PPT CHAPTER- 3APA manual PPT CHAPTER- 3
APA manual PPT CHAPTER- 3
 
Summary writing
Summary writingSummary writing
Summary writing
 
Analysing copy text, writing editing
Analysing copy text, writing  editingAnalysing copy text, writing  editing
Analysing copy text, writing editing
 
Biz Com
Biz ComBiz Com
Biz Com
 
5 Main Differences Between Formal And Informal Writing
5 Main Differences Between Formal And Informal Writing5 Main Differences Between Formal And Informal Writing
5 Main Differences Between Formal And Informal Writing
 
Trinity Integrated Skills in English (ISE) II writing guidance with genres
Trinity Integrated Skills in English (ISE) II writing guidance with genresTrinity Integrated Skills in English (ISE) II writing guidance with genres
Trinity Integrated Skills in English (ISE) II writing guidance with genres
 
GCE O Level Reading paper revised
GCE O Level Reading paper revisedGCE O Level Reading paper revised
GCE O Level Reading paper revised
 
Workplace Writing Chapter 1
Workplace Writing Chapter 1Workplace Writing Chapter 1
Workplace Writing Chapter 1
 
Features of academic writing
Features of academic writing Features of academic writing
Features of academic writing
 
1 the university of texas rio grande valleymaster of health scien
1 the university of texas rio grande valleymaster of health scien1 the university of texas rio grande valleymaster of health scien
1 the university of texas rio grande valleymaster of health scien
 
Plagiarism 5.1.4
Plagiarism 5.1.4Plagiarism 5.1.4
Plagiarism 5.1.4
 
Revision Strategies
Revision StrategiesRevision Strategies
Revision Strategies
 
Writing 1102
Writing 1102Writing 1102
Writing 1102
 
Paragraph Development
Paragraph DevelopmentParagraph Development
Paragraph Development
 
130614103345787445
130614103345787445130614103345787445
130614103345787445
 
plagiarism
plagiarismplagiarism
plagiarism
 
Ewrt 1 c class 8
Ewrt 1 c class 8Ewrt 1 c class 8
Ewrt 1 c class 8
 
Paragraphs
ParagraphsParagraphs
Paragraphs
 
Beyond the sentence
Beyond the sentenceBeyond the sentence
Beyond the sentence
 
Cascading Workshop of CIE English 1123- Professional Development for Teachers
Cascading Workshop of CIE English 1123- Professional Development for TeachersCascading Workshop of CIE English 1123- Professional Development for Teachers
Cascading Workshop of CIE English 1123- Professional Development for Teachers
 

Similar to Elem of design unit 4 module 1 structure of type

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
 
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
 
Enc 3050 professional writing midterm reflection
Enc 3050 professional writing midterm reflectionEnc 3050 professional writing midterm reflection
Enc 3050 professional writing midterm reflectionJennifer Albert
 
Senior High School Reading and Writing SKills
Senior High School Reading and Writing SKillsSenior High School Reading and Writing SKills
Senior High School Reading and Writing SKillsqueenpressman14
 
Elements of Effective writing
Elements of Effective writingElements of Effective writing
Elements of Effective writingVenus Patual
 
teachingofwriting-131007063450-phpapp01.pdf
teachingofwriting-131007063450-phpapp01.pdfteachingofwriting-131007063450-phpapp01.pdf
teachingofwriting-131007063450-phpapp01.pdfmansooriqbal919
 
Fundamentals of writing
Fundamentals of writingFundamentals of writing
Fundamentals of writingJeoff Gerong
 
Elements and mechanical effectiveness of written communication
Elements and mechanical effectiveness of written communicationElements and mechanical effectiveness of written communication
Elements and mechanical effectiveness of written communicationSrMarieCamelleFernan
 
Process of writing (1)
Process of writing (1)Process of writing (1)
Process of writing (1)hafizhannan
 
Ten steps-to-technical-writing
Ten steps-to-technical-writingTen steps-to-technical-writing
Ten steps-to-technical-writingzubeditufail
 
Basics of typography kerning
Basics of typography kerningBasics of typography kerning
Basics of typography kerningalfiyafalak
 
Accessible written content hci city 180619
Accessible written content hci city 180619Accessible written content hci city 180619
Accessible written content hci city 180619Abi James
 

Similar to Elem of design unit 4 module 1 structure of type (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]
 
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
 
Typography class 3
Typography class 3Typography class 3
Typography class 3
 
Enc 3050 professional writing midterm reflection
Enc 3050 professional writing midterm reflectionEnc 3050 professional writing midterm reflection
Enc 3050 professional writing midterm reflection
 
Senior High School Reading and Writing SKills
Senior High School Reading and Writing SKillsSenior High School Reading and Writing SKills
Senior High School Reading and Writing SKills
 
Elements of Effective writing
Elements of Effective writingElements of Effective writing
Elements of Effective writing
 
Teaching of writing
Teaching of writingTeaching of writing
Teaching of writing
 
teachingofwriting-131007063450-phpapp01.pdf
teachingofwriting-131007063450-phpapp01.pdfteachingofwriting-131007063450-phpapp01.pdf
teachingofwriting-131007063450-phpapp01.pdf
 
Fundamentals of writing
Fundamentals of writingFundamentals of writing
Fundamentals of writing
 
Elements and mechanical effectiveness of written communication
Elements and mechanical effectiveness of written communicationElements and mechanical effectiveness of written communication
Elements and mechanical effectiveness of written communication
 
Process of writing (1)
Process of writing (1)Process of writing (1)
Process of writing (1)
 
Editing translation
Editing translationEditing translation
Editing translation
 
Multimedia Design Chapter 2
Multimedia Design Chapter 2Multimedia Design Chapter 2
Multimedia Design Chapter 2
 
Team Project
Team ProjectTeam Project
Team Project
 
Ten steps-to-technical-writing
Ten steps-to-technical-writingTen steps-to-technical-writing
Ten steps-to-technical-writing
 
Typography
TypographyTypography
Typography
 
Basics of typography kerning
Basics of typography kerningBasics of typography kerning
Basics of typography kerning
 
Unit 2 graphics
Unit 2 graphicsUnit 2 graphics
Unit 2 graphics
 
Accessible written content hci city 180619
Accessible written content hci city 180619Accessible written content hci city 180619
Accessible written content hci city 180619
 

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

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

Elem of design unit 4 module 1 structure of type

  • 1. Elements of Design Unit 4: Introduction to Type and Type Properties Module 1: Structure of Type and Type Measurement Type It’s important for designers to understand some key terminology related to type.
  • 2. Elements of Design Unit 4: Introduction to Type and Type Properties Module 1: Structure of Type and Type Measurement Readability is related to how the type is arranged. Readability is affected by point size, leading, line length, alignment, letter-spacing, and word-spacing. Paragraphs of text, similar to paragraphs in a textbook or a novel, are meant to be read for comprehension, and focus must be placed on readability. This emphasis ensures that the eyes do not tire and that the formatting of the copy does not distract a person from the meaning of the text. The color and texture of the type selected will also affect the readability and message conveyed. Display of red text on a black background is considered striking, eye-catching, and readable. White body copy on a black background can add contrast. However, the designer must watch out for strokes that are too thin. Type  Readability  Legibility  Leading  Kerning  Tracking  Leading  Justified Text  White Space
  • 3. Elements of Design Unit 4: Introduction to Type and Type Properties Module 1: Structure of Type and Type Measurement Readability
  • 4. Elements of Design Unit 4: Introduction to Type and Type Properties Module 1: Structure of Type and Type Measurement Legibility refers to the typeface design. This element includes the size of the counters, the x-height, the size of ascenders and descenders, the character shape and angles, stroke contrast, serifs or the lack of serifs, and the weight. These features help distinguish one letter from another. A headline on a poster is meant to capture attention and immediately convey a feeling. Legibility, though necessary, is not always the highest priority. Script, calligraphic, and hand-written fonts are used in both display and body copy applications. Although they can convey elegance, formality, or individualist messaging, the legibility can be poor, and they can be difficult to read. Type  Readability  Legibility  Leading  Kerning  Tracking  Justified Text  White Space
  • 5. Elements of Design Unit 4: Introduction to Type and Type Properties Module 1: Structure of Type and Type Measurement Legibility
  • 6. Elements of Design Unit 4: Introduction to Type and Type Properties Module 1: Structure of Type and Type Measurement The spacing between the lines of type is known as leading. This term relates to the times when type was set manually and thin strips of lead were placed between the rows to increase the spacing. Tight leading—10 point type size on 11 point leading, read as 10-on-11 and written as 10/11— is supposed to be more difficult to read. A 10/12 is more standard, but the ideal leading always depends on the typeface characteristics. Type  Readability  Legibility  Leading  Kerning  Tracking  Justified Text  White Space
  • 7. Elements of Design Unit 4: Introduction to Type and Type Properties Module 1: Structure of Type and Type Measurement Leading
  • 8. Elements of Design Unit 4: Introduction to Type and Type Properties Module 1: Structure of Type and Type Measurement Spacing between two characters is known as kerning. Type  Readability  Legibility  Leading  Kerning  Tracking  Justified Text  White Space
  • 9. Elements of Design Unit 4: Introduction to Type and Type Properties Module 1: Structure of Type and Type Measurement Kerning
  • 10. Elements of Design Unit 4: Introduction to Type and Type Properties Module 1: Structure of Type and Type Measurement Spacing between all the characters in a line is known as tracking. If letters are too close, they are said to be set tight; if they are set too far apart, they are said to be open or loose. Many designers do not focus on proper and consistent character spacing, a clear message to the client that the designer is not experienced. Type  Readability  Legibility  Leading  Kerning  Tracking  Justified Text  White Space
  • 11. Elements of Design Unit 4: Introduction to Type and Type Properties Module 1: Structure of Type and Type Measurement Tracking
  • 12. Elements of Design Unit 4: Introduction to Type and Type Properties Module 1: Structure of Type and Type Measurement Word spacing is a tool used when aligning text so that the beginning of a line and the end of the line align with the left and right column edges, respectively. This is known as justified text. Too much word spacing can lead to large, annoying word spaces that can lead to rivers. Rivers occur when the spaces between words line up top to bottom in a paragraph. More than three line ups in a row decreases readability because attention is drawn to the river that results instead of the reading process. Type  Readability  Legibility  Leading  Kerning  Tracking  Justified Text  White Space
  • 13. Elements of Design Unit 4: Introduction to Type and Type Properties Module 1: Structure of Type and Type Measurement Justified Text
  • 14. Elements of Design Unit 4: Introduction to Type and Type Properties Module 1: Structure of Type and Type Measurement White space is a term used to define the cramped or crowded look of a headline, paragraph of text, or an entire layout. Recall the saying “less is more.” Try to leave space on a page to create effect and emphasize the text. It also helps with the flow of the reader’s eye. A good test for white space is to turn the completed job upside down and look at the design at arms length. This move restricts the brain from reading the text and forces it to just look at the design elements and the weighting and positioning of each. Is the leading too small? Is the line length too long? Is the point size too big or too text-heavy? If the answer is in the affirmative for any of these questions, the white space may not be enough or the layout may be too packed. Type  Readability  Legibility  Leading  Kerning  Tracking  Justified Text  White Space
  • 15. Elements of Design Unit 4: Introduction to Type and Type Properties Module 1: Structure of Type and Type Measurement White Space