Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Präsentation zum Thema Webdesign | PHP Usergroup Oldenburg

1,464 views

Published on

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

Published in: Design
  • Be the first to comment

  • Be the first to like this

Präsentation zum Thema Webdesign | PHP Usergroup Oldenburg

  1. 1. WebdesignWorauf ich beim Design achten sollte Robert Kühn, Henning Heyne
  2. 2. Grundsätzlich
  3. 3. GrundsätzlichKein Design vor dem Konzept!
  4. 4. Farben
  5. 5. Farben• Ruhiger Hintergrund
  6. 6. Farben• Ruhiger Hintergrund• Kontrast zur Schrift
  7. 7. Farben• Ruhiger Hintergrund• Kontrast zur Schrift• An die vorgegebenen Farben halten (Logo komplementär zum Text)
  8. 8. Hilfsmittel Farbe
  9. 9. Hilfsmittel Farbe• Kuler von Adobe
  10. 10. Hilfsmittel Farbe• Kuler von Adobe• Colourlovers.com
  11. 11. Hilfsmittel Farbe• Kuler von Adobe• Colourlovers.com• Colorschemedesigner.com
  12. 12. Hilfsmittel Farbe• Kuler von Adobe• Colourlovers.com• Colorschemedesigner.com• Colorschemer Studio
  13. 13. Hilfsmittel Farbe kuler
  14. 14. Hilfsmittel Farbe COLOURlovers
  15. 15. Hilfsmittel Farbe ColorScheme Designer
  16. 16. Hilfsmittel Farbe Colorschemer Studio
  17. 17. Gestaltung
  18. 18. Gestaltung• Schriftart einhalten
  19. 19. Gestaltung• Schriftart einhalten• Nach Möglichkeit nur eine Schrift nutzen
  20. 20. Gestaltung• Schriftart einhalten• Nach Möglichkeit nur eine Schrift nutzen• Mit Schriftauszeichnungen sparen fett, unterstrichen, kursiv meiden
  21. 21. Gestaltung
  22. 22. Gestaltung• Schrift nicht verändern! Zeilenabstand beibehalten im Fließtext.
  23. 23. Gestaltung• Schrift nicht verändern! Zeilenabstand beibehalten im Fließtext.• Nach Möglichkeit kein Blocksatz
  24. 24. Gestaltung• Schrift nicht verändern! Zeilenabstand beibehalten im Fließtext.• Nach Möglichkeit kein Blocksatz• Linksbündiger Fließtext
  25. 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. 26. Gestaltung
  27. 27. Gestaltung• Schriften nicht als Grafik einbinden
  28. 28. Gestaltung• Schriften nicht als Grafik einbinden• Menüregel = 7+-2
  29. 29. Gestaltung• Schriften nicht als Grafik einbinden• Menüregel = 7+-2• Goldener Schnitt
  30. 30. Gestaltung
  31. 31. Gestaltung
  32. 32. Gestaltung• Drittel-Regel
  33. 33. Gestaltung• Drittel-Regel• Natürliche Proportionen
  34. 34. Gestaltung• Drittel-Regel• Natürliche Proportionen• Verhältnis 1.618
  35. 35. Gestaltung• Drittel-Regel• Natürliche Proportionen• Verhältnis 1.618
  36. 36. Gestaltung
  37. 37. Gestaltung• Bilder einheitliches Format
  38. 38. Gestaltung• Bilder einheitliches Format• Getty Images, Fotolia, Pixelio
  39. 39. Gestaltung• Bilder einheitliches Format• Getty Images, Fotolia, Pixelio• Beschreibungstext für Bilder
  40. 40. Schluss
  41. 41. Schlussso long and thank you for the fish ...

×