SlideShare a Scribd company logo
1 of 68
1
4 - TYPOGRAPHY
AND
MEDIA
2
WORDS ARE WONDERFUL
“ We speak with words
And we listen with words.
We write with words
And we read words.
And we think with words ”
Anonymous
3
WORDS ARE TOOLS
“ Words are tools which we use to
communicate with each other. We
use them to talk, discuss, argue,
agree, describe, plan, organize,
remember, sing, imagine and do all
manner of things to help us live
and thrive ”
Anonymous
4
WORDS ARE JEWELS
“ Choose the right words so they
become glittering jewels. They
are pleasure to listen to and
read. Everybody wants to know
what they are about. ”
Anonymous
5
1. Refers to design or selection of letter
forms to be organized into words,
sentences and printed on a page
2. Letters of the alphabets make up
written and printed words
3. With thousands of typefaces around,
where do we start … size, type, colour,
shape .. ?
WHAT IS TYPOGRAPHY ?
6
“ Typography involves the creation of
illusionary images. Letters make up
words which build into sentences,
which in turn build into paragraphs that
we perceive as masses of tonal value.
That same mass can change
appearance when printed with different
type face .. ”
Alan Peckolick
Designing with type and colour, 1989
“ TYPE AND SHAPE CAN TALK ”
7
“ Typography involves the creation of
illusionary images. Letters make up
words which build into sentences,
which in turn build into paragraphs
that we perceive as masses of tonal
value. That same mass can change
appearance when printed with
different type face .. ”
Alan
“ TYPE AND SHAPE CAN TALK ”
8
3 main categories of typefaces
1. Typefaces are designed to convey specific
meanings or messages
2. Use only 3 different types of letters in a
visual
3. Generally, typefaces can be grouped into 3
main categories :-
• Serifs
• Sans serifs
• Scripts
TYPOGRAPHY FOR VISUALS
9
SERIFS
1. Typefaces with “ feet ”.
2. Examples : Times New Roman,
C larendon
3. Serif typefaces are used for typing
texts in notes, test papers,
newspapers or books
TYPOGRAPHY FOR VISUALS
10
11
12
13
Serifs are
letters for
printing
textbooks,
notes, test
papers,
brochures,
leaflets,
pamphlets,
magazines,
newspapers
14
SANS SERIF
1. Typefaces without serifs
2.Facilitate reading and comprehension
as they are easy to read and print
3. Many variations – Bold, Medium, light,
italics.
4. Examples : Arial, Helvetica, Avant Garde
5. Used in visuals which need to be projected
( slides, videos, transparencies, LCD &
Computers or filmstrips )
TYPOGRAPHY FOR VISUALS
15
16
Sans Serifs are
for all projected
media ( LCD &
Computer,
OHP, Slides,
Film Strips,
Videos, CD -
ROMS ), Sign
Boards,
Posters,
Advertising
media
17
Scripts
1. Flowery typefaces for special
occasions
2. Not to be used for large areas of text
to be read or in visuals which need to
be projected
TYPOGRAPHY FOR VISUALS
18
19
20
Scripts
are for
Specials
Occasions
21
“ TYPE AND SHAPE CAN TALK ”
1.Designing one’s own letters to feature
specifically a message that needs to be
conveyed to our pupils
2.Modify existing typefaces to uniquely convey
words and their meanings
3.For example : fine, small, medium, large, very large
4.Typefaces could be expanded, condensed,
repeated, mirrored, reversed, scaled, fractured
or spun
5.“ WordArt ” has special designs or formats
ready for use
22
“ TYPE AND SHAPE CAN TALK ”
1.Special effects – using patterns,
chromes, tones, shades to fill in letters
to convey meanings of words or
phrases
2.Contributes to good legibility and
emphasis but do not reproduce well
when printed repeatedly
3.Letterings on textured and half tone
surfaces are also difficult to read and
print
23
TONE / TEXTURED SURFACES
DON’T USE TONED, TEXTURED OR
SHADED BACKGROUNDS
DON’T USE TONED, TEXTURED OR
SHADED BACKGROUNDS
DON’T USE TONED, TEXTURED OR
SHADED BACKGROUNDS
24
“ TYPE AND SHAPE CAN TALK ”
25
“ TYPE AND SHAPE CAN TALK ”
26
“ TYPE AND SHAPE CAN TALK ”
27
“ TYPE AND SHAPE CAN TALK ”
28
“ TYPE AND SHAPE CAN TALK ”
29
“ TYPE AND SHAPE CAN TALK ”
30
“ TYPE AND SHAPE CAN TALK ”
31
“ TYPE AND SHAPE CAN TALK ”
32
“ TYPE AND SHAPE CAN TALK ”
33
“ TYPE AND SHAPE CAN TALK ”
34
“ TYPE AND SHAPE CAN TALK ”
35
“ TYPE AND SHAPE CAN TALK ”
36
“ TYPE AND SHAPE CAN TALK ”
37
“ TYPE AND SHAPE CAN TALK ”
38
“ TYPE AND SHAPE CAN TALK ”
39
“ TYPE AND SHAPE CAN TALK ”
40
“ TYPE AND SHAPE CAN TALK ”
41
“ TYPE AND SHAPE CAN TALK ”
42
“ TYPE AND SHAPE CAN TALK ”
43
“ TYPE AND SHAPE CAN TALK ”
44
“ TYPE AND SHAPE CAN TALK ”
45
“ TYPE AND SHAPE CAN TALK ”
46
“ TYPE AND SHAPE CAN TALK ”
47
“ TYPE AND SHAPE CAN TALK ”
48
“ TYPE AND SHAPE CAN TALK ”
• Typefaces
give more
impact if
used with
different
kinds of
shapes
49
“ TYPE AND SHAPE CAN TALK ”
50
“ TYPE AND SHAPE CAN TALK ”
51
“ TYPE AND SHAPE CAN TALK ”
52
“ TYPE AND SHAPE CAN TALK ”
53
THE
GREAT
WHITE
LIE
“ TYPE AND SHAPE CAN TALK ”
54
“ TYPE AND SHAPE CAN TALK ”
55
“ TYPE AND SHAPE CAN TALK ”
56
“ TYPE AND SHAPE CAN TALK ”
57
“ TYPE AND SHAPE CAN TALK ”
58
“ TYPE AND SHAPE CAN TALK ”
59
“ TYPE AND SHAPE CAN TALK ”
60
“ TYPE AND SHAPE CAN TALK ”
61
“ TYPE AND SHAPE CAN TALK ”
62
“ TYPE AND SHAPE CAN TALK ”
63
“ TYPE AND SHAPE CAN TALK ”
64
“ TYPE AND SHAPE CAN TALK ”
65
“ TYPE AND SHAPE CAN TALK ”
66
“ TYPE AND SHAPE CAN TALK ”
67
“ TYPE AND SHAPE CAN TALK ”
68
“ TYPE AND SHAPE CAN TALK ”

