WAS IST RWD?

(Responsive Web Design)

Was ist RWD? RWD ist eine Ansammlung von Maßnahmen

und Techniken um Websiten für ein Maximum an Ausgabegeräten bereit zu stellen.

Warum brauchen wir RWD? Wir kennen doch unsere Zielgruppe, oder?

Warum brauchen wir RWD? In der Gestaltung sind unsere zwei wichtigsten Werkzeuge um Inhalte optimal zu präsentieren

Layout (Seitenaufteilung) und Typografie.

Warum brauchen wir RWD?

210 ≥ 297

Was hat das jetzt mit Web Design zu tun?

Die Sache ist die:Für ein ordentliches Layout benötigen wir

ein Seitenverhältnis (Format).

Web Design war mal einfach.

1024 ≥ 768800 ≥ 600640 ≥ 480

Die 90er (1996 - 2007)

Und dann?

Und jetzt??? Für was für ein Format gestalte ich eigentlich?

Und jetzt??? Jetzt konzentrieren wir uns wieder auf

Layout und Typografie.

Layout und Typografie Ein (Beispiel-)Rezept.

Man nehme: Schriftgröße: 16 px

Man nehme: Schriftgröße: 16 pxZeilenlänge: ~ 65 Zeichen

65 em ≥ 16 px Maximale Breite

Man nehme: Schriftgröße: 16 pxZeilenlänge: ~ 65 ZeichenSeiteneinteilung: 12 Spalten

1 2 3 4 5 6 7 8 9 10 11 12

65 em ≥ 16 px Maximale Breite

1 2 3 4 5 6 7 8 9 10 11 12

VIELEN DANK