Visuelle Gestaltungsspielräume im Webdesign

Das Web ist ein unter anderem visuelles Medium, bei dem jedoch oft wenig Wert auf eine einzigartige visuelle Gestaltung gelegt wird. Viele Websites ähneln sich in ihrem Erscheinungsbild und wirken nicht bewusst gestaltet – die Form steht nicht im Einklang mit den präsentierten Inhalten, Ästhetik und formale Kriterien werden vernachlässigt. Visuelle Vielfalt und individuellen Ausdruck sucht man in modernem Webdesign oft vergebens.

Diese Masterarbeit untersucht dieses Phänomen und hat das Ziel, Gestaltungsspielräume im Webdesign aufzuzeigen und zu einem Ästhetikdiskurs beizutragen. Neben dem theoretischen Teil beinhaltet die Arbeit die Entwicklung eines browserbasierten Werkzeugs zur Webseitengestaltung, welches aufzeigen soll, dass durch die Kombination unterschiedlicher Gestaltungseigenschaften mit gängigen Mitteln eine große visuelle Varianz möglich ist. Diese praktische Komponente dient als methodischer Ansatz, um das Bewusstsein für Gestaltungsspielräume im Webdesign zu stärken.

While the web is, among other things, a visual medium, the importance of unique visual design often takes a back seat. Many websites are similar in their appearance and lack a consciously crafted look and feel where the form is specifically tailored to the respective content. Visual diversity and individual expression are often lacking in modern web design.

This master thesis examines this phenomenon and aims to highlight design possibilities in web design and contribute to an aesthetics discourse. In addition to the theoretical part, the thesis includes the development of a browser-based tool for web page design, which aims to demonstrate that a wide visual variance can be achieved through the combination of different design properties. This practical component serves as a methodological approach to strengthen awareness of visual design possibilities in web design.

PDF

jonas-pelzer_visuelle-gestaltungsspielräume-im-webdesign.pdf

Galerie

Die Galerie zeigt zunächst die Übersichtsseite mit einem Aufruf zur Gestaltung von Modellseiten mithilfe des entstandenen Gestaltungswerkzeugs sowie die variablen Titelgestaltungen, die durch eine Zufallsfunktion bestimmt werden. Anschließend werden neben den Bedienelementen des Gestaltungswerkzeugs Momentaufnahmen aus einem Gestaltungsprozess mit der Anwendung gezeigt, wobei sowohl die zufällige initiale Gestaltung der Modellseiten als auch die manuelle Bearbeitung dargestellt werden.

Video

Das beschleunigte Video zeigt das Gestaltungswerkzeug in Aktion: Die zufällige initiale Gestaltung einer der Modellseiten dient als Ausgangspunkt für die manuelle Gestaltung.