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 SonderzeichenUmlaute und ß
Regeln – Die korrekten SonderzeichenAnführungszeichen
Regeln – Die korrekten SonderzeichenHorizontale Striche
Regeln – Die korrekten SonderzeichenWeitere Sonderzeichen
Schriftwahl und Leserlichkeit
Regeln
Laufweite
Abstand & Weißraum
Zeilenabstand
Grundlinienraster
Zeilenlänge, Spalten
Regeln
RegelnAusrichtung 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
Webtype
Fontspring
WebInk
FontSquirrel
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-Plugin http://www.fontshop.com/plugin
FontSquirrel @font-face Generator http://www.fontsquirrel.com/fontface/generator
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/
Danke für die Aufmerksamkeit!
Top Related