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.
Die Aufgabe war es, ein Informationssystem mit drei Ebenen zu entwickeln und daraus einen Prototypen für eine Website / App zu bauen.
Themenwahl
Mit dem Dozenten habe ich verschiedene Themen (Geografie, Weltall und Corona) durchgesprochen und mich letztendlich aufgrund der Aktualität zum Zeitpunkt des Projekts für die Impfstoffe zum Schutz vor COVID-19 entschieden.
Prozess
Lo-Fi
Ich begann damit mir Gedanken zu den einzelnen Ebenen zu machen und habe im selben Atemzug Sketches für eine Low-Fi Variante der App erstellt. Darunter kamen mehrere verschiedene Navigationssysteme vor.
Mid-Fi
Nachdem ich mich für eine abgewandelte Variante des ersten Informationssystems entschieden hab, machte ich mich an die Ausführung der Mid-Fidality Variante bei welcher ich schon konkretere Grafiken und Formen verwenden wollte sowie alles in eine übersichtliche Struktur stecken wollte.
Hi-Fi
In der Hi-Fidality Variante habe ich mich dann an einen ersten Screen gewagt und damit auch die Typografie, das Farbschema und das Layout bzw. die einzelnen Komponenten realisiert. Dabei habe ich mich typografisch für die Schriftart Roboto von Christian Robertson entschieden. Damit man einzelne Wirksamkeiten besser voneinander unterscheiden kann, habe ich verschiedene Farben verwendet (Blau = mRNA, Lila = Vektor, Rot = Tot, Türkis = Protein). Meiner Meinung nach passt dieses Farbschema auch gut zueinander und bietet währenddessen trotzdem noch den nötigen Kontrast um die Gruppen voneinander zu unterscheiden. Mein Layout zeichnet sich durch verschiedene Boxen aus, welche jeweils unterschiedliche Informationen enthalten, aber bei jedem Impfstoff (sofern möglich) gleich angeordnet sind.
Hinterlasse einen Kommentar