Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
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

1.008 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
  • Als Erste(r) kommentieren

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

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!

×