SlideShare ist ein Scribd-Unternehmen logo
1 von 47
TYPOGRAPHIE
   GFS im Fach Deutsch von Markus Schlegel
Einführung



 Was ist Typographie?

             Abdruck/Letter
                              Malen




      = Malen von Buchstaben
“Typography is 
what language 
looks like.”
      —Ellen Lupton, Thinking with type
Einführung




         Warum ist gute Typographie
         wichtig, warum interessiere
         ich mich freiwillig dafür und
         warum sollte man niemals
         Comic Sans verwenden ??!
Geschichte der Typographie

 Allererste Schriften = Zeichenschriften
 Buchdruck = Anfang des Untergangs der Eliteklassen
 Von Offset über Digital zum Internet




                                  Rückschritt


                                        xD
Grundbegriffe der
Typographie
Generelle Unterscheidung: Mikrotypographie 
und Makrotypographie


                                  klein

 groß
Ich mag mein Fleisch
gut durchgekernt!
Was ist dieses Keming, von dem jetzt immer alle reden?




     Kerning
                             Keming?

     Kerning
                             Kerning!
Nerd-Alarm
Lieber Durchschuss
als Hurenkind


        In etwa
        »Zeilenabstand«
Hamburgefonstiv
  Serifen
Die Wahl der richtigen Schrift

                      Font Face
Grobe Unterscheidung in:


  Serifenschriften
  Serifenlose Schriften
  Handschriften
  Monospace
Das Ganze in Proll:

 Antiqua
 Groteske
 Skript
 Dicktengleiche
Serifenschriften (klassische Antiqua)


   Serife = franz. Füßchen
   Serifen verbessern den Lesefluss
   Werden deshalb in Fließtexten eingesetzt
   Bei schlechter Qualität besser auf eine 
  Serifenschrift verzichten!
Bekanntestes Beispiel:                                          (zu) oft benutzt
                                                                Im Grunde aber

Times                                                          akzeptabel in Fließtexten


        Lorem ipsum dolor sit amet, consectetuer sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
     labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea
     rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum
     dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore
     magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita
     kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
     consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam
     erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
     no sea takimata sanctus est Lorem ipsum dolor sit amet.

       Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu
     feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril
     delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
     sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

        Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex
     ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie
     consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui
     blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Bekanntes und gleichzeitig schönes Beispiel: Garamond
Adobe      Times New Roman
Garamond
Die Rockwell, 
Linear­Antiqua
Etwas Schönes, das nichts kostet und jeder schon hat:

Die Georgia
Etwas Schönes, das vielleicht jeder hat:

Die Vista-C-Fonts
         Corbel, Constantia und Cambria
Se r i f e nl o s e ( Gr o t e s ke )


 Beispiel: Arial
 Hässlich am Bildschirm,
 miserabel im Druck und zu oft
 eingesetzt.
Beispiel: Verdana
Langweilig, aber weniger
katastrophal als die Arial
Beispiel: Trebuchet MS
Interessant, selten benutzt
und gut für Überschriften
Etwas Schönes, das nichts kostet, man sich aber
herunterladen muss:




        yanone.de/typedesign/kaffeesatz/
Handschriften

                Purisa




 Oder auch:
Niemals Comic
Sans ernsthaft
einsetzen! z.B. ungeeignet
           für
           Arbeitsblätter in
           Mathe, Physik,
           Bio, Chemie …
s
Monospace
Schriften
   Jeder Buchstabe nimmt gleich
  viel Platz ein
   Entstanden in der Zeit der
  Schreibmaschinen
   Hat heute nur noch gestaltenden
  Charakter
   Auch genannt: Dicktengleiche
  oder Nichtproportionale
Beispiel:


Courier New
            künstlich verbreitert
‽
Besondere Schriftzeichen
Punkt, Punkt, Komma Strich …
Die Punkte




…
             Drei Punkte sind eine
             Ellipse und dafür gibt
             es ein spezielles
             Zeichen.
Braucht man aber
nicht unbedingt
beachten.
Die Kommas




    ’
             Ein korrekter
             Apostroph hat die
             Form eines Kommas
SHIFT + # erzeugt
keinen Apostrophen,
sondern ein
Minutenzeichen!
Anführungszeichen
                           „“
Sehr komplex, deshalb kommt die Tafel zum
Einsatz.
… Und die diversen Striche
                              -—–
Weil es so schön war, kommt die Tafel noch
einmal zum Einsatz.
Und die Exoten




Der/Die/Das Interrobang        ‽
           Mischung aus Frage- und
           Ausrufezeichen
Das Ironiezeichen     D
Auf dieses Zeichen hat die Welt gewartetî
Das Versal­Eszett     D
 Versalien = Großbuchstaben
ETWAS IN MA® EN GENIE EN

Bisher:   ETWAS IN MASSEN GENIESSEN
Zusammenfassung
 Die Regeln sind nicht immer angebracht.
 Serifen werden bei langen Texten eingesetzt.
 Serifenlose werden für Headlines oder kurze Anreißer etc.
verwendet.
 Comic Sans wird nie verwendet.
 Es gibt für jeden Zweck ein eigenes Zeichen.
 Vor Frage- und Ausrufezeichen kommt niemals ein
Leerzeichen!
 Ich könnte noch 2 Wochen über dieses Thema reden.
DANKE!
Externe Quellen

praegnanz.de/weblog
blog.druckerey.de
chaosradio.ccc.de/cre080.html
fontblog.de
ilovetypography.com
100besteschriften.de


»Interne« Quellen

Mein Blog:
markus-schlegel.com

Weitere ähnliche Inhalte

Empfohlen

AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfmarketingartwork
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summarySpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Applitools
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at WorkGetSmarter
 

Empfohlen (20)

AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
 
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
 

GFS Typographie