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 introductionmokhtar
 
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.docxdaniahendric
 
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 thesisAnitra Nottingham
 
Saw13 ch02-ppt
Saw13 ch02-pptSaw13 ch02-ppt
Saw13 ch02-pptCEPadgett
 
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 TemplatesSmart Chicago Collaborative
 
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 ProductEPMedia
 
D30ICTopicStudent Name (Student ID)Introduction [Heading
D30ICTopicStudent Name (Student ID)Introduction [HeadingD30ICTopicStudent Name (Student ID)Introduction [Heading
D30ICTopicStudent Name (Student ID)Introduction [Headingjeniihykdevara
 
Proposal format
Proposal formatProposal format
Proposal formatMr SMAK
 
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 outlineskateridrex
 
Engineeringl drawing lecture
Engineeringl drawing lectureEngineeringl drawing lecture
Engineeringl drawing lectureSajid Yasin
 
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 ProcessingWanBK Leo
 
Engineering-Graphics- Basics- (1).pdf
Engineering-Graphics- Basics- (1).pdfEngineering-Graphics- Basics- (1).pdf
Engineering-Graphics- Basics- (1).pdfMayurPawar10980
 
HICapacity UI talk by Kathryne Sakata
HICapacity UI talk by Kathryne SakataHICapacity UI talk by Kathryne Sakata
HICapacity UI talk by Kathryne Sakatahicapacity
 

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

Engineering Drawing: Chapter 01 introduction
Engineering Drawing: Chapter 01 introductionEngineering Drawing: Chapter 01 introduction
Engineering Drawing: Chapter 01 introduction
 
Chapter06
Chapter06Chapter06
Chapter06
 
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
 
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
 
D30ICTopicStudent Name (Student ID)Introduction [Heading
D30ICTopicStudent Name (Student ID)Introduction [HeadingD30ICTopicStudent Name (Student ID)Introduction [Heading
D30ICTopicStudent Name (Student ID)Introduction [Heading
 
Proposal format
Proposal formatProposal format
Proposal format
 
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
 
Chapter 01 introduction
Chapter 01 introductionChapter 01 introduction
Chapter 01 introduction
 
Day 01.pdf
Day 01.pdfDay 01.pdf
Day 01.pdf
 
Engineeringl drawing lecture
Engineeringl drawing lectureEngineeringl drawing lecture
Engineeringl drawing lecture
 
Text
TextText
Text
 
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
 
Engineering-Graphics- Basics- (1).pdf
Engineering-Graphics- Basics- (1).pdfEngineering-Graphics- Basics- (1).pdf
Engineering-Graphics- Basics- (1).pdf
 
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 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
 

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