SlideShare a Scribd company logo
1 of 14
Typography is the art and process of arranging type on a
page, and it influences the overall look and feel of a page
more than any other visual element.
Type is an important element of design because it
determines the tone of the entire design.
You will want to carefully select type that matches the
purposes of the design.
.
Type
Fundamentals of Design
Unit 6: Type
Module 1: Using Type as a Design Element
Type is one way of communicating a visual message. It is
essential that designers understand the key typographic
terms in order to successfully utilize letterforms for
communicating ideas.
Type
Fundamentals of Design
Unit 6: Type
Module 1: Using Type as a Design Element
Type
Fundamentals of Design
Unit 6: Type
Module 1: Using Type as a Design Element
 Font
 Letterform
 Character
 Dingbat
 Kerning
 Leading
 Baseline
 Ascender
 Descender
 Counter
 X-Height
A single weight and design of a given
typeface, including capital and lowercase
letters, numbers, and punctuation.
Type
Fundamentals of Design
Unit 6: Type
Module 1: Using Type as a Design Element
 Font
 Letterform
 Character
 Dingbat
 Kerning
 Leading
 Baseline
 Ascender
 Descender
 Counter
 X-Height
The shape of a letter and the unique
characteristics of its strokes.
Type
Fundamentals of Design
Unit 6: Type
Module 1: Using Type as a Design Element
 Font
 Letterform
 Character
 Dingbat
 Kerning
 Leading
 Baseline
 Ascender
 Descender
 Counter
 X-Height
The individual form of each letterform,
number, or symbol in a given typeface.
Type
Fundamentals of Design
Unit 6: Type
Module 1: Using Type as a Design Element
 Font
 Letterform
 Character
 Dingbat
 Kerning
 Leading
 Baseline
 Ascender
 Descender
 Counter
 X-Height
You may know someone who fits this
description, but in type this refers to an
ornamental symbol used for emphasis or
decoration.
        
   
Type
Fundamentals of Design
Unit 6: Type
Module 1: Using Type as a Design Element
 Font
 Letterform
 Character
 Dingbat
 Kerning
 Leading
 Baseline
 Ascender
 Descender
 Counter
 X-Height This refers to the adjustment of the spacing
between individual pairs of letters.
Type
Fundamentals of Design
Unit 6: Type
Module 1: Using Type as a Design Element
 Font
 Letterform
 Character
 Dingbat
 Kerning
 Leading
 Baseline
 Ascender
 Descender
 Counter
 X-Height It is the length of distance between one
baseline and the line above it.
Type
Fundamentals of Design
Unit 6: Type
Module 1: Using Type as a Design Element
 Font
 Letterform
 Character
 Dingbat
 Kerning
 Leading
 Baseline
 Ascender
 Descender
 Counter
 X-Height
The invisible line upon which the characters
of a typeset line, except the descenders,
appear to sit.
Type
Fundamentals of Design
Unit 6: Type
Module 1: Using Type as a Design Element
 Font
 Letterform
 Character
 Dingbat
 Kerning
 Leading
 Baseline
 Ascender
 Descender
 Counter
 X-Height
The upward vertical stem of some lowercase
letters, such as h and b, which extends
above or ascends beyond the x-height
Type
Fundamentals of Design
Unit 6: Type
Module 1: Using Type as a Design Element
 Font
 Letterform
 Character
 Dingbat
 Kerning
 Leading
 Baseline
 Ascender
 Descender
 Counter
 X-Height
The downward portion of some lowercase
letters, such as g and y, which extends below
or descends beyond the baseline
Type
Fundamentals of Design
Unit 6: Type
Module 1: Using Type as a Design Element
 Font
 Letterform
 Character
 Dingbat
 Kerning
 Leading
 Baseline
 Ascender
 Descender
 Counter
 X-Height
The space within an enclosed character.
Type
Fundamentals of Design
Unit 6: Type
Module 1: Using Type as a Design Element
 Font
 Letterform
 Character
 Dingbat
 Kerning
 Leading
 Baseline
 Ascender
 Descender
 Counter
 X-Height The height of lowercase letters, excluding
ascenders and descenders.
Type
Fundamentals of Design
Unit 6: Type
Module 1: Using Type as a Design Element