More Related Content

Viewers also liked

Typography Essentials: Part 1
Typography Essentials: Part 1Typography Essentials: Part 1
Typography Essentials: Part 1Jennifer Janviere
 
Uses and Gratifications Theory
Uses and Gratifications TheoryUses and Gratifications Theory
Uses and Gratifications TheoryZoe Lorenz
 
TEDx Manchester: AI & The Future of Work
TEDx Manchester: AI & The Future of WorkTEDx Manchester: AI & The Future of Work
TEDx Manchester: AI & The Future of WorkVolker Hirsch
 
2015 Upload Campaigns Calendar - SlideShare
2015 Upload Campaigns Calendar - SlideShare2015 Upload Campaigns Calendar - SlideShare
2015 Upload Campaigns Calendar - SlideShareSlideShare
 
What to Upload to SlideShare
What to Upload to SlideShareWhat to Upload to SlideShare
What to Upload to SlideShareSlideShare
 
Getting Started With SlideShare
Getting Started With SlideShareGetting Started With SlideShare
Getting Started With SlideShareSlideShare
 

Viewers also liked (7)

Uses and gratifications theory
Uses and gratifications theoryUses and gratifications theory
Uses and gratifications theory
 
Typography Essentials: Part 1
Typography Essentials: Part 1Typography Essentials: Part 1
Typography Essentials: Part 1
 
Uses and Gratifications Theory
Uses and Gratifications TheoryUses and Gratifications Theory
Uses and Gratifications Theory
 
TEDx Manchester: AI & The Future of Work
TEDx Manchester: AI & The Future of WorkTEDx Manchester: AI & The Future of Work
TEDx Manchester: AI & The Future of Work
 
2015 Upload Campaigns Calendar - SlideShare
2015 Upload Campaigns Calendar - SlideShare2015 Upload Campaigns Calendar - SlideShare
2015 Upload Campaigns Calendar - SlideShare
 
What to Upload to SlideShare
What to Upload to SlideShareWhat to Upload to SlideShare
What to Upload to SlideShare
 
Getting Started With SlideShare
Getting Started With SlideShareGetting Started With SlideShare
Getting Started With SlideShare
 

