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!