Wir zeigen einfach und verständlich, worauf es bei Responsive Webdesign (RWD) ankommt.

1. WAS
IST RWD?
(Responsive Web Design)

2. Was ist RWD?
RWD ist eine Ansammlung von Maßnahmen
und Techniken um Websiten für ein Maximum an
Ausgabegeräten bereit zu stellen.

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

4. Warum brauchen wir RWD?
In der Gestaltung sind unsere zwei wichtigsten
Werkzeuge um Inhalte optimal zu präsentieren
Layout (Seitenaufteilung) und Typografie.

5. Warum brauchen wir RWD?
210 ≥ 297

6. Was hat das jetzt
mit Web Design zu tun?

7. Die Sache ist die:
Für ein ordentliches Layout benötigen wir
ein Seitenverhältnis (Format).

8. Web Design war mal einfach.
1024 ≥ 768800 ≥ 600640 ≥ 480
Die 90er (1996 - 2007)

9. Und dann?

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

15. Und jetzt???
Jetzt konzentrieren wir uns wieder auf
Layout und Typografie.

16. Layout und Typografie
Ein (Beispiel-)Rezept.

17. Man nehme:
Schriftgröße: 16 px

18. Man nehme:
Schriftgröße: 16 px
Zeilenlänge: ~ 65 Zeichen
65 em ≥ 16 px
Maximale Breite

19. Man nehme:
Schriftgröße: 16 px
Zeilenlänge: ~ 65 Zeichen
Seiteneinteilung: 12 Spalten
1 2 3 4 5 6 7 8 9 10 11 12
65 em ≥ 16 px
Maximale Breite

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

21. VIELEN
DANK