SlideShare ist ein Scribd-Unternehmen logo
1 von 20
History of Typography
(History of Digital Font)
Robin Chin
November 7, 2006
What is “Typography?”
• The art and technique of printing
• The study and “process” of typefaces
– “Study”
•
•
•
•

Legibility or readability of typefaces and their layout
Attractiveness of typefaces and their layout
Functionality and effectiveness of typefaces and their layout
How a typeface/layout combo “enhances” or “honors” content

– “Process”
• Artistic composition of individual type
• Setting and arrangement of type
• Basic elements of “desktop publishing”

– Typeface
• A full set of type made to a particular design (size and style)
• A font
Some Typeface Examples
• Quick brown foxes jump - Times New Roman
• Quick brown foxes jump - Bookman Old Style
• Quick brown foxes jump - Courier New
• Quick brown foxes jump - Trebuchet MS
• Quick brown foxes jump - Comic Sans MS
  - Webdings
Typography and Print
• Typography is defined in relation to print
• History of (Western) printing
– Johannes Gutenberg
•
•
•
•

Europe’s first printer (42-line Bible, 1455)
First designer of typeface
Gothic type: modeled after German script
Goal: To replicate the look of a manuscript Bible

– Aldus Manutius
• Designed “Italic” type (“of Italy”) in the 1490s
• Modeled on handwriting of Venetian clerks
• Compact form allowed for printing of smaller books
Typography and Print
German
Script

Gothic
Type

Manutius’
Italic
Typography and Print:

Creating Type
Basic
letterform for
capital letters
Stone
Engravers’
Style:
As few curves
as possible
Typography and Print:

Creating Type
Geofroy Tory
•
•

•

16th Century French
Designer
Influenced by architecture
and the work of Leonardo
da Vinci
Designed his typeface on
the proportions of the
human body

“Anatomy of a letter” - Some terms eventually associated with the
(Not features of type design
potentialTory, but an example of a full set of typeface)
Typography and Print:

Creating Type
 Design of the typeface
 Creation of physical “type”





The
“form”

Type: (n.) piece of metal in which letter(s) are cast
Gutenberg’s innovation: movable, reusable type
See Robin Chin’s website on “Portability”

From physical type to printed page

