SlideShare une entreprise Scribd logo
1  sur  88
Télécharger pour lire hors ligne
“It is a rarer gift to lay words out properly than to write them.”
Nicolas Barker, 1942– Book Collector, Typographer, Author
Prepared by Danielle Oser, APR
Right Here, Right Now
 Dictionary Definition
 “A complete set of type of one size and face.”
 Includes Three Characteristics
 typeface (shape of letters)
 style (attributes)
 size (height)
 Must be legible and readable!
 Legibility = How easily a reader can decipher the letters
on the page.
 Readability = The document’s overall appearance.
Original typeface “textur”
Never included a printer’s mark – used Johnannes Fust instead
Developed European movable type – 1439 ish
Sued repeatedly for being unable to pay back creditors and
having a “hot temper”
*No portraits of him were made during his lifetime – these are guesses
Greece, printed symbols, 3800 years old
Invention of paper, 1900 years old
Although the Egyptians use papyrus, paper made from
wood pulp was invented by the Chinese
Chinese, 1100 years ago
Chinese Pi Sheng invented movable type with characters
made from clay in the 11th century
Korean, 600 years ago
First known book printed with movable metal type
1410
1450
Christian devotional book popular in the Middle Ages
Most common type of surviving medieval illuminated manuscript
“The Hours of Catherine of Cleves,” 1440
1456
4 years to produce 140 bibles on paper, 40 on vellum or leather
11 by 16 inches
50 pounds
Personal, Historical, Technical, Ethical, Cultural, Critical
The wrong choices make words hard to read and distract from their message
Most typography choices are seldomly noticed
Typographical artist Tauba Auerbach
http://taubaauerbach.com/
Artists seldom want their work to have a neutral reaction
https://www.google.com/search?q=barbara+kruger&client=firefox-a&hs=Jv7&rls=org.mozilla:en-
US:official&channel=sb&tbm=isch&imgil=b5tUxOkIWcqKnM%253A%253Bhttps%253A%252F%252Fencrypted-
tbn0.gstatic.com%252Fimages%253Fq%253Dtbn%253AANd9GcTV6irY9Zp8FfcymN8TaSx3Aww4EFeD7d-
fPiQ1FRWfS4EQSQ2v%253B360%253B258%253B74DEu4oxSELoSM%253Bhttp%25253A%25252F%25252Fwww.eng.fju.e
du.tw%25252FLiterary_Criticism%25252Ffeminism%25252Fkruger%25252Fkruger.htm&source=iu&usg=__-doG-
XSBCc2nVSuc-
gVbi4ZLo04%3D&sa=X&ei=9FUOU_WTAurr2wWj_YC4DQ&ved=0CKgBEP4dMA4&biw=1280&bih=894#imgdii=_
World of Awe
http://yhchang.com/
Cave Drawings, 32,000 Years Ago
Writing has its beginnings in cave drawings
Cave Of Forgotten Dreams, Werner Herzog, 2011
5000 years ago
Sumerians were the first people to develop
an organized system of writing
“Wedge-Shaped” Writing
Cuneiform story, 4000 years ago
Believed to be the basis for the Noah story
“Holy Writing”
Hieroglyphics, 2300 Years Ago
Two forms of hieroglyphics: hieratic and demotic
1000 years ago
Today about 1,000
3500 years ago
First civilization to develop the alphabet
Introduces upper and lowercase letters
Developed the English 26-letter alphabet
1st American Newspaper with
regular circulation
Helped to spread
the printing industry in the
19th century
Invented the rotary printing press
http://www.linotype.com/
http://typophile.com/node/92270
Typeface Families
 Serif = easy to read blocks of text
 Blue Mtn
 Sans serif = clean look
 Blue Mtn
 Novelty = special feeling
 Blue Mtn
 Symbol = non-alphanumeric
 Βλυε Μτν
Sometimes called Gothic
Highly ornate and decorative
Went through tree separate forms
High-quality, High-class
Novelty
Appear during the Industrial Revolution for advertising
Teagan White
Western feel
Least used today
Originally called “block type” by its creator William Caslon IV
No “feet” on the letter
Used for “screens”
Kerning: Space between individual letters
Leading: Space between lines of type
Size: Measured in Points
Kerning: Space between letters
Leading: Space between lines of type
Readable vs. Garbage Typefaces
Dark Ages of Typographical Design
Typography became and integral part of design
http://wilcoworld.net/#!/home/
Changing the book publishing industry with
Print-On-Demand and Portable Readers
Printed And Online Zines
Columns Gutter
Interactive Typography
Tauba Auerbach

