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

Veröffentlicht am

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

Veröffentlicht in: Design
0 Kommentare
0 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

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

Keine Downloads
Aufrufe
Aufrufe insgesamt
1.267
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
169
Aktionen
Geteilt
0
Downloads
1
Kommentare
0
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • 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 ...

    ×