Grundlagen
der Typografie



Christina von Poser
Zeichensetzung




Die gezeigten Beispiele stellen Regeln für den korrekten typografischen Satz dar.
In einzelnen Fällen ka...
Weit hinten, hinter den Wortbergen, fern des
Landes Vokalien-Konsonantien leben die Blind-
texte in Buchstabhausen.

2- bi...
Maria kochte – wie so o – Reisbrei.




                                         Alt -
Gedankenstrich                   ...
München — Stuttgart

Bonn — Berlin




                       Shift Alt -
Streckenstrich           Alt 0151
Montag–Samstag

13:00–18:00 Uhr

3–6 Jahre

2000–2010




                    Alt -
Bis-Strich        Alt 0150
– Müller
– Meier
– Schulze




                  Alt -
Spiegelstrich   Alt 0150
€ 25,–

25,– Euro

€ 25,-

€ 25,--

€ 25,––


                      Alt -
Auslassungsstrich   Alt 0150
–7 °C

–15 Punkte




                 Alt -
Minuszeichen   Alt 0150
Steuerrecht 45, 69, 149
– und Körperschasrecht 74, 495–498
–, chinesisches 24




                                       ...
–25–

Finanzamt
–Kasse–
Michael Müller
Straße
Stadt



                         Alt -
Einklammerungsstrich   Alt 0150
Müller/Meier/Schulze

ja und/oder nein

1999/2000




Schrägstrich (Slash)
Druck|buch|sta|be

Maria Müller | Hopfenweg 8 | 12345 Stadt




                                            Shift 7
Senkr...
Anführungszeichen
»a«
«a»
Guillemets mit Spitzen nach innen und außen
                                               Alt Q / Shift Alt Q
  ...
„a“
Deutsche Anführungen
                             Alt ^ / Alt 2
                       Alt 0132 / Alt 0147
‚a‘
Einfache Anführungen
                             Alt s / Alt #
                       Alt 0130 / Alt 0145
>>a<<
Falsche Anführungen
>a<
Falsche Anführungen
“a“
Falsche Anführungen
Falsche Anführungen
                      ‘a‘
Apostroph
Apostroph
            ’    Shift Alt #
                   Alt 0146
Falscher Apostroph
                     ‘
Ich mach mir ‘nen Brot.

Ich mach mir’n Brot.

So ‘nen E-Mail-Einladung

So ’ne E-Mail-Einladung




Apostroph
Manni’s Pomme’s-Treff

Mannis Pommes-Treff

Manni’s Pommes-Treff




Apostroph
,;:
Komma (Beistrich)   Semikolon (Strichpunkt)   Kolon (Doppelpunkt)
...
Drei einzeln gesetzte Punkte
…
Dreipunkt/Ellipse/Auslassungspunkt
                                       Alt .
                                     Al...
Beispiel … für Auslassungspunkte.

Diese verf… Unterbrechungen!

Das wird eine Überraschung …




                        ...
•·
Maria Müller · Hopfenweg 8 · 12345 Stadt

Maria Müller • Hopfenweg 8 • 12345 Stadt


• großer Mittepunkt als Aufzählungspu...
( )
(siehe Abb. 2)

Das ist (meiner Meinung nach) schön.




Runde Klammern
[ ]
Das ist ein (etwas an den Haaren herbeige-
zogenes [= dt. Redensart]) Beispiel.

Max schrieb, dass „es […] toll ist, [dass...
A|po|s|t|roph der; -s, -e gr.-lat. ; „abgewandt;
abfallend“>: […]

Fehlen im ASCII-Zeichensatz und werden daher
o durch „...
{ }
}
Müller
Meier           Personen
Hopf




                                                    Alt 8 / Alt 9