Contenu connexe

Tendances

Lecture 3 - Visual Communication Theories
Lecture 3 - Visual Communication TheoriesLecture 3 - Visual Communication Theories
Lecture 3 - Visual Communication TheoriesVirtu Institute
 
Is a picture worth 1,000 words? Textual Analysis
Is a picture worth 1,000 words? Textual AnalysisIs a picture worth 1,000 words? Textual Analysis
Is a picture worth 1,000 words? Textual AnalysisDeborahJ
 
Narrative Image: The How and Why of Visual Storytelling
Narrative Image: The How and Why of Visual StorytellingNarrative Image: The How and Why of Visual Storytelling
Narrative Image: The How and Why of Visual StorytellingDaniela Molnar
 
Elements of visual design
Elements of visual designElements of visual design
Elements of visual designmahrix
 
Visual communication and Visual stereotypes
Visual communication and Visual stereotypesVisual communication and Visual stereotypes
Visual communication and Visual stereotypesDanielle Oser, APR
 
Visual communication and Visual cues part one
Visual communication and Visual cues part oneVisual communication and Visual cues part one
Visual communication and Visual cues part oneDanielle Oser, APR
 
Critical Theory and Media Studies
Critical Theory and Media StudiesCritical Theory and Media Studies
Critical Theory and Media StudiesAn Nguyen
 
Key Concepts in Media Studies Lecture 3 Semiotics
Key Concepts in Media Studies Lecture 3 SemioticsKey Concepts in Media Studies Lecture 3 Semiotics
Key Concepts in Media Studies Lecture 3 SemioticsMarcus Leaning
 
Introduction to film analysis, semiotics
Introduction to film analysis, semioticsIntroduction to film analysis, semiotics
Introduction to film analysis, semioticsx y
 
Visual communication and Cartoons
Visual communication and CartoonsVisual communication and Cartoons
Visual communication and CartoonsDanielle Oser, APR
 
What is visual communication design? keynote
What is visual communication design? keynoteWhat is visual communication design? keynote
What is visual communication design? keynotePaul Vickers
 
Theory Of Semiotics
Theory Of SemioticsTheory Of Semiotics
Theory Of SemioticsHalfmazin
 

Tendances (20)

Lecture 3 - Visual Communication Theories
Lecture 3 - Visual Communication TheoriesLecture 3 - Visual Communication Theories
Lecture 3 - Visual Communication Theories
 
Is a picture worth 1,000 words? Textual Analysis
Is a picture worth 1,000 words? Textual AnalysisIs a picture worth 1,000 words? Textual Analysis
Is a picture worth 1,000 words? Textual Analysis
 
Visual Semiotics
Visual SemioticsVisual Semiotics
Visual Semiotics
 
Narrative Image: The How and Why of Visual Storytelling
Narrative Image: The How and Why of Visual StorytellingNarrative Image: The How and Why of Visual Storytelling
Narrative Image: The How and Why of Visual Storytelling
 
Elements of visual design
Elements of visual designElements of visual design
Elements of visual design
 
Visual communication and Visual stereotypes
Visual communication and Visual stereotypesVisual communication and Visual stereotypes
Visual communication and Visual stereotypes
 
Semiotics
SemioticsSemiotics
Semiotics
 
Visual communication and Visual cues part one
Visual communication and Visual cues part oneVisual communication and Visual cues part one
Visual communication and Visual cues part one
 
Semiotics
SemioticsSemiotics
Semiotics
 
semiotic Analysis
semiotic  Analysissemiotic  Analysis
semiotic Analysis
 
Critical Theory and Media Studies
Critical Theory and Media StudiesCritical Theory and Media Studies
Critical Theory and Media Studies
 
Key Concepts in Media Studies Lecture 3 Semiotics
Key Concepts in Media Studies Lecture 3 SemioticsKey Concepts in Media Studies Lecture 3 Semiotics
Key Concepts in Media Studies Lecture 3 Semiotics
 
Introduction to film analysis, semiotics
Introduction to film analysis, semioticsIntroduction to film analysis, semiotics
Introduction to film analysis, semiotics
 
Semiotics
Semiotics Semiotics
Semiotics
 
Visual communication and Cartoons
Visual communication and CartoonsVisual communication and Cartoons
Visual communication and Cartoons
 