{






The composing sticks: words formed, placed into sticks
The galley: sticks placed together, spaced apart
The chase: galley placed inside, wedges add margins
The form: inked, then placed in the printing press
Typography and Print:

Creating Type
Typography and Print:

The Power of Typography
• Theory: “Typography honors content”
• Related theory: typography honors industry and content
• Italics example: designed to fit business innovation

• Modernist theory: Typography as functional with content
• Modernist era: late 19th - early 20th century
• Political potential of (experimental) typography
• Different “rules” of typographic design - to encourage and
discourage certain values in the reading public

– Some political artistic groups of the time
• Futurist writers (Italy) - destruction is beautiful and necessary!
• Imagist poets (England) - the image itself is speech!
• Constructivists (Russia) - modernism is functionality!
Typography and Print:

The Power of Typography
• Typography takes an
• F.T. Marinetti
active Italian poet and founder of Futurism
– role in the content

– From Les mots en
• Visible as well as audibleliberté futuristes, 1919
• “I am
poetic elementstarting a typographic revolution, directed above

all against the idiotic, sick-making conception of the oldfashioned Poetry Book, with its hand-made paper, its
• Helped inspire later
sixteenth century style, decorated with galleons,
Minervas, Apollos,
modernist typographers to great initials …”
• “The book must
use strong contrasts in be the futuristic expression of our
futuristic thought.
type sizes and design, and Better: my revolution is against
among other things
new angles of typewhich is inthe so-called typographic harmony of
the page,
complete opposition to the style
which the page allows.”
Typography and Print:

The Power of Typography
• El Lissitzky

Sans-serif

– Russian constructivist and major artist of “new typography”
– “Topgraphy of Typography,” from the magazine Merz, 1922
• “On the printed page words are seen, not heard.”

Bold, basic colors of Expression - visual, not phonetic.”
• “Economy
• “The new book demands the new writer. Ink-pots and goosequills are dead.”
Use of photography
• “The printed page transcends time and space. The technology)
(new-ish printed
page, the infinity of the book, must be transcended. THE ELECTROLIBRARY.”

– Distinct break from old typography: total discarding of
decorative concepts and a turn to functional design
Typography and Print:

The Power of Typography
• Importance of “new typography” today
– A case where the form of printing adapted to fit the
conditions of modern life
– Declares that “form is not independent, but grows out
of function (purpose), out of the materials used
(organic or technical), and out of how they are used.”*
– Declares that clarity and not beauty is the essence of
typography
– Declares that asymmetry is generally more optically
effective than symmetry
* Jan Tschichold
Typography and Print:

The Power of Typography
• Importance of “new typography” today
– Considered blank space to be as much as a formal
element of typography as black type
– Continued to encourage standardization
– Blurred the line between “high art” and “mass media”
– Blurred the distinction between image and language
– Predicted the future importance of typographic design
to advertising
Typography Today
• Typography in the digital environment
– New process of typeface design
• computer programs vs. hand design and casting

– New possibilities for layout with the screen
• computer programs vs. galleys, etc.

– New elements of expression
• text and images
• sound and animation
• screen brightness and contrast

– New concept of materiality
• pixels vs. ink
• links, buttons, IP addresses
Digital Typography
• Some digitally adopted typefaces
– Times New Roman
• 1932, The Times of London Newspaper

– Bookman Old Style
• 1858, A.C. Phemister in Edinburgh, Scotland

– Courier New
•
•
•
•

1955, Howard Kettler
Designed as a typewriter face
Commissioned by IBM
Design as a monospaced font (hence easy to align as
columns of text) makes it a valuable typeface for coding
Digital Typography
• Some digitally created typefaces
– Trebuchet MS
• 1996, Microsoft typeface designed to be readable at small
sizes and at low resolutions
• Based on humanist sans serif typeface designs of the
1920s and 30s

– Comic Sans MS
• 1994 (developed), released as part of Windows 95 Plus!
Pack
• Based on the generic lettering style of comic strips

  (Webdings)
• 1997, designed in response to web designers’ need for
easy method of incorporating graphics in their pages
Conclusion:
Online Reading Practices
• Lesson from early history of print
– Typographic design is an essential issue in the printing
revolution and print culture

• Lesson from modernist typography
– “Form is not independent, but grows out of function
(purpose), out of the materials used (organic or technical),
and out of how they are used” - i.e. new reading practices

• Lesson from the development of digital fonts
– As the webpage borrows from the printed page, so digital
font has borrowed heavily from printed typefaces
– As the webpage develops further uses distinct from the
page, so grows the need to revisit typography, its history,
and its future
Conclusion:
Online Reading Practices
• Aesthetics and computing courses
– MAS 962: Digital Typography

• Records of digital typographic development
– Microsoft typography research group

• Digital typography programs
– Font-Lab

• Publications on digital typography
– Donald Knuth’s Digital Typography series
Some Printed Sources and
Resources
• Drucker, Johanna. The Visible Word: Experimental
Typography and Modern Art, 1901-1923 (Chicago:
University of Chicago Press, 1994).
• McGann, Jerome. The Visible Language of
Modernism (Princeton: Princeton University Press,
1993).
• Tschichold, Jan. The New Typography: A Handbook
for Modern Designers, trans. Ruari McLean
(Berkeley: University of California Press, 1995).

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

Publication Design Chapter 05
Publication Design Chapter 05Publication Design Chapter 05
Publication Design Chapter 05
 
Typography
TypographyTypography
Typography
 
Typography
TypographyTypography
Typography
 
5 Reasons Typography is Powerful
5 Reasons Typography is Powerful5 Reasons Typography is Powerful
5 Reasons Typography is Powerful
 
Sistemas de Impresión
Sistemas de ImpresiónSistemas de Impresión
Sistemas de Impresión
 
Typography Fundamentals
Typography FundamentalsTypography Fundamentals
Typography Fundamentals
 
Good practises in graphic design, typography and editing: “Clear Layout. Basi...
Good practises in graphic design, typography and editing: “Clear Layout. Basi...Good practises in graphic design, typography and editing: “Clear Layout. Basi...
Good practises in graphic design, typography and editing: “Clear Layout. Basi...
 
Magazine Layout Design
Magazine Layout DesignMagazine Layout Design
Magazine Layout Design
 
Typography - Graphic Design
Typography - Graphic DesignTypography - Graphic Design
Typography - Graphic Design
 
History of graphics design.
History of graphics design.History of graphics design.
History of graphics design.
 
Ink
InkInk
Ink
 
Typography Essentials: Part 2
Typography Essentials: Part 2Typography Essentials: Part 2
Typography Essentials: Part 2
 
Diversos soportes y tintas en los sistemas de impresion
Diversos soportes y tintas en los sistemas de impresionDiversos soportes y tintas en los sistemas de impresion
Diversos soportes y tintas en los sistemas de impresion
 
Print production process
Print production processPrint production process
Print production process
 
Drawing with Ink: Variety of Line and Cross-Hatching (Pen and Brush)
Drawing with Ink: Variety of Line and Cross-Hatching (Pen and Brush)Drawing with Ink: Variety of Line and Cross-Hatching (Pen and Brush)
Drawing with Ink: Variety of Line and Cross-Hatching (Pen and Brush)
 
typography
 typography typography
typography
 
Introduction to Layouts in Graphic Design
Introduction to Layouts in Graphic DesignIntroduction to Layouts in Graphic Design
Introduction to Layouts in Graphic Design
 
Logo design
Logo designLogo design
Logo design
 
Typography
Typography Typography
Typography
 
Graphic Design 101
Graphic Design 101Graphic Design 101
Graphic Design 101
 

Andere mochten auch

Jan Tschichold sarahi-cervin
Jan Tschichold sarahi-cervinJan Tschichold sarahi-cervin
Jan Tschichold sarahi-cervinMDT09
 
Bro, do you even know fonts?
Bro, do you even know fonts?Bro, do you even know fonts?
Bro, do you even know fonts?learningnight
 
Trend Hunter 2010 Trend Reports Sample
Trend Hunter 2010 Trend Reports SampleTrend Hunter 2010 Trend Reports Sample
Trend Hunter 2010 Trend Reports Sampleveness13
 
A LEVEL MEDIA: MAGAZINE PRODUCTION- INITIAL IDEAS
A LEVEL MEDIA: MAGAZINE PRODUCTION- INITIAL IDEAS A LEVEL MEDIA: MAGAZINE PRODUCTION- INITIAL IDEAS
A LEVEL MEDIA: MAGAZINE PRODUCTION- INITIAL IDEAS Vic Addis
 
Categories of fonts
Categories of fontsCategories of fonts
Categories of fontsSally Garza
 
Anatome a Milano. Philippe Apeloig, progettare per la cultura
Anatome a Milano. Philippe Apeloig, progettare per la culturaAnatome a Milano. Philippe Apeloig, progettare per la cultura
Anatome a Milano. Philippe Apeloig, progettare per la culturaGiulietta Carito
 
Herb Lubalin Presentation
Herb Lubalin PresentationHerb Lubalin Presentation
Herb Lubalin Presentationoliviasl
 
Scuola Svizzera di Roma Sofia Giusti Geografia del portogallo
Scuola Svizzera di Roma Sofia Giusti Geografia del portogalloScuola Svizzera di Roma Sofia Giusti Geografia del portogallo
Scuola Svizzera di Roma Sofia Giusti Geografia del portogalloNoemi Colangeli
 
Breve introduzione alla grafica pubblicitaria
Breve introduzione alla grafica pubblicitariaBreve introduzione alla grafica pubblicitaria
Breve introduzione alla grafica pubblicitariaSimone Terenziani
 
Bauhaus e l'architettura razionalista
Bauhaus e l'architettura razionalistaBauhaus e l'architettura razionalista
Bauhaus e l'architettura razionalistaValentina Meli
 
Modernist Typography and the Swiss grid - Carlo Giannasca
Modernist Typography and the Swiss grid - Carlo GiannascaModernist Typography and the Swiss grid - Carlo Giannasca
Modernist Typography and the Swiss grid - Carlo GiannascaFrostSydney
 
Θεσσαλονίκη
ΘεσσαλονίκηΘεσσαλονίκη
Θεσσαλονίκηhrisgiou
 

Andere mochten auch (20)

Jan Tschichold sarahi-cervin
Jan Tschichold sarahi-cervinJan Tschichold sarahi-cervin
Jan Tschichold sarahi-cervin
 
Bro, do you even know fonts?
Bro, do you even know fonts?Bro, do you even know fonts?
Bro, do you even know fonts?
 
Typography3 bh
Typography3 bhTypography3 bh
Typography3 bh
 
Trend Hunter 2010 Trend Reports Sample
Trend Hunter 2010 Trend Reports SampleTrend Hunter 2010 Trend Reports Sample
Trend Hunter 2010 Trend Reports Sample
 
A LEVEL MEDIA: MAGAZINE PRODUCTION- INITIAL IDEAS
A LEVEL MEDIA: MAGAZINE PRODUCTION- INITIAL IDEAS A LEVEL MEDIA: MAGAZINE PRODUCTION- INITIAL IDEAS
A LEVEL MEDIA: MAGAZINE PRODUCTION- INITIAL IDEAS
 
Font Basics - a small introduction
Font Basics - a small introductionFont Basics - a small introduction
Font Basics - a small introduction
 
Categories of fonts
Categories of fontsCategories of fonts
Categories of fonts
 
Anatome a Milano. Philippe Apeloig, progettare per la cultura
Anatome a Milano. Philippe Apeloig, progettare per la culturaAnatome a Milano. Philippe Apeloig, progettare per la cultura
Anatome a Milano. Philippe Apeloig, progettare per la cultura
 
Type
TypeType
Type
 
Herb Lubalin Presentation
Herb Lubalin PresentationHerb Lubalin Presentation
Herb Lubalin Presentation
 
Intro to Typography
Intro to TypographyIntro to Typography
Intro to Typography
 
δέκα εντολές
δέκα εντολέςδέκα εντολές
δέκα εντολές
 
Typography
TypographyTypography
Typography
 
word excel pp
word excel ppword excel pp
word excel pp
 
Scuola Svizzera di Roma Sofia Giusti Geografia del portogallo
Scuola Svizzera di Roma Sofia Giusti Geografia del portogalloScuola Svizzera di Roma Sofia Giusti Geografia del portogallo
Scuola Svizzera di Roma Sofia Giusti Geografia del portogallo
 
Breve introduzione alla grafica pubblicitaria
Breve introduzione alla grafica pubblicitariaBreve introduzione alla grafica pubblicitaria
Breve introduzione alla grafica pubblicitaria
 
6. MOVIMENTO MODERNO E RAZIONALISMO - teoria
6. MOVIMENTO MODERNO E RAZIONALISMO - teoria6. MOVIMENTO MODERNO E RAZIONALISMO - teoria
6. MOVIMENTO MODERNO E RAZIONALISMO - teoria
 
Bauhaus e l'architettura razionalista
Bauhaus e l'architettura razionalistaBauhaus e l'architettura razionalista
Bauhaus e l'architettura razionalista
 
Modernist Typography and the Swiss grid - Carlo Giannasca
Modernist Typography and the Swiss grid - Carlo GiannascaModernist Typography and the Swiss grid - Carlo Giannasca
Modernist Typography and the Swiss grid - Carlo Giannasca
 
Θεσσαλονίκη
ΘεσσαλονίκηΘεσσαλονίκη
Θεσσαλονίκη
 

Ähnlich wie Typography

C.o.p proposal for publiction
C.o.p proposal for publictionC.o.p proposal for publiction
C.o.p proposal for publictionCrystalbeth
 
Print Media, Types of Print media, history and Importance
Print Media, Types of Print media, history and ImportancePrint Media, Types of Print media, history and Importance
Print Media, Types of Print media, history and Importancerabeebhatti1
 
Deconstrution: from Theory to Visual Representation.
Deconstrution: from Theory to Visual Representation. Deconstrution: from Theory to Visual Representation.
Deconstrution: from Theory to Visual Representation. Mal Nox
 
Comm via printed media 06
Comm via printed media 06Comm via printed media 06
Comm via printed media 06HasanErkaya1
 
Samantha Maxwell Senior Project Research Paper
Samantha Maxwell Senior Project Research PaperSamantha Maxwell Senior Project Research Paper
Samantha Maxwell Senior Project Research Papersamanthamaxwell532
 
History Of Graphic Design
History Of Graphic DesignHistory Of Graphic Design
History Of Graphic DesignAnetwork
 
Historical Parallels in Usability
Historical Parallels in UsabilityHistorical Parallels in Usability
Historical Parallels in UsabilityBen Woods
 
HISTORY OF PRINT MEDIA
HISTORY OF PRINT MEDIAHISTORY OF PRINT MEDIA
HISTORY OF PRINT MEDIASunesh Parayil
 
Art of Typography
Art of TypographyArt of Typography
Art of TypographyNazmi Nazim
 
Timothy Samara-Type Style Finder_ The Busy Designer's Guide to Type-Rockport ...
Timothy Samara-Type Style Finder_ The Busy Designer's Guide to Type-Rockport ...Timothy Samara-Type Style Finder_ The Busy Designer's Guide to Type-Rockport ...
Timothy Samara-Type Style Finder_ The Busy Designer's Guide to Type-Rockport ...ARLENEPARALEJAS3
 
Art100 sp17 class14.1_riseofcommercialculture
Art100 sp17 class14.1_riseofcommercialcultureArt100 sp17 class14.1_riseofcommercialculture
Art100 sp17 class14.1_riseofcommercialcultureJennifer Burns
 
"Voyages of Type: Rethinking Some Aspects of the Transatlantic Print Sphere 1...
"Voyages of Type: Rethinking Some Aspects of the Transatlantic Print Sphere 1..."Voyages of Type: Rethinking Some Aspects of the Transatlantic Print Sphere 1...
"Voyages of Type: Rethinking Some Aspects of the Transatlantic Print Sphere 1...nickmimic
 
Put On Your Typeface by Chris Tyre
Put On Your Typeface by Chris TyrePut On Your Typeface by Chris Tyre
Put On Your Typeface by Chris TyreChris Tyre
 

Ähnlich wie Typography (20)

C.o.p proposal for publiction
C.o.p proposal for publictionC.o.p proposal for publiction
C.o.p proposal for publiction
 
Print Media, Types of Print media, history and Importance
Print Media, Types of Print media, history and ImportancePrint Media, Types of Print media, history and Importance
Print Media, Types of Print media, history and Importance
 
Early printed book
Early printed bookEarly printed book
Early printed book
 
Publication Design Chapter 01
Publication Design Chapter 01Publication Design Chapter 01
Publication Design Chapter 01
 
Deconstrution: from Theory to Visual Representation.
Deconstrution: from Theory to Visual Representation. Deconstrution: from Theory to Visual Representation.
Deconstrution: from Theory to Visual Representation.
 
Typography
TypographyTypography
Typography
 
Comm via printed media 06
Comm via printed media 06Comm via printed media 06
Comm via printed media 06
 
Samantha Maxwell Senior Project Research Paper
Samantha Maxwell Senior Project Research PaperSamantha Maxwell Senior Project Research Paper
Samantha Maxwell Senior Project Research Paper
 
Graphic design 2
Graphic design 2Graphic design 2
Graphic design 2
 
History Of Graphic Design
History Of Graphic DesignHistory Of Graphic Design
History Of Graphic Design
 
Historical Parallels in Usability
Historical Parallels in UsabilityHistorical Parallels in Usability
Historical Parallels in Usability
 
HISTORY OF PRINT MEDIA
HISTORY OF PRINT MEDIAHISTORY OF PRINT MEDIA
HISTORY OF PRINT MEDIA
 
Art of Typography
Art of TypographyArt of Typography
Art of Typography
 
Publication design
Publication designPublication design
Publication design
 
Timothy Samara-Type Style Finder_ The Busy Designer's Guide to Type-Rockport ...
Timothy Samara-Type Style Finder_ The Busy Designer's Guide to Type-Rockport ...Timothy Samara-Type Style Finder_ The Busy Designer's Guide to Type-Rockport ...
Timothy Samara-Type Style Finder_ The Busy Designer's Guide to Type-Rockport ...
 
Art100 sp17 class14.1_riseofcommercialculture
Art100 sp17 class14.1_riseofcommercialcultureArt100 sp17 class14.1_riseofcommercialculture
Art100 sp17 class14.1_riseofcommercialculture
 
Task 1
Task 1Task 1
Task 1
 
"Voyages of Type: Rethinking Some Aspects of the Transatlantic Print Sphere 1...
"Voyages of Type: Rethinking Some Aspects of the Transatlantic Print Sphere 1..."Voyages of Type: Rethinking Some Aspects of the Transatlantic Print Sphere 1...
"Voyages of Type: Rethinking Some Aspects of the Transatlantic Print Sphere 1...
 
Put On Your Typeface by Chris Tyre
Put On Your Typeface by Chris TyrePut On Your Typeface by Chris Tyre
Put On Your Typeface by Chris Tyre
 
History of Graphic Design
History of Graphic DesignHistory of Graphic Design
History of Graphic Design
 

Kürzlich hochgeladen

8447779800, Low rate Call girls in New Ashok Nagar Delhi NCR
8447779800, Low rate Call girls in New Ashok Nagar Delhi NCR8447779800, Low rate Call girls in New Ashok Nagar Delhi NCR
8447779800, Low rate Call girls in New Ashok Nagar Delhi NCRashishs7044
 
NewBase 19 April 2024 Energy News issue - 1717 by Khaled Al Awadi.pdf
NewBase  19 April  2024  Energy News issue - 1717 by Khaled Al Awadi.pdfNewBase  19 April  2024  Energy News issue - 1717 by Khaled Al Awadi.pdf
NewBase 19 April 2024 Energy News issue - 1717 by Khaled Al Awadi.pdfKhaled Al Awadi
 
Kenya’s Coconut Value Chain by Gatsby Africa
Kenya’s Coconut Value Chain by Gatsby AfricaKenya’s Coconut Value Chain by Gatsby Africa
Kenya’s Coconut Value Chain by Gatsby Africaictsugar
 
8447779800, Low rate Call girls in Tughlakabad Delhi NCR
8447779800, Low rate Call girls in Tughlakabad Delhi NCR8447779800, Low rate Call girls in Tughlakabad Delhi NCR
8447779800, Low rate Call girls in Tughlakabad Delhi NCRashishs7044
 
MAHA Global and IPR: Do Actions Speak Louder Than Words?
MAHA Global and IPR: Do Actions Speak Louder Than Words?MAHA Global and IPR: Do Actions Speak Louder Than Words?
MAHA Global and IPR: Do Actions Speak Louder Than Words?Olivia Kresic
 
FULL ENJOY Call girls in Paharganj Delhi | 8377087607
FULL ENJOY Call girls in Paharganj Delhi | 8377087607FULL ENJOY Call girls in Paharganj Delhi | 8377087607
FULL ENJOY Call girls in Paharganj Delhi | 8377087607dollysharma2066
 
Digital Transformation in the PLM domain - distrib.pdf
Digital Transformation in the PLM domain - distrib.pdfDigital Transformation in the PLM domain - distrib.pdf
Digital Transformation in the PLM domain - distrib.pdfJos Voskuil
 
(Best) ENJOY Call Girls in Faridabad Ex | 8377087607
(Best) ENJOY Call Girls in Faridabad Ex | 8377087607(Best) ENJOY Call Girls in Faridabad Ex | 8377087607
(Best) ENJOY Call Girls in Faridabad Ex | 8377087607dollysharma2066
 
2024 Numerator Consumer Study of Cannabis Usage
2024 Numerator Consumer Study of Cannabis Usage2024 Numerator Consumer Study of Cannabis Usage
2024 Numerator Consumer Study of Cannabis UsageNeil Kimberley
 
Ten Organizational Design Models to align structure and operations to busines...
Ten Organizational Design Models to align structure and operations to busines...Ten Organizational Design Models to align structure and operations to busines...
Ten Organizational Design Models to align structure and operations to busines...Seta Wicaksana
 
Call Girls In Radisson Blu Hotel New Delhi Paschim Vihar ❤️8860477959 Escorts...
Call Girls In Radisson Blu Hotel New Delhi Paschim Vihar ❤️8860477959 Escorts...Call Girls In Radisson Blu Hotel New Delhi Paschim Vihar ❤️8860477959 Escorts...
Call Girls In Radisson Blu Hotel New Delhi Paschim Vihar ❤️8860477959 Escorts...lizamodels9
 
Intro to BCG's Carbon Emissions Benchmark_vF.pdf
Intro to BCG's Carbon Emissions Benchmark_vF.pdfIntro to BCG's Carbon Emissions Benchmark_vF.pdf
Intro to BCG's Carbon Emissions Benchmark_vF.pdfpollardmorgan
 
Marketplace and Quality Assurance Presentation - Vincent Chirchir
Marketplace and Quality Assurance Presentation - Vincent ChirchirMarketplace and Quality Assurance Presentation - Vincent Chirchir
Marketplace and Quality Assurance Presentation - Vincent Chirchirictsugar
 
Case study on tata clothing brand zudio in detail
Case study on tata clothing brand zudio in detailCase study on tata clothing brand zudio in detail
Case study on tata clothing brand zudio in detailAriel592675
 
8447779800, Low rate Call girls in Uttam Nagar Delhi NCR
8447779800, Low rate Call girls in Uttam Nagar Delhi NCR8447779800, Low rate Call girls in Uttam Nagar Delhi NCR
8447779800, Low rate Call girls in Uttam Nagar Delhi NCRashishs7044
 
Call US-88OO1O2216 Call Girls In Mahipalpur Female Escort Service
Call US-88OO1O2216 Call Girls In Mahipalpur Female Escort ServiceCall US-88OO1O2216 Call Girls In Mahipalpur Female Escort Service
Call US-88OO1O2216 Call Girls In Mahipalpur Female Escort Servicecallgirls2057
 
Call Girls In Sikandarpur Gurgaon ❤️8860477959_Russian 100% Genuine Escorts I...
Call Girls In Sikandarpur Gurgaon ❤️8860477959_Russian 100% Genuine Escorts I...Call Girls In Sikandarpur Gurgaon ❤️8860477959_Russian 100% Genuine Escorts I...
Call Girls In Sikandarpur Gurgaon ❤️8860477959_Russian 100% Genuine Escorts I...lizamodels9
 
8447779800, Low rate Call girls in Kotla Mubarakpur Delhi NCR
8447779800, Low rate Call girls in Kotla Mubarakpur Delhi NCR8447779800, Low rate Call girls in Kotla Mubarakpur Delhi NCR
8447779800, Low rate Call girls in Kotla Mubarakpur Delhi NCRashishs7044
 
Islamabad Escorts | Call 03070433345 | Escort Service in Islamabad
Islamabad Escorts | Call 03070433345 | Escort Service in IslamabadIslamabad Escorts | Call 03070433345 | Escort Service in Islamabad
Islamabad Escorts | Call 03070433345 | Escort Service in IslamabadAyesha Khan
 
Annual General Meeting Presentation Slides
Annual General Meeting Presentation SlidesAnnual General Meeting Presentation Slides
Annual General Meeting Presentation SlidesKeppelCorporation
 

Kürzlich hochgeladen (20)

8447779800, Low rate Call girls in New Ashok Nagar Delhi NCR
8447779800, Low rate Call girls in New Ashok Nagar Delhi NCR8447779800, Low rate Call girls in New Ashok Nagar Delhi NCR
8447779800, Low rate Call girls in New Ashok Nagar Delhi NCR
 
NewBase 19 April 2024 Energy News issue - 1717 by Khaled Al Awadi.pdf
NewBase  19 April  2024  Energy News issue - 1717 by Khaled Al Awadi.pdfNewBase  19 April  2024  Energy News issue - 1717 by Khaled Al Awadi.pdf
NewBase 19 April 2024 Energy News issue - 1717 by Khaled Al Awadi.pdf
 
Kenya’s Coconut Value Chain by Gatsby Africa
Kenya’s Coconut Value Chain by Gatsby AfricaKenya’s Coconut Value Chain by Gatsby Africa
Kenya’s Coconut Value Chain by Gatsby Africa
 
8447779800, Low rate Call girls in Tughlakabad Delhi NCR
8447779800, Low rate Call girls in Tughlakabad Delhi NCR8447779800, Low rate Call girls in Tughlakabad Delhi NCR
8447779800, Low rate Call girls in Tughlakabad Delhi NCR
 
MAHA Global and IPR: Do Actions Speak Louder Than Words?
MAHA Global and IPR: Do Actions Speak Louder Than Words?MAHA Global and IPR: Do Actions Speak Louder Than Words?
MAHA Global and IPR: Do Actions Speak Louder Than Words?
 
FULL ENJOY Call girls in Paharganj Delhi | 8377087607
FULL ENJOY Call girls in Paharganj Delhi | 8377087607FULL ENJOY Call girls in Paharganj Delhi | 8377087607
FULL ENJOY Call girls in Paharganj Delhi | 8377087607
 
Digital Transformation in the PLM domain - distrib.pdf
Digital Transformation in the PLM domain - distrib.pdfDigital Transformation in the PLM domain - distrib.pdf
Digital Transformation in the PLM domain - distrib.pdf
 
(Best) ENJOY Call Girls in Faridabad Ex | 8377087607
(Best) ENJOY Call Girls in Faridabad Ex | 8377087607(Best) ENJOY Call Girls in Faridabad Ex | 8377087607
(Best) ENJOY Call Girls in Faridabad Ex | 8377087607
 
2024 Numerator Consumer Study of Cannabis Usage
2024 Numerator Consumer Study of Cannabis Usage2024 Numerator Consumer Study of Cannabis Usage
2024 Numerator Consumer Study of Cannabis Usage
 
Ten Organizational Design Models to align structure and operations to busines...
Ten Organizational Design Models to align structure and operations to busines...Ten Organizational Design Models to align structure and operations to busines...
Ten Organizational Design Models to align structure and operations to busines...
 
Call Girls In Radisson Blu Hotel New Delhi Paschim Vihar ❤️8860477959 Escorts...
Call Girls In Radisson Blu Hotel New Delhi Paschim Vihar ❤️8860477959 Escorts...Call Girls In Radisson Blu Hotel New Delhi Paschim Vihar ❤️8860477959 Escorts...
Call Girls In Radisson Blu Hotel New Delhi Paschim Vihar ❤️8860477959 Escorts...
 
Intro to BCG's Carbon Emissions Benchmark_vF.pdf
Intro to BCG's Carbon Emissions Benchmark_vF.pdfIntro to BCG's Carbon Emissions Benchmark_vF.pdf
Intro to BCG's Carbon Emissions Benchmark_vF.pdf
 
Marketplace and Quality Assurance Presentation - Vincent Chirchir
Marketplace and Quality Assurance Presentation - Vincent ChirchirMarketplace and Quality Assurance Presentation - Vincent Chirchir
Marketplace and Quality Assurance Presentation - Vincent Chirchir
 
Case study on tata clothing brand zudio in detail
Case study on tata clothing brand zudio in detailCase study on tata clothing brand zudio in detail
Case study on tata clothing brand zudio in detail
 
8447779800, Low rate Call girls in Uttam Nagar Delhi NCR
8447779800, Low rate Call girls in Uttam Nagar Delhi NCR8447779800, Low rate Call girls in Uttam Nagar Delhi NCR
8447779800, Low rate Call girls in Uttam Nagar Delhi NCR
 
Call US-88OO1O2216 Call Girls In Mahipalpur Female Escort Service
Call US-88OO1O2216 Call Girls In Mahipalpur Female Escort ServiceCall US-88OO1O2216 Call Girls In Mahipalpur Female Escort Service
Call US-88OO1O2216 Call Girls In Mahipalpur Female Escort Service
 
Call Girls In Sikandarpur Gurgaon ❤️8860477959_Russian 100% Genuine Escorts I...
Call Girls In Sikandarpur Gurgaon ❤️8860477959_Russian 100% Genuine Escorts I...Call Girls In Sikandarpur Gurgaon ❤️8860477959_Russian 100% Genuine Escorts I...
Call Girls In Sikandarpur Gurgaon ❤️8860477959_Russian 100% Genuine Escorts I...
 
8447779800, Low rate Call girls in Kotla Mubarakpur Delhi NCR
8447779800, Low rate Call girls in Kotla Mubarakpur Delhi NCR8447779800, Low rate Call girls in Kotla Mubarakpur Delhi NCR
8447779800, Low rate Call girls in Kotla Mubarakpur Delhi NCR
 
Islamabad Escorts | Call 03070433345 | Escort Service in Islamabad
Islamabad Escorts | Call 03070433345 | Escort Service in IslamabadIslamabad Escorts | Call 03070433345 | Escort Service in Islamabad
Islamabad Escorts | Call 03070433345 | Escort Service in Islamabad
 
Annual General Meeting Presentation Slides
Annual General Meeting Presentation SlidesAnnual General Meeting Presentation Slides
Annual General Meeting Presentation Slides
 

Typography

  • 1. History of Typography (History of Digital Font) Robin Chin November 7, 2006
  • 2. What is “Typography?” • The art and technique of printing • The study and “process” of typefaces – “Study” • • • • Legibility or readability of typefaces and their layout Attractiveness of typefaces and their layout Functionality and effectiveness of typefaces and their layout How a typeface/layout combo “enhances” or “honors” content – “Process” • Artistic composition of individual type • Setting and arrangement of type • Basic elements of “desktop publishing” – Typeface • A full set of type made to a particular design (size and style) • A font
  • 3. Some Typeface Examples • Quick brown foxes jump - Times New Roman • Quick brown foxes jump - Bookman Old Style • Quick brown foxes jump - Courier New • Quick brown foxes jump - Trebuchet MS • Quick brown foxes jump - Comic Sans MS   - Webdings
  • 4. Typography and Print • Typography is defined in relation to print • History of (Western) printing – Johannes Gutenberg • • • • Europe’s first printer (42-line Bible, 1455) First designer of typeface Gothic type: modeled after German script Goal: To replicate the look of a manuscript Bible – Aldus Manutius • Designed “Italic” type (“of Italy”) in the 1490s • Modeled on handwriting of Venetian clerks • Compact form allowed for printing of smaller books
  • 6. Typography and Print: Creating Type Basic letterform for capital letters Stone Engravers’ Style: As few curves as possible
  • 7. Typography and Print: Creating Type Geofroy Tory • • • 16th Century French Designer Influenced by architecture and the work of Leonardo da Vinci Designed his typeface on the proportions of the human body “Anatomy of a letter” - Some terms eventually associated with the (Not features of type design potentialTory, but an example of a full set of typeface)
  • 8. Typography and Print: Creating Type  Design of the typeface  Creation of physical “type”     The “form” Type: (n.) piece of metal in which letter(s) are cast Gutenberg’s innovation: movable, reusable type See Robin Chin’s website on “Portability” From physical type to printed page {     The composing sticks: words formed, placed into sticks The galley: sticks placed together, spaced apart The chase: galley placed inside, wedges add margins The form: inked, then placed in the printing press
  • 10. Typography and Print: The Power of Typography • Theory: “Typography honors content” • Related theory: typography honors industry and content • Italics example: designed to fit business innovation • Modernist theory: Typography as functional with content • Modernist era: late 19th - early 20th century • Political potential of (experimental) typography • Different “rules” of typographic design - to encourage and discourage certain values in the reading public – Some political artistic groups of the time • Futurist writers (Italy) - destruction is beautiful and necessary! • Imagist poets (England) - the image itself is speech! • Constructivists (Russia) - modernism is functionality!
  • 11. Typography and Print: The Power of Typography • Typography takes an • F.T. Marinetti active Italian poet and founder of Futurism – role in the content – From Les mots en • Visible as well as audibleliberté futuristes, 1919 • “I am poetic elementstarting a typographic revolution, directed above all against the idiotic, sick-making conception of the oldfashioned Poetry Book, with its hand-made paper, its • Helped inspire later sixteenth century style, decorated with galleons, Minervas, Apollos, modernist typographers to great initials …” • “The book must use strong contrasts in be the futuristic expression of our futuristic thought. type sizes and design, and Better: my revolution is against among other things new angles of typewhich is inthe so-called typographic harmony of the page, complete opposition to the style which the page allows.”
  • 12. Typography and Print: The Power of Typography • El Lissitzky Sans-serif – Russian constructivist and major artist of “new typography” – “Topgraphy of Typography,” from the magazine Merz, 1922 • “On the printed page words are seen, not heard.” Bold, basic colors of Expression - visual, not phonetic.” • “Economy • “The new book demands the new writer. Ink-pots and goosequills are dead.” Use of photography • “The printed page transcends time and space. The technology) (new-ish printed page, the infinity of the book, must be transcended. THE ELECTROLIBRARY.” – Distinct break from old typography: total discarding of decorative concepts and a turn to functional design
  • 13. Typography and Print: The Power of Typography • Importance of “new typography” today – A case where the form of printing adapted to fit the conditions of modern life – Declares that “form is not independent, but grows out of function (purpose), out of the materials used (organic or technical), and out of how they are used.”* – Declares that clarity and not beauty is the essence of typography – Declares that asymmetry is generally more optically effective than symmetry * Jan Tschichold
  • 14. Typography and Print: The Power of Typography • Importance of “new typography” today – Considered blank space to be as much as a formal element of typography as black type – Continued to encourage standardization – Blurred the line between “high art” and “mass media” – Blurred the distinction between image and language – Predicted the future importance of typographic design to advertising
  • 15. Typography Today • Typography in the digital environment – New process of typeface design • computer programs vs. hand design and casting – New possibilities for layout with the screen • computer programs vs. galleys, etc. – New elements of expression • text and images • sound and animation • screen brightness and contrast – New concept of materiality • pixels vs. ink • links, buttons, IP addresses
  • 16. Digital Typography • Some digitally adopted typefaces – Times New Roman • 1932, The Times of London Newspaper – Bookman Old Style • 1858, A.C. Phemister in Edinburgh, Scotland – Courier New • • • • 1955, Howard Kettler Designed as a typewriter face Commissioned by IBM Design as a monospaced font (hence easy to align as columns of text) makes it a valuable typeface for coding
  • 17. Digital Typography • Some digitally created typefaces – Trebuchet MS • 1996, Microsoft typeface designed to be readable at small sizes and at low resolutions • Based on humanist sans serif typeface designs of the 1920s and 30s – Comic Sans MS • 1994 (developed), released as part of Windows 95 Plus! Pack • Based on the generic lettering style of comic strips   (Webdings) • 1997, designed in response to web designers’ need for easy method of incorporating graphics in their pages
  • 18. Conclusion: Online Reading Practices • Lesson from early history of print – Typographic design is an essential issue in the printing revolution and print culture • Lesson from modernist typography – “Form is not independent, but grows out of function (purpose), out of the materials used (organic or technical), and out of how they are used” - i.e. new reading practices • Lesson from the development of digital fonts – As the webpage borrows from the printed page, so digital font has borrowed heavily from printed typefaces – As the webpage develops further uses distinct from the page, so grows the need to revisit typography, its history, and its future
  • 19. Conclusion: Online Reading Practices • Aesthetics and computing courses – MAS 962: Digital Typography • Records of digital typographic development – Microsoft typography research group • Digital typography programs – Font-Lab • Publications on digital typography – Donald Knuth’s Digital Typography series
  • 20. Some Printed Sources and Resources • Drucker, Johanna. The Visible Word: Experimental Typography and Modern Art, 1901-1923 (Chicago: University of Chicago Press, 1994). • McGann, Jerome. The Visible Language of Modernism (Princeton: Princeton University Press, 1993). • Tschichold, Jan. The New Typography: A Handbook for Modern Designers, trans. Ruari McLean (Berkeley: University of California Press, 1995).