More Related Content

Similar to Fund of design unit 6 module 1 using type as design

Engineering Drawing: Chapter 01 introduction
Engineering Drawing: Chapter 01 introductionEngineering Drawing: Chapter 01 introduction
Engineering Drawing: Chapter 01 introduction
mokhtar
 
a. Collect at least six published papers in one of the new tre.docx
a. Collect at least six published papers in one of the new tre.docxa. Collect at least six published papers in one of the new tre.docx
a. Collect at least six published papers in one of the new tre.docx
daniahendric
 
Proposal format
Proposal formatProposal format
Proposal format
Mr SMAK
 
D30ICTopicStudent Name (Student ID)Introduction [Heading
D30ICTopicStudent Name (Student ID)Introduction [HeadingD30ICTopicStudent Name (Student ID)Introduction [Heading
D30ICTopicStudent Name (Student ID)Introduction [Heading
jeniihykdevara
 
Elem of design unit 11 module 1 text outlines
Elem of design unit 11 module 1 text outlinesElem of design unit 11 module 1 text outlines
Elem of design unit 11 module 1 text outlines
kateridrex
 
TID Chapter 3 Introduction To Word Processing
TID Chapter 3 Introduction To Word ProcessingTID Chapter 3 Introduction To Word Processing
TID Chapter 3 Introduction To Word Processing
WanBK Leo
 

Similar to Fund of design unit 6 module 1 using type as design (20)

W1-Introduction to ED [Autosaved].pptx
W1-Introduction to ED [Autosaved].pptxW1-Introduction to ED [Autosaved].pptx
W1-Introduction to ED [Autosaved].pptx
 
Engineering Drawing: Chapter 01 introduction
Engineering Drawing: Chapter 01 introductionEngineering Drawing: Chapter 01 introduction
Engineering Drawing: Chapter 01 introduction
 
a. Collect at least six published papers in one of the new tre.docx
a. Collect at least six published papers in one of the new tre.docxa. Collect at least six published papers in one of the new tre.docx
a. Collect at least six published papers in one of the new tre.docx
 
Chapter06
Chapter06Chapter06
Chapter06
 
Text Design recipe for making a thesis
Text Design recipe for making a thesisText Design recipe for making a thesis
Text Design recipe for making a thesis
 
InDesign intro
InDesign introInDesign intro
InDesign intro
 
Saw13 ch02-ppt
Saw13 ch02-pptSaw13 ch02-ppt
Saw13 ch02-ppt
 
Libre Office Writer Lesson 3: Using Styles and Templates
Libre Office Writer Lesson 3: Using Styles and TemplatesLibre Office Writer Lesson 3: Using Styles and Templates
Libre Office Writer Lesson 3: Using Styles and Templates
 
Key Features of Indesign for my Final Product
Key Features of Indesign for my Final ProductKey Features of Indesign for my Final Product
Key Features of Indesign for my Final Product
 
Proposal format
Proposal formatProposal format
Proposal format
 
D30ICTopicStudent Name (Student ID)Introduction [Heading
D30ICTopicStudent Name (Student ID)Introduction [HeadingD30ICTopicStudent Name (Student ID)Introduction [Heading
D30ICTopicStudent Name (Student ID)Introduction [Heading
 
Text
TextText
Text
 
Chapter 01 introduction
Chapter 01 introductionChapter 01 introduction
Chapter 01 introduction
 
Unit-1.ppt
Unit-1.pptUnit-1.ppt
Unit-1.ppt
 
Unit-1.ppt
Unit-1.pptUnit-1.ppt
Unit-1.ppt
 
Elem of design unit 11 module 1 text outlines
Elem of design unit 11 module 1 text outlinesElem of design unit 11 module 1 text outlines
Elem of design unit 11 module 1 text outlines
 
Day 01.pdf
Day 01.pdfDay 01.pdf
Day 01.pdf
 
Engineeringl drawing lecture
Engineeringl drawing lectureEngineeringl drawing lecture
Engineeringl drawing lecture
 
TID Chapter 3 Introduction To Word Processing
TID Chapter 3 Introduction To Word ProcessingTID Chapter 3 Introduction To Word Processing
TID Chapter 3 Introduction To Word Processing
 
HICapacity UI talk by Kathryne Sakata
HICapacity UI talk by Kathryne SakataHICapacity UI talk by Kathryne Sakata
HICapacity UI talk by Kathryne Sakata
 

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

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
 

Fund of design unit 6 module 1 using type as design

  • 1. Typography is the art and process of arranging type on a page, and it influences the overall look and feel of a page more than any other visual element. Type is an important element of design because it determines the tone of the entire design. You will want to carefully select type that matches the purposes of the design. . Type Fundamentals of Design Unit 6: Type Module 1: Using Type as a Design Element
  • 2. Type is one way of communicating a visual message. It is essential that designers understand the key typographic terms in order to successfully utilize letterforms for communicating ideas. Type Fundamentals of Design Unit 6: Type Module 1: Using Type as a Design Element
  • 3. Type Fundamentals of Design Unit 6: Type Module 1: Using Type as a Design Element  Font  Letterform  Character  Dingbat  Kerning  Leading  Baseline  Ascender  Descender  Counter  X-Height A single weight and design of a given typeface, including capital and lowercase letters, numbers, and punctuation.
  • 4. Type Fundamentals of Design Unit 6: Type Module 1: Using Type as a Design Element  Font  Letterform  Character  Dingbat  Kerning  Leading  Baseline  Ascender  Descender  Counter  X-Height The shape of a letter and the unique characteristics of its strokes.
  • 5. Type Fundamentals of Design Unit 6: Type Module 1: Using Type as a Design Element  Font  Letterform  Character  Dingbat  Kerning  Leading  Baseline  Ascender  Descender  Counter  X-Height The individual form of each letterform, number, or symbol in a given typeface.
  • 6. Type Fundamentals of Design Unit 6: Type Module 1: Using Type as a Design Element  Font  Letterform  Character  Dingbat  Kerning  Leading  Baseline  Ascender  Descender  Counter  X-Height You may know someone who fits this description, but in type this refers to an ornamental symbol used for emphasis or decoration.             
  • 7. Type Fundamentals of Design Unit 6: Type Module 1: Using Type as a Design Element  Font  Letterform  Character  Dingbat  Kerning  Leading  Baseline  Ascender  Descender  Counter  X-Height This refers to the adjustment of the spacing between individual pairs of letters.
  • 8. Type Fundamentals of Design Unit 6: Type Module 1: Using Type as a Design Element  Font  Letterform  Character  Dingbat  Kerning  Leading  Baseline  Ascender  Descender  Counter  X-Height It is the length of distance between one baseline and the line above it.
  • 9. Type Fundamentals of Design Unit 6: Type Module 1: Using Type as a Design Element  Font  Letterform  Character  Dingbat  Kerning  Leading  Baseline  Ascender  Descender  Counter  X-Height The invisible line upon which the characters of a typeset line, except the descenders, appear to sit.
  • 10. Type Fundamentals of Design Unit 6: Type Module 1: Using Type as a Design Element  Font  Letterform  Character  Dingbat  Kerning  Leading  Baseline  Ascender  Descender  Counter  X-Height The upward vertical stem of some lowercase letters, such as h and b, which extends above or ascends beyond the x-height
  • 11. Type Fundamentals of Design Unit 6: Type Module 1: Using Type as a Design Element  Font  Letterform  Character  Dingbat  Kerning  Leading  Baseline  Ascender  Descender  Counter  X-Height The downward portion of some lowercase letters, such as g and y, which extends below or descends beyond the baseline
  • 12. Type Fundamentals of Design Unit 6: Type Module 1: Using Type as a Design Element  Font  Letterform  Character  Dingbat  Kerning  Leading  Baseline  Ascender  Descender  Counter  X-Height The space within an enclosed character.
  • 13. Type Fundamentals of Design Unit 6: Type Module 1: Using Type as a Design Element  Font  Letterform  Character  Dingbat  Kerning  Leading  Baseline  Ascender  Descender  Counter  X-Height The height of lowercase letters, excluding ascenders and descenders.
  • 14. Type Fundamentals of Design Unit 6: Type Module 1: Using Type as a Design Element