Präsentation zum Thema Webdesign bei einem Treffen der Oldenburger PHP Usergroup.

1. Webdesign
Worauf ich beim Design achten sollte
Robert Kühn, Henning Heyne

2. Grundsätzlich

3. Grundsätzlich
Kein Design vor dem Konzept!

4. Farben

5. Farben
• Ruhiger Hintergrund

6. Farben
• Ruhiger Hintergrund
• Kontrast zur Schrift

7. Farben
• Ruhiger Hintergrund
• Kontrast zur Schrift
• An die vorgegebenen Farben halten (Logo
komplementär zum Text)

8. Hilfsmittel Farbe

9. Hilfsmittel Farbe
• Kuler von Adobe

10. Hilfsmittel Farbe
• Kuler von Adobe
• Colourlovers.com

11. Hilfsmittel Farbe
• Kuler von Adobe
• Colourlovers.com
• Colorschemedesigner.com

12. Hilfsmittel Farbe
• Kuler von Adobe
• Colourlovers.com
• Colorschemedesigner.com
• Colorschemer Studio

13. Hilfsmittel Farbe
kuler

14. Hilfsmittel Farbe
COLOURlovers

15. Hilfsmittel Farbe
ColorScheme Designer

16. Hilfsmittel Farbe
Colorschemer Studio

17. Gestaltung

18. Gestaltung
• Schriftart einhalten

19. Gestaltung
• Schriftart einhalten
• Nach Möglichkeit nur eine Schrift nutzen

20. Gestaltung
• Schriftart einhalten
• Nach Möglichkeit nur eine Schrift nutzen
• Mit Schriftauszeichnungen sparen
fett, unterstrichen, kursiv meiden

21. Gestaltung

22. Gestaltung
• Schrift nicht verändern! Zeilenabstand
beibehalten im Fließtext.

23. Gestaltung
• Schrift nicht verändern! Zeilenabstand
beibehalten im Fließtext.
• Nach Möglichkeit kein Blocksatz

24. Gestaltung
• Schrift nicht verändern! Zeilenabstand
beibehalten im Fließtext.
• Nach Möglichkeit kein Blocksatz
• Linksbündiger Fließtext

25. Gestaltung
• Schrift nicht verändern! Zeilenabstand
beibehalten im Fließtext.
• Nach Möglichkeit kein Blocksatz
• Linksbündiger Fließtext
• Nicht mehr als 60 Zeichen, 12 Wörter pro
Zeile

26. Gestaltung

27. Gestaltung
• Schriften nicht als Grafik einbinden

28. Gestaltung
• Schriften nicht als Grafik einbinden
• Menüregel = 7+-2

29. Gestaltung
• Schriften nicht als Grafik einbinden
• Menüregel = 7+-2
• Goldener Schnitt

30. Gestaltung

31. Gestaltung

32. Gestaltung
• Drittel-Regel

33. Gestaltung
• Drittel-Regel
• Natürliche
Proportionen

34. Gestaltung
• Drittel-Regel
• Natürliche
Proportionen
• Verhältnis 1.618

35. Gestaltung
• Drittel-Regel
• Natürliche
Proportionen
• Verhältnis 1.618

36. Gestaltung

37. Gestaltung
• Bilder einheitliches Format

38. Gestaltung
• Bilder einheitliches Format
• Getty Images, Fotolia, Pixelio

39. Gestaltung
• Bilder einheitliches Format
• Getty Images, Fotolia, Pixelio
• Beschreibungstext für Bilder

40. Schluss

41. Schluss
so long and thank you for the fish ...