VISUAL COMMUNICATION
VISUAL COMMUNICATIONVISUAL COMMUNICATION
VISUAL COMMUNICATION
 
It's all about typography
It's all about typographyIt's all about typography
It's all about typography
 
What is visual communication design? keynote
What is visual communication design? keynoteWhat is visual communication design? keynote
What is visual communication design? keynote
 
Visual Communication
Visual CommunicationVisual Communication
Visual Communication
 
Theory Of Semiotics
Theory Of SemioticsTheory Of Semiotics
Theory Of Semiotics
 

En vedette

VDIS10015 Visual Communication Skills - Lecture 1
VDIS10015 Visual Communication Skills - Lecture 1VDIS10015 Visual Communication Skills - Lecture 1
VDIS10015 Visual Communication Skills - Lecture 1Virtu Institute
 
Visual communication and photography
Visual communication and photographyVisual communication and photography
Visual communication and photographyDanielle Oser, APR
 
Visual communication and movies
Visual communication and moviesVisual communication and movies
Visual communication and moviesDanielle Oser, APR
 
Communication skills Basic
Communication skills BasicCommunication skills Basic
Communication skills BasicSachinKabra
 
Equality and diversity slideshow
Equality and diversity slideshowEquality and diversity slideshow
Equality and diversity slideshowAdam Moore
 
Basic Photography Lesson
Basic Photography LessonBasic Photography Lesson
Basic Photography Lessonhweeling
 
Lesson 9 Stereotypes
Lesson 9 StereotypesLesson 9 Stereotypes
Lesson 9 StereotypesPatrickwolak
 
Tea bar -Business plan
Tea bar -Business planTea bar -Business plan
Tea bar -Business planReema Jagtap
 
Visual Design with Data
Visual Design with DataVisual Design with Data
Visual Design with DataSeth Familian
 

En vedette (15)

Designing Visual Persuasion
Designing Visual PersuasionDesigning Visual Persuasion
Designing Visual Persuasion
 
Visual Persuasion
Visual PersuasionVisual Persuasion
Visual Persuasion
 
VDIS10015 Visual Communication Skills - Lecture 1
VDIS10015 Visual Communication Skills - Lecture 1VDIS10015 Visual Communication Skills - Lecture 1
VDIS10015 Visual Communication Skills - Lecture 1
 
Visual communication and photography
Visual communication and photographyVisual communication and photography
Visual communication and photography
 
Visual communication and movies
Visual communication and moviesVisual communication and movies
Visual communication and movies
 
Communication skills Basic
Communication skills BasicCommunication skills Basic
Communication skills Basic
 
Using Visuals in Elearning to make Learning Effective
Using Visuals in Elearning to make Learning EffectiveUsing Visuals in Elearning to make Learning Effective
Using Visuals in Elearning to make Learning Effective
 
Equality and diversity slideshow
Equality and diversity slideshowEquality and diversity slideshow
Equality and diversity slideshow
 
5 Reasons Typography is Powerful
5 Reasons Typography is Powerful5 Reasons Typography is Powerful
5 Reasons Typography is Powerful
 
Basic Photography Lesson
Basic Photography LessonBasic Photography Lesson
Basic Photography Lesson
 
Introduction to multimedia
Introduction to multimediaIntroduction to multimedia
Introduction to multimedia
 
Lesson 9 Stereotypes
Lesson 9 StereotypesLesson 9 Stereotypes
Lesson 9 Stereotypes
 
Tea bar -Business plan
Tea bar -Business planTea bar -Business plan
Tea bar -Business plan
 
Visual persuasion
Visual persuasionVisual persuasion
Visual persuasion
 
Visual Design with Data
Visual Design with DataVisual Design with Data
Visual Design with Data
 

Plus de Danielle Oser, APR

Plus de Danielle Oser, APR (20)

Photo manipulation ethics
Photo manipulation ethicsPhoto manipulation ethics
Photo manipulation ethics
 
Design planning and stock images
Design planning and stock imagesDesign planning and stock images
Design planning and stock images
 
Desktop publishing intro
Desktop publishing introDesktop publishing intro
Desktop publishing intro
 
Adobe illustrator getting started
Adobe illustrator getting startedAdobe illustrator getting started
Adobe illustrator getting started
 
InDesign intro
InDesign introInDesign intro
InDesign intro
 
Copyright and stock images
Copyright and stock imagesCopyright and stock images
Copyright and stock images
 
Visual communication the more you know the more you see
Visual communication the more you know the more you seeVisual communication the more you know the more you see
Visual communication the more you know the more you see
 