Akkoladen (N...
0201 12345678
0201 123456-78

+49 201 12345678
+49 201 123456-78

0201 12 34 56 78
0201 1 23 45 67 89
Kontonummer
0123456789
0 123 456 789

Bankleitzahl
123 456 00
Branchentypische
Schriften



Quelle: Fontblog
Baumschule
Architekten
Schokolade
Parfümerie
Medikamente
Akropolis
Bioladen
DÖNER KEBAP
Copyshop
Sanitärbetrieb
Antiquitäten
Bowling
Opernhaus
Gärtnerei
SPEDITION
THE MOVIE FONT
Abwandlung
bekannter Logos
Literatur
Anatomie der Buchstaben.
Basiswissen für Schriftgestalter.

http://www.amazon.de/Anatomie-
Buchstaben-Basiswissen-
Schrift...
Lesetypografie

http://www.amazon.de/
Lesetypografie-Friedrich-Forssman/
dp/3874396525/ref=sr_1_1?
ie=UTF8&s=books&qid=12691...
Wegweiser > Schrift.
Erste Hilfe im Umgang mit Schriften.
Was passt, was wirkt, was stört.

http://www.amazon.de/Wegweiser...
Erfreuliche Drucksachen durch
gute Typografie.
Eine Fibel für Jedermann.

http://www.amazon.de/Erfreuliche-
Drucksachen-dur...
The Elements of Typographic Style

http://www.amazon.de/Elements-
Typographic-Style-Robert-
Bringhurst/dp/0881792063/
ref=...
Detailtypografie.
Nachschlagewerk für alle Fragen zu
Schrift und Satz.

http://www.amazon.de/
Detailtypografie-Nachschlagewe...
Schriftwechsel.
Schrift sehen, verstehen, wählen und vermitteln.

http://www.amazon.de/Schriftwechsel-Schrift-verstehen-
w...
Typocards.
Regeln zur Mikrotypografie.

http://www.amazon.de/
TYPOCARDS-Regeln-Begriffe-zur-
Mikrotypografie/dp/3721207238/
r...
TypeSelect. Der Schriftenfächer.

http://www.amazon.de/TypeSelect-
Schriftenfächer-Michael-Wörgötter/
dp/3874396851/ref=sr...
Duden.
Die deutsche Rechtschreibung.

http://www.amazon.de/Duden-01-
Die-deutsche-Rechtschreibung/dp/
3411040157/ref=sr_1_...
Gute Typographie ist so, wie ein guter Diener
gewesen sein mag: da und doch nicht bemerkbar;
unauffällig, aber eine Vorauss...
Christina von Poser
Rüttenscheider Straße 209 (Hofhaus)
45131 Essen

http://von-poser.com/

Twitter: @cvonposer
Grundlagen Typografie 2
Grundlagen Typografie 2
Grundlagen Typografie 2
Grundlagen Typografie 2
Grundlagen Typografie 2
Grundlagen Typografie 2
Grundlagen Typografie 2
Grundlagen Typografie 2
Grundlagen Typografie 2
Grundlagen Typografie 2
Grundlagen Typografie 2
Grundlagen Typografie 2
Grundlagen Typografie 2
Grundlagen Typografie 2
Grundlagen Typografie 2
Grundlagen Typografie 2
Grundlagen Typografie 2
Grundlagen Typografie 2
Grundlagen Typografie 2
Grundlagen Typografie 2
Grundlagen Typografie 2
Grundlagen Typografie 2
Grundlagen Typografie 2
Grundlagen Typografie 2
Grundlagen Typografie 2
Grundlagen Typografie 2
Grundlagen Typografie 2
Grundlagen Typografie 2
Grundlagen Typografie 2
Grundlagen Typografie 2
Grundlagen Typografie 2
Nächste SlideShare
Wird geladen in …5
×

Grundlagen Typografie 2

3.022 Aufrufe

Veröffentlicht am

Veröffentlicht in: Design
0 Kommentare
0 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Keine Downloads
Aufrufe
Aufrufe insgesamt
3.022
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
12
Aktionen
Geteilt
0
Downloads
0
Kommentare
0
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Grundlagen Typografie 2

  1. 1. Grundlagen der Typografie Christina von Poser
  2. 2. Zeichensetzung Die gezeigten Beispiele stellen Regeln für den korrekten typografischen Satz dar. In einzelnen Fällen kann es dabei jedoch zu Abweichungen zur DIN 5008 kommen.
  3. 3. Weit hinten, hinter den Wortbergen, fern des Landes Vokalien-Konsonantien leben die Blind- texte in Buchstabhausen. 2- bis 3-mal eine 20-Jährige 60-prozentig Bindestrich, Trennstrich
  4. 4. Maria kochte – wie so o – Reisbrei.  Alt - Gedankenstrich Alt 0150
  5. 5. München — Stuttgart Bonn — Berlin  Shift Alt - Streckenstrich Alt 0151
  6. 6. Montag–Samstag 13:00–18:00 Uhr 3–6 Jahre 2000–2010  Alt - Bis-Strich Alt 0150
  7. 7. – Müller – Meier – Schulze  Alt - Spiegelstrich Alt 0150
  8. 8. € 25,– 25,– Euro € 25,- € 25,-- € 25,––  Alt - Auslassungsstrich Alt 0150
  9. 9. –7 °C –15 Punkte  Alt - Minuszeichen Alt 0150
  10. 10. Steuerrecht 45, 69, 149 – und Körperschasrecht 74, 495–498 –, chinesisches 24  Alt - Wiederholungszeichen Alt 0150
  11. 11. –25– Finanzamt –Kasse– Michael Müller Straße Stadt  Alt - Einklammerungsstrich Alt 0150
  12. 12. Müller/Meier/Schulze ja und/oder nein 1999/2000 Schrägstrich (Slash)
  13. 13. Druck|buch|sta|be Maria Müller | Hopfenweg 8 | 12345 Stadt  Shift 7 Senkrechter Strich Alt Gr <
  14. 14. Anführungszeichen
  15. 15. »a« «a» Guillemets mit Spitzen nach innen und außen  Alt Q / Shift Alt Q Alt 0171 / Alt 0187
  16. 16. „a“ Deutsche Anführungen  Alt ^ / Alt 2 Alt 0132 / Alt 0147
  17. 17. ‚a‘ Einfache Anführungen  Alt s / Alt # Alt 0130 / Alt 0145
  18. 18. >>a<< Falsche Anführungen
  19. 19. >a< Falsche Anführungen
  20. 20. “a“ Falsche Anführungen
  21. 21. Falsche Anführungen ‘a‘
  22. 22. Apostroph
  23. 23. Apostroph ’  Shift Alt # Alt 0146
  24. 24. Falscher Apostroph ‘
  25. 25. Ich mach mir ‘nen Brot. Ich mach mir’n Brot. So ‘nen E-Mail-Einladung So ’ne E-Mail-Einladung Apostroph
  26. 26. Manni’s Pomme’s-Treff Mannis Pommes-Treff Manni’s Pommes-Treff Apostroph
  27. 27. ,;: Komma (Beistrich) Semikolon (Strichpunkt) Kolon (Doppelpunkt)
  28. 28. ... Drei einzeln gesetzte Punkte
  29. 29. … Dreipunkt/Ellipse/Auslassungspunkt  Alt . Alt 0133
  30. 30. Beispiel … für Auslassungspunkte. Diese verf… Unterbrechungen! Das wird eine Überraschung …  Alt . Dreipunkt (Auslassungspunkt) Alt 0133
  31. 31. •·
  32. 32. Maria Müller · Hopfenweg 8 · 12345 Stadt Maria Müller • Hopfenweg 8 • 12345 Stadt • großer Mittepunkt als Aufzählungspunkt • hat von Schri zu Schri verschiedene Größen Kleiner Mittepunkt Großer Mittepunkt  Shift Alt 9  Alt Ü Mittepunkt Alt 0183 Alt 0149
  33. 33. ( )
  34. 34. (siehe Abb. 2) Das ist (meiner Meinung nach) schön. Runde Klammern
  35. 35. [ ]
  36. 36. Das ist ein (etwas an den Haaren herbeige- zogenes [= dt. Redensart]) Beispiel. Max schrieb, dass „es […] toll ist, [dass]  Alt 5 / Alt 6 Eckige Klammern Alt Gr 8 / Alt Gr 9
  37. 37. A|po|s|t|roph der; -s, -e gr.-lat. ; „abgewandt; abfallend“>: […] Fehlen im ASCII-Zeichensatz und werden daher o durch „<“ und „>“ ersetzt. Spitze Klammern
  38. 38. { }
  39. 39. } Müller Meier Personen Hopf  Alt 8 / Alt 9 Akkoladen (Nasenklammer, geschweifte Klammer) Alt Gr 7 / Alt Gr 0
  40. 40. 0201 12345678 0201 123456-78 +49 201 12345678 +49 201 123456-78 0201 12 34 56 78 0201 1 23 45 67 89
  41. 41. Kontonummer 0123456789 0 123 456 789 Bankleitzahl 123 456 00
  42. 42. Branchentypische Schriften Quelle: Fontblog
  43. 43. Baumschule
  44. 44. Architekten
  45. 45. Schokolade
  46. 46. Parfümerie
  47. 47. Medikamente
  48. 48. Akropolis
  49. 49. Bioladen
  50. 50. DÖNER KEBAP
  51. 51. Copyshop
  52. 52. Sanitärbetrieb
  53. 53. Antiquitäten
  54. 54. Bowling
  55. 55. Opernhaus
  56. 56. Gärtnerei
  57. 57. SPEDITION
  58. 58. THE MOVIE FONT
  59. 59. Abwandlung bekannter Logos
  60. 60. Literatur
  61. 61. Anatomie der Buchstaben. Basiswissen für Schriftgestalter. http://www.amazon.de/Anatomie- Buchstaben-Basiswissen- Schriftgestalter-Designing/dp/ 3874396894/ref=sr_1_1? ie=UTF8&s=books&qid=1269174521 &sr=8-1
  62. 62. Lesetypografie http://www.amazon.de/ Lesetypografie-Friedrich-Forssman/ dp/3874396525/ref=sr_1_1? ie=UTF8&s=books&qid=1269174613 &sr=8-1
  63. 63. Wegweiser > Schrift. Erste Hilfe im Umgang mit Schriften. Was passt, was wirkt, was stört. http://www.amazon.de/Wegweiser- Schrift-Erste-Umgang-Schrift/dp/ 3874395693/ref=sr_1_1? ie=UTF8&s=books&qid=1269174648 &sr=1-1
  64. 64. Erfreuliche Drucksachen durch gute Typografie. Eine Fibel für Jedermann. http://www.amazon.de/Erfreuliche- Drucksachen-durch-gute- Typografie/dp/3875124138/ ref=sr_1_1? ie=UTF8&s=books&qid=126917467 8&sr=1-1
  65. 65. The Elements of Typographic Style http://www.amazon.de/Elements- Typographic-Style-Robert- Bringhurst/dp/0881792063/ ref=sr_1_1?ie=UTF8&s=books-intl- de&qid=1269174729&sr=8-1
  66. 66. Detailtypografie. Nachschlagewerk für alle Fragen zu Schrift und Satz. http://www.amazon.de/ Detailtypografie-Nachschlagewerk- alle-Fragen-Schrift/dp/3874396428/ ref=sr_1_3? ie=UTF8&s=books&qid=126917458 0&sr=8-3
  67. 67. Schriftwechsel. Schrift sehen, verstehen, wählen und vermitteln. http://www.amazon.de/Schriftwechsel-Schrift-verstehen- wählen-vermitteln/dp/3874397467/ref=sr_1_1? ie=UTF8&s=books&qid=1269174777&sr=8-1-catcorr
  68. 68. Typocards. Regeln zur Mikrotypografie. http://www.amazon.de/ TYPOCARDS-Regeln-Begriffe-zur- Mikrotypografie/dp/3721207238/ ref=sr_1_1? ie=UTF8&s=books&qid=126917482 0&sr=1-1
  69. 69. TypeSelect. Der Schriftenfächer. http://www.amazon.de/TypeSelect- Schriftenfächer-Michael-Wörgötter/ dp/3874396851/ref=sr_1_1? ie=UTF8&s=books&qid=1269221111 &sr=1-1
  70. 70. Duden. Die deutsche Rechtschreibung. http://www.amazon.de/Duden-01- Die-deutsche-Rechtschreibung/dp/ 3411040157/ref=sr_1_1? ie=UTF8&s=books&qid=126917484 3&sr=1-1
  71. 71. Gute Typographie ist so, wie ein guter Diener gewesen sein mag: da und doch nicht bemerkbar; unauffällig, aber eine Voraussetzung des Wohlbefindens, lautlos, geschmeidig […] Gute Schri, richtige Anordnung; das sind die beiden Pfeiler aller Schrikunst. Jan Tschichold
  72. 72. Christina von Poser Rüttenscheider Straße 209 (Hofhaus) 45131 Essen http://von-poser.com/ Twitter: @cvonposer

×