Anja, Isabelle, Sven, Basti, Rainer Screendesign Anja, Isabelle, Sven, Basti, Rainer
Übersicht Einstieg: Beispiel Grafikdesign Textdesign/Layout Gestaltgesetze Symbole Textdesign/Layout Lesbarkeit Seitenlänge Farbgestaltung
Beispiele Homepage Bildzeitung T-online
Grafikdesign Gestaltgesetze 1. Form und Grund 2. Das Prinzip der Nähe 3. Das Prinzip der Ähnlichkeit 4. Das Prinzip der Geschlossenheit 5. Das Prinzip der guten Fortsetzung 6. Das Prinzip der Prägnanz oder der guten Gestalt 7. Erkennen und Einordnen Farb-, Form-, Textgestaltung nach diesen Gesetzen richten Zielgruppenorientiert gestalten
Beispiele für Gestaltgesetze 2. Das Prinzip der Nähe 3. Das Prinzip der Ähnlichkeit 4. Das Prinzip der Geschlossenheit
Grafikdesign Symbole Grafiken Gemeinsamkeit aller Menschen: Ansprechen von Emotionen, Gedanken, Interpretationsvorgängen durch gestalterische Elemente Unterschied: diese Auslegungen des Betrachters sind zielgruppenspezifisch Designer muss Sprache der Zielgruppe verstehen Grafiken Helfen, die Seite interessanter zu gestalten Lenken den Nutzer Komprimierte Formate (jpg/gif) verwenden, Seite nicht mit Grafiken überladen
Textdesign/Layout: Lesbarkeit Sprache: gebräuchliche Wörter, Begriffe verwenden, einfache Sätze bilden Zielgruppenorientiert schreiben Schrift: Systemschriften verwenden, geeignete Schriftgröße grauenhafte Schriften grauenhafte Schriften Offene Binnenräume (ausgeglichener Weißraum) Abstände grauenhafte Schriften Leserichtung ausrichten Kurze Zeilen mit höchstens 55 - 60 Anschlägen
Textdesign/Layout: Beispiel: DSL- Seite
Farbgestaltung Reduktion der Augenbelastung Zielgruppenorientierte Farbgestaltung (Empfindungen) Farbenlehre / Farbeigenschaften berücksichtigen Mit unterschiedlichen Helligkeitswerten arbeiten Hohe Farbsättigung Komplementärkontraste vermeiden Achtung Simultankontraste Raumverhalten von Farben Harmonie und Inhaltsbezug Lesbarkeit und Farbwirkung an unterschiedlichen Systemen und Bildschirmen testen Beispiel: http://www.perserkatzen.de/