Incom ist die Kommunikations-Plattform der Fachhochschule Potsdam

In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre

Incom ist die Kommunikations-Plattform der Fachhochschule Potsdam mehr erfahren

Digitale Typografie Werkstatt

Digitale Typografie Werkstatt

In dem Kurs Digitale Typografie entwickelten wir statische und animierte typografische Entwürfe mit Hilfe von HTML & CSS um diese als finales Projekt in Form eines Buches und als Snippets auf einer Webseite zu publizieren. Außerdem beschäftigten wir uns mit analoger und digitaler Typografie im öffentlichen Raum und präsentierten die Ergebnisse unserer Recherche in Form einer Fotosammlung.

01 Basic

Die erste Aufgabe war es sich typografische Regeln rauszusuchen und diese zunächst erstmal statisch mittels CSS & HTML darzustellen. Dabei sollten die Texte selbsterklärend und simpel sein. Das Ziel war es die Regeln und deren typografische Auswirkungen anhand von mehreren Textzeilen klar darzustellen.

Screenshot 2024-03-25 at 18.47.18.pngScreenshot 2024-03-25 at 18.47.18.png
Screenshot 2024-03-25 at 18.44.09.pngScreenshot 2024-03-25 at 18.44.09.png

Als nächstes haben wir dann unsere statischen Entwürfe genommen und anhand von diesen animierte Versionen erstellt die wir an die neuen bewegten Umstände angepasst haben.

SVv8K.gif

SVvRk.gif

02 Playground

Bei den Playground Entwürfen haben wir mehr Spiel bekommen was die Vorgaben anging. Wir hatten also Entscheidungsfreiheit über den Text und durften auch mehrere CSS regeln kombinieren ohne eine bestimmte Regel klar darzustellen. Diese Entwürfe durften sowohl statisch als auch animiert sein.

SVv8V.gif

SVvR8.gif

SVvR4.gif

03 Reflektion

Der Kurs war ein sehr guter Einstieg in die Grundlagen von HTML & CSS und war auch ohne Vorkenntnisse im Coding Bereich sehr gut zu folgen, da das benötigte Grundlagenwissen klar erläutert wurde. Sehr hilfreich waren auch die regelmäßigen Feedbackrunden bei denen sich auch viel Zeit für individuelle Probleme genommen wurde. Außerdem war es sehr interessant die einzelnen Schritte mitzubekommen die am Ende zur kollektiven Publikation der Kursprojekte führten.

Ein Projekt von

Fachgruppe

Interfacedesign

Art des Projekts

Studienarbeit im ersten Studienabschnitt

Betreuer_in

foto: Felix Walser

Zugehöriger Workspace

type + code

Entstehungszeitraum

Wintersemester 2023 / 2024

Keywords