WebdesignWorauf ich beim Design achten sollte   Robert Kühn, Henning Heyne
Grundsätzlich
GrundsätzlichKein Design vor dem Konzept!
Farben
Farben• Ruhiger Hintergrund
Farben• Ruhiger Hintergrund• Kontrast zur Schrift
Farben• Ruhiger Hintergrund• Kontrast zur Schrift• An die vorgegebenen Farben halten (Logo  komplementär zum Text)
Hilfsmittel Farbe
Hilfsmittel Farbe• Kuler von Adobe
Hilfsmittel Farbe• Kuler von Adobe• Colourlovers.com
Hilfsmittel Farbe• Kuler von Adobe• Colourlovers.com• Colorschemedesigner.com
Hilfsmittel Farbe• Kuler von Adobe• Colourlovers.com• Colorschemedesigner.com• Colorschemer Studio
Hilfsmittel Farbe      kuler
Hilfsmittel Farbe   COLOURlovers
Hilfsmittel Farbe ColorScheme Designer
Hilfsmittel Farbe  Colorschemer Studio
Gestaltung
Gestaltung• Schriftart einhalten
Gestaltung• Schriftart einhalten• Nach Möglichkeit nur eine Schrift nutzen
Gestaltung• Schriftart einhalten• Nach Möglichkeit nur eine Schrift nutzen• Mit Schriftauszeichnungen sparen  fett, unters...
Gestaltung
Gestaltung• Schrift nicht verändern! Zeilenabstand  beibehalten im Fließtext.
Gestaltung• Schrift nicht verändern! Zeilenabstand  beibehalten im Fließtext.• Nach Möglichkeit kein Blocksatz
Gestaltung• Schrift nicht verändern! Zeilenabstand  beibehalten im Fließtext.• Nach Möglichkeit kein Blocksatz• Linksbündi...
Gestaltung• Schrift nicht verändern! Zeilenabstand  beibehalten im Fließtext.• Nach Möglichkeit kein Blocksatz• Linksbündi...
Gestaltung
Gestaltung• Schriften nicht als Grafik einbinden
Gestaltung• Schriften nicht als Grafik einbinden• Menüregel = 7+-2
Gestaltung• Schriften nicht als Grafik einbinden• Menüregel = 7+-2• Goldener Schnitt
Gestaltung
Gestaltung
Gestaltung• Drittel-Regel
Gestaltung• Drittel-Regel• Natürliche  Proportionen
Gestaltung• Drittel-Regel• Natürliche  Proportionen• Verhältnis 1.618
Gestaltung• Drittel-Regel• Natürliche  Proportionen• Verhältnis 1.618
Gestaltung
Gestaltung• Bilder einheitliches Format
Gestaltung• Bilder einheitliches Format• Getty Images, Fotolia, Pixelio
Gestaltung• Bilder einheitliches Format• Getty Images, Fotolia, Pixelio• Beschreibungstext für Bilder
Schluss
Schlussso long and thank you for the fish ...
Nächste SlideShare
Wird geladen in …5
×

Präsentation zum Thema Webdesign | PHP Usergroup Oldenburg

1.361 Aufrufe

Veröffentlicht am

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

Veröffentlicht in: Design
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

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

×