Definition Web-Design

Die Autorenfähigkeit im Internet verlangt gleichermaßen technische und künstlerische Fähigkeiten. Sowohl die linke Gehirnhälfte, die für das Analytisch-Rationale zuständig ist, als auch die rechte, die für das Synthetisierend-Emotionale verantwortlich ist, sind gefragt.

Definition: Web-Design ist eine neue Kulturtechnik des Gestaltens und Vermittelns von Informationen. Web-Design bedeutet Produzieren am Bildschirm für den Bildschirm. Es stellt die seltene Mischung aus künstlerischem Denken, dem Marketing und der EDV-Technik dar. Ziel: Mit Hilfe des Web-Designs soll der strukturelle Aufbau einer Webpräsenz dem Betrachter vermittelt werden und so gestaltet sein, dass er von der Seite gefesselt wird. Weiterhin zu einer effektiven Navigation führen, dadurch, dass die Begriffe in der Navigation durch Bilder und Graphiken unterstützt werden. 

Web-Design ist auch Kommunikationsdesign und setzt voraus, dass man sich in den späteren Nutzer hereinversetzen kann. Bei der Präsentation von Multimedia-Präsentationen sind diskursive Kommunikationsmethoden erforderlich, wenn man mit der eigenen Web-Präsenz etwas zeigen bzw. präsentieren will. Sofern die Internet-Präsenz dazu gedacht ist, mit anderen in einen Dialog zu treten bzw. Diskussionen zu moderieren, dann sind dialogische Kommunikationsformen notwendig.

Design-Konzepte

Das Web-Design kann in verschiedene Bereiche bzw. Konzepte unterteilt werden:

• Visual-Design
• Interface-Design
• Site-Design
• Page-Design

Visual-Design: Gestaltung des Sichtbaren - Layout, Gestaltungsraster, Typografie, Illustration, Farbe. Wie nah ist die Oberfläche an reale Gegebenheiten angelehnt? Kernfragen: Wer hat was, wie, wann und wo gemacht.

Interface-Design: Mensch-Maschine-Schnittstelle - Navigation. Ein adäquates und kohärentes mentales Modell der Organisation und der Operationsprinzipien des Angebots ist erforderlich. Die Struktur des Projektes muss für den Benutzer auf den ersten Blick erkennbar sein. Wie anspruchsvoll und intuitiv sind die Interaktionselemente? 

Site-Design: Struktureller und funktioneller Aufbau von Webseiten, Logik der Anordnung und Verknüpfung der Verweise. Mögliche Strukturen: Sequenz, Matrix, hierarchische Struktur, vernetzte Struktur - Kombination von mehreren.
Der Hypertext soll durch die Interaktionselemente, Navigation und Meta-Informationen einen roten Faden durch das Projekt ermöglichen. 

Page-Design: Design der einzelnen Seite. Wichtig sind Länge, Aufbau, Typografie. Seiten, die nur Metainformationen enthalten und damit zur Navigation gehören, sollten möglichst nicht größer als eine Bildschirmseite sein. Seiten, die einen großen Umfang haben, sollten am Anfang eine Navigation (mittels Textmarken) haben.

Typografie

Aufgaben

1. Wählen Sie die Hintergrundfarbe für Ihre Seite und die dazu passende Kontrastfarbe für den Text.
2. Legen Sie die Schriftart, Schriftgröße und Schriftfarbe für die Navigation, Überschriften sowie die hervorgehobenen und normalen Texte fest. 
3. Suchen Sie entsprechende Buttoms und Graphiken sowie die notwendigen Bilder für jede Seite aus.