Similar to Typography and Media

The Power of Typography
The Power of TypographyThe Power of Typography
The Power of Typography[x]cube LABS
 
Typography in UI Design
Typography in UI DesignTypography in UI Design
Typography in UI DesignSusmita Khare
 
Typography vc paper (team a)
Typography vc paper (team a)Typography vc paper (team a)
Typography vc paper (team a)Rinkweijs
 
L6 Media Studies 1 Introduction.pptx
L6 Media Studies 1 Introduction.pptxL6 Media Studies 1 Introduction.pptx
L6 Media Studies 1 Introduction.pptxKBucket
 
Effective Power Point
Effective Power PointEffective Power Point
Effective Power Pointguest45d3ba3
 
Effective Power Point
Effective Power PointEffective Power Point
Effective Power Pointmroe
 
Presentation Skills
Presentation SkillsPresentation Skills
Presentation SkillsDeepak Pati
 
Purpose, Audience, Form and Tone
Purpose, Audience, Form and TonePurpose, Audience, Form and Tone
Purpose, Audience, Form and ToneSuzie Allen
 
Perception of Typefaces @typecon 2012
Perception of Typefaces @typecon 2012Perception of Typefaces @typecon 2012
Perception of Typefaces @typecon 2012Beth Koch
 
Presentation skill
Presentation skillPresentation skill
Presentation skillguestcd5af8
 
TypeCon 2017 Education Forum presentation
TypeCon 2017 Education Forum presentationTypeCon 2017 Education Forum presentation
TypeCon 2017 Education Forum presentationCarolina de Bartolo
 
Presentations
PresentationsPresentations
Presentationswebicon
 
Presentations
PresentationsPresentations
Presentationssahinkkk
 
Presentations
PresentationsPresentations
PresentationsPavu Jas
 
How to make present
How to make presentHow to make present
How to make presentsahinkkk
 
Presentations
PresentationsPresentations
Presentationsivarpsg
 
Things I Know About Type [Field Guide]
Things I Know About Type [Field Guide]Things I Know About Type [Field Guide]
Things I Know About Type [Field Guide]Prakash Nair
 

Similar to Typography and Media (20)

The Power of Typography
The Power of TypographyThe Power of Typography
The Power of Typography
 
Typography in UI Design
Typography in UI DesignTypography in UI Design
Typography in UI Design
 
Study skills
Study skillsStudy skills
Study skills
 
Typography vc paper (team a)
Typography vc paper (team a)Typography vc paper (team a)
Typography vc paper (team a)
 
L6 Media Studies 1 Introduction.pptx
L6 Media Studies 1 Introduction.pptxL6 Media Studies 1 Introduction.pptx
L6 Media Studies 1 Introduction.pptx
 
Effective Power Point
Effective Power PointEffective Power Point
Effective Power Point
 
Effective Power Point
Effective Power PointEffective Power Point
Effective Power Point
 
Presentation Skills
Presentation SkillsPresentation Skills
Presentation Skills
 
Purpose, Audience, Form and Tone
Purpose, Audience, Form and TonePurpose, Audience, Form and Tone
Purpose, Audience, Form and Tone
 
Emilytypography
EmilytypographyEmilytypography
Emilytypography
 
Perception of Typefaces @typecon 2012
Perception of Typefaces @typecon 2012Perception of Typefaces @typecon 2012
Perception of Typefaces @typecon 2012
 
Presentation skill
Presentation skillPresentation skill
Presentation skill
 
TypeCon 2017 Education Forum presentation
TypeCon 2017 Education Forum presentationTypeCon 2017 Education Forum presentation
TypeCon 2017 Education Forum presentation
 
Presentations
PresentationsPresentations
Presentations
 
Presentations
PresentationsPresentations
Presentations
 
Presentations
PresentationsPresentations
Presentations
 
Presentations
PresentationsPresentations
Presentations
 
How to make present
How to make presentHow to make present
How to make present
 
Presentations
PresentationsPresentations
Presentations
 
Things I Know About Type [Field Guide]
Things I Know About Type [Field Guide]Things I Know About Type [Field Guide]
Things I Know About Type [Field Guide]
 

Recently uploaded

Proudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxProudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxthorishapillay1
 
Hierarchy of management that covers different levels of management
Hierarchy of management that covers different levels of managementHierarchy of management that covers different levels of management
Hierarchy of management that covers different levels of managementmkooblal
 
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptxVS Mahajan Coaching Centre
 
