Durch Struktur und Räumlichkeit kann Typografie Themen und den Kontext verschiedener Inhalte klarer inszenieren und darstellen. Indem die Elemente räumlich angeordnet sind, entsteht eine deutliche Struktur und Orientierung. Bewege die Maus von einer Seite zur anderen, um den Effekt dieser Inszenierung sichtbar zu machen.
Durch die Interaktion mit grafischen Elementen und einen strukturierten Aufbau entsteht eine neue Möglichkeit zur Nutzerinteraktion. Klicke die Boxen an, um eine Textvorschau zu erhalten und die Wirkung der Struktur zu erleben.
TYPOGRAPHIC
SYSTEM
CLEAR
GRID
STRUCTURE
HARMONY
VISUAL
RYTHM
MOTION
INTERACTION
GUIDE
ATTENTION
In diesem Beispiel wird die gesamte gestalterische Idee der Titelsequenz im Web übertragen. Mithilfe von Webstandardmethoden lässt sich die Sequenz detailgetreu umsetzen. In Kombination mit Scroll-Verhalten können dabei noch deutlich komplexere Effekte erzielt werden, als hier gezeigt.
Title design became storytelling.
The same is possible online.
There’s more to explore.