Visual communication and the web
Visual communication and the webVisual communication and the web
Visual communication and the web
 
Visual communication and computers
Visual communication and computersVisual communication and computers
Visual communication and computers
 
Visual communication and television
Visual communication and televisionVisual communication and television
Visual communication and television
 
Visual communication and Infographics
Visual communication and InfographicsVisual communication and Infographics
Visual communication and Infographics
 
Visual communication
Visual communicationVisual communication
Visual communication
 
Commercial Printing Options
Commercial Printing OptionsCommercial Printing Options
Commercial Printing Options
 
Copyright
CopyrightCopyright
Copyright
 
Planning for Grapic Design Success
Planning for Grapic Design SuccessPlanning for Grapic Design Success
Planning for Grapic Design Success
 
Final com233 ss2013 final project requirements
Final com233 ss2013 final project requirementsFinal com233 ss2013 final project requirements
Final com233 ss2013 final project requirements
 
Stock images
Stock imagesStock images
Stock images
 
Typography
TypographyTypography
Typography
 
Html intro
Html introHtml intro
Html intro
 
Com202 photo manipulation ethics
Com202 photo manipulation ethicsCom202 photo manipulation ethics
Com202 photo manipulation ethics
 

Dernier

call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
Pharmacognosy Flower 3. Compositae 2023.pdf
Pharmacognosy Flower 3. Compositae 2023.pdfPharmacognosy Flower 3. Compositae 2023.pdf
Pharmacognosy Flower 3. Compositae 2023.pdfMahmoud M. Sallam
 
Capitol Tech U Doctoral Presentation - April 2024.pptx
Capitol Tech U Doctoral Presentation - April 2024.pptxCapitol Tech U Doctoral Presentation - April 2024.pptx
Capitol Tech U Doctoral Presentation - April 2024.pptxCapitolTechU
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxmanuelaromero2013
 
Types of Journalistic Writing Grade 8.pptx
Types of Journalistic Writing Grade 8.pptxTypes of Journalistic Writing Grade 8.pptx
Types of Journalistic Writing Grade 8.pptxEyham Joco
 
“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
 
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
 
DATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersDATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersSabitha Banu
 
CELL CYCLE Division Science 8 quarter IV.pptx
CELL CYCLE Division Science 8 quarter IV.pptxCELL CYCLE Division Science 8 quarter IV.pptx
CELL CYCLE Division Science 8 quarter IV.pptxJiesonDelaCerna
 
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
 
Roles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in PharmacovigilanceRoles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in PharmacovigilanceSamikshaHamane
 
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdfLike-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdfMr Bounab Samir
 
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
 
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
 
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
 
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
 
Solving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptxSolving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptxOH TEIK BIN
 

Dernier (20)

call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
 
Pharmacognosy Flower 3. Compositae 2023.pdf
Pharmacognosy Flower 3. Compositae 2023.pdfPharmacognosy Flower 3. Compositae 2023.pdf
Pharmacognosy Flower 3. Compositae 2023.pdf
 
Capitol Tech U Doctoral Presentation - April 2024.pptx
Capitol Tech U Doctoral Presentation - April 2024.pptxCapitol Tech U Doctoral Presentation - April 2024.pptx
Capitol Tech U Doctoral Presentation - April 2024.pptx
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptx
 
Types of Journalistic Writing Grade 8.pptx
Types of Journalistic Writing Grade 8.pptxTypes of Journalistic Writing Grade 8.pptx
Types of Journalistic Writing Grade 8.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...
 
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
 
DATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersDATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginners
 
CELL CYCLE Division Science 8 quarter IV.pptx
CELL CYCLE Division Science 8 quarter IV.pptxCELL CYCLE Division Science 8 quarter IV.pptx
CELL CYCLE Division Science 8 quarter IV.pptx
 
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
 
Roles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in PharmacovigilanceRoles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in Pharmacovigilance
 
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdfLike-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
 
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
 
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
 
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
 
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
 
OS-operating systems- ch04 (Threads) ...
OS-operating systems- ch04 (Threads) ...OS-operating systems- ch04 (Threads) ...
OS-operating systems- ch04 (Threads) ...
 
Solving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptxSolving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptx
 
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
 
Model Call Girl in Bikash Puri Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Bikash Puri  Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Bikash Puri  Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Bikash Puri Delhi reach out to us at 🔝9953056974🔝
 

Visual communication and typography