Lesbarkeit am Bildschirm .Digitale Typografie

gestaltung.hs.magdeburg.de

Lesbarkeit am Bildschirm .Digitale Typografie

Lesbarkeit am Bildschirm .Digitale Typografie

Step 3

Visuelle Kommunikation .digital | Dipl. Des. Manuela Rohde

Lesbarkeit am Bildschirm .Digitale Typografie


Lesbarkeit am Bildschirm .Digitale Typografie

1. Was ist Typografie?

2. Digitales Stottern vs. Alles ist möglich?

3. Wahrnehmung von Typografie

4. Was geschieht beim Lesen?

5. Typografie und Lesbarkeit auf dem Bildschirm

6. Anwendung auf dem Bildschirm

7. Typografie und Farbe

8. Exkurs: Pixelschriften

9. Lesbarkeit im Praxistext

Visuelle Kommunikation .digital | Dipl. Des. Manuela Rohde

Lesbarkeit am Bildschirm .Digitale Typografie


.Definition

Typografie gilt als Gestaltungsprozess, der mittels Schrift,

Bildern, Linien, Flächen und typografischen Raum auf

Druckwerke und elektronische Medien angewandt wird.

Visuelle Kommunikation .digital | Dipl. Des. Manuela Rohde

Lesbarkeit am Bildschirm .Digitale Typografie


.Textzeilen sind Linien

Visuelle Kommunikation .digital | Dipl. Des. Manuela Rohde

Lesbarkeit am Bildschirm .Digitale Typografie


.Schrift und Kontrastwerte

Visuelle Kommunikation .digital | Dipl. Des. Manuela Rohde

Lesbarkeit am Bildschirm .Digitale Typografie


.Differenzierte Grauwerte für ein Layout

Visuelle Kommunikation .digital | Dipl. Des. Manuela Rohde

Lesbarkeit am Bildschirm .Digitale Typografie


.Rhythmus im Text

Visuelle Kommunikation .digital | Dipl. Des. Manuela Rohde

Lesbarkeit am Bildschirm .Digitale Typografie


.Störungen des Rhythmus

Visuelle Kommunikation .digital | Dipl. Des. Manuela Rohde

Lesbarkeit am Bildschirm .Digitale Typografie


.Das Auge macht Sprünge

Visuelle Kommunikation .digital | Dipl. Des. Manuela Rohde

Lesbarkeit am Bildschirm .Digitale Typografie


.Das Auge macht Sprünge

Visuelle Kommunikation .digital | Dipl. Des. Manuela Rohde

Lesbarkeit am Bildschirm .Digitale Typografie


.Makrotypografie

= grobe Gesamtgestaltung | Layout

Format

Satzspiegel

Zeilenbreite, Zeilenabstand, Zeilenanzahl

Gliederung der Seite und des Textes

Platzierung von Bildern, Grafiken, Tabellen etc.

Schriftgröße

Schriftauszeichnungen

Visuelle Kommunikation .digital | Dipl. Des. Manuela Rohde

Lesbarkeit am Bildschirm .Digitale Typografie


.Mikrotypografie

= Feingestaltung des Schriftsatzes

Schriftart

Kapitälchen und Ligaturen

Laufweite

Wortabstände

Satzzeichen

und ....

Visuelle Kommunikation .digital | Dipl. Des. Manuela Rohde

Lesbarkeit am Bildschirm .Digitale Typografie


.Schrifttypen: Serifenlose Schriften vs. Serifenschriften

Visuelle Kommunikation .digital | Dipl. Des. Manuela Rohde

Lesbarkeit am Bildschirm .Digitale Typografie


.Schriftfamilien und Schriftschnitte

Paul Renner | Futura | 1927

Visuelle Kommunikation .digital | Dipl. Des. Manuela Rohde

Lesbarkeit am Bildschirm .Digitale Typografie


Visuelle Kommunikation .digital | Dipl. Des. Manuela Rohde

Lesbarkeit am Bildschirm .Digitale Typografie


.Antialiasing

Visuelle Kommunikation .digital | Dipl. Des. Manuela Rohde

Lesbarkeit am Bildschirm .Digitale Typografie


.Antialiasing

Visuelle Kommunikation .digital | Dipl. Des. Manuela Rohde

Lesbarkeit am Bildschirm .Digitale Typografie


.Kontraste

Visuelle Kommunikation .digital | Dipl. Des. Manuela Rohde

Lesbarkeit am Bildschirm .Digitale Typografie


.Literaturempfehlung

Götz, Veruschka (1998): Schrift und Farbe am Bildschirm

Neutzling, Ulli (2002): Typo und Layout im Web

Aicher, Otl: Typografie

Rathgeb, Markus (2006): Otl Aicher

Visuelle Kommunikation .digital | Dipl. Des. Manuela Rohde

Lesbarkeit am Bildschirm .Digitale Typografie

Weitere Magazine dieses Users
Ähnliche Magazine