Der Kurs vermittelt gestalterische Grundlagen wie Typografie, Layout, Farbe. Die Studierenden konzeptionierten und entwarfen einen Prototypen für ein Informationssystem und erlernten dabei die Richtlinien der Softwaregestaltung.
Der Kurs vermittelt gestalterische Grundlagen, mithilfe derer jeder die Fähigkeit erlangt, eigene Entwürfe nach objektiven Kriterien auf Schwächen zu analysieren, die Regeln von Typografie und Seitenaufbau wiederzugeben sowie typische Gestaltungsfehler zu erkennen und zu diskutieren. Darüber hinaus befassen sich die Studierenden mit Analyse, Konzept, Entwurf und Prototyping von Software-Produkten und erlernen dabei die Richtlinien der Softwaregestaltung.
Ein Informationssystem für Design Klassiker in verschiedene Überkategorien und Unterkategorien eingeteilt.
Aufgabenstellung
Wir haben die Aufgabe bekommen, als Semesterprojekt ein Informationssystem zu einem beliebigen Thema zu gestalten, welches mindestens 3 Informationsebenen beinhaltet. Es sollte mindestens ein kompletter Pfad des Informationssystems ausgearbeitet und als Prototyp erstellt werden.
Entwurf
Ich habe mich für das Thema Design Klassiker entschieden, da ich mich persönlich sehr für das Thema interessiere und man damit sehr gut mehrere Ebenen bilden kann.
Die Seite sollte übersichtlich und passend zu dem Thema Design Klassiker gestaltet sein. Daher habe ich mich für eine passende Schriftfamilie und schlichten Grautönen entschieden. Die Bilder sollen verständlich darstellen, um welches Produkt es sich handelt. Die Bilder der Kategorien sind angeschnitten, um zwischen Kategorie und Einzelprodukt zu unterscheiden. Jede Kategorie hat ein passendes Titelbild, damit der Betrachter weiß in welcher Kategorie er sich befindet.
Low Fidelity Skizzen
Bei den ersten Skizzen habe ich ausprobiert, wie ich das grundlegende Layout anlegen könnte. Ich habe mich anschließend für meine Favoriten entschieden und diese weiter ausgearbeitet.
Mid Fidelity Phase
In meinem weiteren Vorgehen habe ich in Figma die grobe Struktur angelegt und verschiedene Versionen der Karten ausgearbeitet.
Finale Ausarbeitung
Anschließend wurden die einzelnen Seiten mit Bildern und Texten ausgebaut. Als ich einen passenden Stil der Karten gefunden hatte, habe ich alle Kategorien und Produktkarten ausgearbeitet.
Farbwahl
Die Farben habe ich passend zu dem Thema Design Klassiker ausgewählt, um den Fokus auf die Produkte zu lenken, wodurch ein stimmiges Gesamtbild entstehen soll. Die Hintergrundfarbe der Karten ist in einem hellen Grau gehalten, um einen hohen Kontrast zu den Bildern und dem Text zu erhalten.
Prototyp
In meiner Finalen Version habe ich alle Verlinkungen erstellt und Hover-Effekte für die Karten eingebaut. Die Texte und Abstände wurden noch angepasst, sodass alles Stimmig aussieht. Man kann entweder über das Logo oben links auf die Startseite gelangen, oder sich mithilfe des Pfades unter dem Titelbild durch die Seiten navigieren.
Kommentare
Mies van der Rohe
Hinterlasse einen Kommentar