Web - Typografie
Maria Goltsova
Typografie ist die Kunst bzw. Lehre der grafischen Gestaltung,
die in irgendeiner Form mit Schriftzeichen zusammenhängt.
Schriftentwurf
Detailtypografie
Makrotypografie
Regeln – Die korrekten Sonderzeichen
Umlaute und ß
Regeln – Die korrekten Sonderzeichen
Anführungszeichen
Regeln – Die korrekten Sonderzeichen
Horizontale Striche
Regeln – Die korrekten Sonderzeichen
Weitere Sonderzeichen
Schriftwahl und Leserlichkeit
Regeln
Laufweite
Abstand & Weißraum
Zeilenabstand
Grundlinienraster
Zeilenlänge, Spalten
Regeln
Regeln
Ausrichtung und Silbentrennung
Kontraste und inverser Satz
http://www.designmadeingermany.de/
Web Typography Guidelines
Webfonts
Webfont-Anbieter:
Adobe Edge Web Fonts
Fontdeck
fonts.com
FontShop
Typekit
MyFonts
Google Web Fonts
Typotheque
We...
Lesarten – Lineares Lesen
http://ia.net/blog/ias-2006-facebook-designs-redesigned/
Lesarten – Informierendes Lesen
http://www.zeit.de/index
Lesarten – Informierendes Lesen
http://www.guardian.co.uk/
Lesarten – Aktivierende Typografie
http://stationstreetpgh.com/
Lesarten – Aktivierende Typografie
http://www.apple.com/de/iphone/features/
Lesarten – Aktivierende Typografie
http://www.barleysgville.com/
Lesarten – Inszenierende Typografie
http://www.twopaperdolls.com/hiring/
Lesarten – Inszenierende Typografie
http://lostworldsfairs.com/atlantis/
Lesarten – Inszenierende Typografie
http://www.seedconference.com/seed.php
Links:
Typecast http://typecast.com/
Typetester http://http//tpetester.org
FontFonter http://fontfonter.com/
FontShop-Plug...
Quellen:
Der Vortrag basiert auf dem Buch "#webtypobuch" von Gerrit van Aaken
(praegnanz.de – van Aaken & Bräunlich GbR), ...
Danke für die Aufmerksamkeit!
Nächste SlideShare
Wird geladen in …5
×

Web - Typografie

913 Aufrufe

Veröffentlicht am

Vortrag zum Thema "Web - Typografie", basiert auf dem Buch "#webtypobuch" von Gerrit van Aaken.
HTW Berlin. Kurs: Current Trends in Web Standards-based UI Design

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
913
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
6
Aktionen
Geteilt
0
Downloads
3
Kommentare
0
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Web - Typografie

  1. 1. Web - Typografie Maria Goltsova
  2. 2. Typografie ist die Kunst bzw. Lehre der grafischen Gestaltung, die in irgendeiner Form mit Schriftzeichen zusammenhängt.
  3. 3. Schriftentwurf Detailtypografie Makrotypografie
  4. 4. Regeln – Die korrekten Sonderzeichen Umlaute und ß
  5. 5. Regeln – Die korrekten Sonderzeichen Anführungszeichen
  6. 6. Regeln – Die korrekten Sonderzeichen Horizontale Striche
  7. 7. Regeln – Die korrekten Sonderzeichen Weitere Sonderzeichen
  8. 8. Schriftwahl und Leserlichkeit
  9. 9. Regeln Laufweite Abstand & Weißraum Zeilenabstand Grundlinienraster Zeilenlänge, Spalten
  10. 10. Regeln
  11. 11. Regeln Ausrichtung und Silbentrennung Kontraste und inverser Satz http://www.designmadeingermany.de/
  12. 12. Web Typography Guidelines
  13. 13. Webfonts Webfont-Anbieter: Adobe Edge Web Fonts Fontdeck fonts.com FontShop Typekit MyFonts Google Web Fonts Typotheque Webtype Fontspring WebInk FontSquirrel
  14. 14. Lesarten – Lineares Lesen http://ia.net/blog/ias-2006-facebook-designs-redesigned/
  15. 15. Lesarten – Informierendes Lesen http://www.zeit.de/index
  16. 16. Lesarten – Informierendes Lesen http://www.guardian.co.uk/
  17. 17. Lesarten – Aktivierende Typografie http://stationstreetpgh.com/
  18. 18. Lesarten – Aktivierende Typografie http://www.apple.com/de/iphone/features/
  19. 19. Lesarten – Aktivierende Typografie http://www.barleysgville.com/
  20. 20. Lesarten – Inszenierende Typografie http://www.twopaperdolls.com/hiring/
  21. 21. Lesarten – Inszenierende Typografie http://lostworldsfairs.com/atlantis/
  22. 22. Lesarten – Inszenierende Typografie http://www.seedconference.com/seed.php
  23. 23. Links: Typecast http://typecast.com/ Typetester http://http//tpetester.org FontFonter http://fontfonter.com/ FontShop-Plugin http://www.fontshop.com/plugin FontSquirrel @font-face Generator http://www.fontsquirrel.com/fontface/generator
  24. 24. Quellen: Der Vortrag basiert auf dem Buch "#webtypobuch" von Gerrit van Aaken (praegnanz.de – van Aaken & Bräunlich GbR), http://webtypobuch.de/ http://www.smashingmagazine.com/typography-guidelines-and-references/ http://www.calebgittins.com.au/news/web-typography-guidelines/ http://ia.net/blog/the-web-is-all-about-typography-period/
  25. 25. Danke für die Aufmerksamkeit!

×