Web - Typografie

925 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
925
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
2
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!

×