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 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