What is Model Inheritance in Odoo 17 ERP
What is Model Inheritance in Odoo 17 ERPWhat is Model Inheritance in Odoo 17 ERP
What is Model Inheritance in Odoo 17 ERPCeline George
 
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxSayali Powar
 
Blooming Together_ Growing a Community Garden Worksheet.docx
Blooming Together_ Growing a Community Garden Worksheet.docxBlooming Together_ Growing a Community Garden Worksheet.docx
Blooming Together_ Growing a Community Garden Worksheet.docxUnboundStockton
 
Full Stack Web Development Course for Beginners
Full Stack Web Development Course  for BeginnersFull Stack Web Development Course  for Beginners
Full Stack Web Development Course for BeginnersSabitha Banu
 
Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17Celine George
 
EPANDING THE CONTENT OF AN OUTLINE using notes.pptx
EPANDING THE CONTENT OF AN OUTLINE using notes.pptxEPANDING THE CONTENT OF AN OUTLINE using notes.pptx
EPANDING THE CONTENT OF AN OUTLINE using notes.pptxRaymartEstabillo3
 
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTiammrhaywood
 
Meghan Sutherland In Media Res Media Component
Meghan Sutherland In Media Res Media ComponentMeghan Sutherland In Media Res Media Component
Meghan Sutherland In Media Res Media ComponentInMediaRes1
 
Introduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxIntroduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxpboyjonauth
 
Procuring digital preservation CAN be quick and painless with our new dynamic...
Procuring digital preservation CAN be quick and painless with our new dynamic...Procuring digital preservation CAN be quick and painless with our new dynamic...
Procuring digital preservation CAN be quick and painless with our new dynamic...Jisc
 
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxiammrhaywood
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...Marc Dusseiller Dusjagr
 
MARGINALIZATION (Different learners in Marginalized Group
MARGINALIZATION (Different learners in Marginalized GroupMARGINALIZATION (Different learners in Marginalized Group
MARGINALIZATION (Different learners in Marginalized GroupJonathanParaisoCruz
 
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdfEnzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdfSumit Tiwari
 

Recently uploaded (20)

Proudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxProudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptx
 
Hierarchy of management that covers different levels of management
Hierarchy of management that covers different levels of managementHierarchy of management that covers different levels of management
Hierarchy of management that covers different levels of management
 
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
 
What is Model Inheritance in Odoo 17 ERP
What is Model Inheritance in Odoo 17 ERPWhat is Model Inheritance in Odoo 17 ERP
What is Model Inheritance in Odoo 17 ERP
 
OS-operating systems- ch04 (Threads) ...
OS-operating systems- ch04 (Threads) ...OS-operating systems- ch04 (Threads) ...
OS-operating systems- ch04 (Threads) ...
 
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
 
Blooming Together_ Growing a Community Garden Worksheet.docx
Blooming Together_ Growing a Community Garden Worksheet.docxBlooming Together_ Growing a Community Garden Worksheet.docx
Blooming Together_ Growing a Community Garden Worksheet.docx
 
Full Stack Web Development Course for Beginners
Full Stack Web Development Course  for BeginnersFull Stack Web Development Course  for Beginners
Full Stack Web Development Course for Beginners
 
Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17
 
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdfTataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
 
EPANDING THE CONTENT OF AN OUTLINE using notes.pptx
EPANDING THE CONTENT OF AN OUTLINE using notes.pptxEPANDING THE CONTENT OF AN OUTLINE using notes.pptx
EPANDING THE CONTENT OF AN OUTLINE using notes.pptx
 
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
 
Meghan Sutherland In Media Res Media Component
Meghan Sutherland In Media Res Media ComponentMeghan Sutherland In Media Res Media Component
Meghan Sutherland In Media Res Media Component
 
Introduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxIntroduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptx
 
Procuring digital preservation CAN be quick and painless with our new dynamic...
Procuring digital preservation CAN be quick and painless with our new dynamic...Procuring digital preservation CAN be quick and painless with our new dynamic...
Procuring digital preservation CAN be quick and painless with our new dynamic...
 
9953330565 Low Rate Call Girls In Rohini Delhi NCR
9953330565 Low Rate Call Girls In Rohini  Delhi NCR9953330565 Low Rate Call Girls In Rohini  Delhi NCR
9953330565 Low Rate Call Girls In Rohini Delhi NCR
 
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
 
MARGINALIZATION (Different learners in Marginalized Group
MARGINALIZATION (Different learners in Marginalized GroupMARGINALIZATION (Different learners in Marginalized Group
MARGINALIZATION (Different learners in Marginalized Group
 
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdfEnzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
 

Typography and Media