What Abstract Shapes Teach Us

When we talk about aesthetics, most people immediately think of art, design, or familiar objects. Things that we recognize and know. Things that carry memories and meaning. That’s why it feels almost strange to learn that an entire field of research focuses on the opposite: abstract, meaningless shapes. No symbolism and. No cultural context. 

In Abstract Shape Aesthetics: Contour, Complexity, Motion, and Individual Variability (Soranzo et al., 2024), the authors highlight why such stripped-down stimuli are so powerful. They write that studying shapes “devoid of meaning or familiarity” helps us understand how visual perception can work and how we experience art on a basic level. To me, this hints at something fundamental, that we might not need cultural knowledge to experience beauty. Some aesthetic responses might be built into how our visual system works.

Abstract Shapes as a Window Into “Raw” Perception

Abstract shapes let researches look at how we react to visuals before meaning steps in. For example, the moment we recognize a face, an animal, or a symbol, our brains automatically activate memories, emotions, and cultural knowledge. That’s also why psychologists often try to remove context, to find out what features alone can trigger an aesthetic preference.

This study took that idea and looked at it more closely. The researchers used abstract, meaningless shapes presented on a computer screen, ensuring that nothing could be interpreted as a known object. This creates a laboratory-like condition: a clean space where only visual properties matter.

And even when shapes have no meaning they can still influence us: 

  • Curves often feel soft, friendly, or organic
  • Angles can feel sharp, dynamic, or even threatening
  • Simple shapes can feel calm or elegant
  • Complex shapes can feel chaotic or energetic
  • Motion — expansion, rotation — can feel looming, playful, or mechanical

We respond emotionally to form long before meaning steps in.

A Long Tradition: Fechner and the Quest to Measure Aesthetics

What I find fascinating is this very modern study can be connected to something very old. Already in 1876, Gustav Fechner believed that aesthetics could be studied scientifically and that the best way to do this was through neutral stimuli. Here the authors explicitly link their work to Fechner’s idea that studies of beauty should start with simple, context-free shapes.

This does leave me torn. On one hand, it’s exciting to think that beauty isn’t purely subjective. On the other hand, I love the messy, emotional, culturally shaped side of aesthetics. Beauty is not only “perception”; it’s also memory, narrative, and identity.

New Insights: Individual Differences Matter

One of the most interesting results becomes visible when looking at individuals instead of a whole group of averages. The overall trends were very clear: 

  • People preferred curved over angular shapes
  • Simple over complex shapes
  • And within this experiment movement didn’t create a strong preference 

But when researches looked at each individual the results changed. Especially when contour type and complexity interacted the preferences varied a lot from person to person. This reminds us that even the most basic perceptual preferences are not universal. Even before meaning enters the picture, humans differ.

The study shows that many of our aesthetic responses may be deeply rooted in the visual system itself. Abstract shapes make these foundations visible. But for me, abstract shapes standing alone are not fully satisfying. They reveal mechanisms, not emotions. Perception, not meaning. Preference, not experience. However what I can take away form this is that abstract shapes help us understand how we process beauty, but only context explains why something truly touches us.

Bibliography:

Soranzo, A., Bertacchini, F., & Bertamini, M. (2024). Abstract Shape Aesthetics: Contour, Complexity, Motion, and Individual Variability. Art & Perception12(3), 240–263. https://doi.org/10.1163/22134913-bja10057

Motion Behaviour

Uns wurde schnell klar, in welche Richtung sich die Visuals entwickeln würden, da auch die Musik einiges an Gefühl für Geschwindigkeit und Bewegung mitlieferte. Nichtsdestotrotz ist es auch in diesem Fall noch super hilfreich verschiedene gegensätzliche Pole von Motion zu betrachten, da man so das Motion Behavior für Bonnie Callini konkretisieren, noch gezielter besprechen und möglichst gezielt definieren kann.

Dazu habe ich versucht verschiedene Gegenpole, wie in der Recherche oft gesehen, aufzustellen und Bonnies Visuals darauf einzuordnen.

1. Dynamisch – Ruhig
Ruhig = meditativ, langsam, statisch, wenig Veränderung
Dynamisch = dynamisch-fließend, aber nicht aggressiv → Bewegungen sind im Fluss, sie treiben voran und motivieren, ohne hektisch zu wirken 145bpm und Techno ist nicht ruhig, es gibt aber sanftere Stellen im Set, and denen Ruhe einkehren soll.
Bonnie ist hier definitiv dynamisch, idealerweise wie Tanz – in Bewegung, aber mit Atempausen

2. Linear – Organisch
Linear = technisch, geradlinig, gleichmäßig, rational
Organisch = unregelmäßig, natürlich, unvorhersehbar, spontan
Bonnie Callini = organisch, mit natürlichen Übergängen, leichten Unregelmäßigkeiten, wie durch Impulse gesteuert (Verläufe, Flüssigkeit, Körperbewegung – nie 100 % berechenbar) // Im Kontrast dazu die mechanisch wirkenden, strukturierten Metallteile, die durch das fliegende Gefühl aber leicht wirken.

3. Mechanisch – Körperlich
Mechanisch = robotisch, steif, rhythmisch exakt
Körperlich = physisch nachvollziehbar, weich, „menschlich“
Bonnie’s Motion-World ist klar körperlich inspiriert – Tänzerin, Groove, Haptik. Besonders passend sind Bewegung wie Atmen, Pulsieren, Muskelkontraktion

Andererseits ist Techno aber sehr Rhythmisch und klar in der Taktgebung, weshalb sich mechanische Elemente wie jene in Chrome geradliniger Bewegen, aber dennoch schwebend wirken um die Leichtigkeit zu bewahren

4. Glitchy – Smooth
Glitchy = abrupt, gebrochen, fragmentiert
Smooth = weich, kontinuierlich, elegant
Bonnie liegt im “smoothen Bereich”, mit vereinzelten Impulsen (Blitzen oder invertieren bei Beats)

5. Geometrisch – Chaotisch
Geometrisch = klar strukturiert, symmetrisch
Chaotisch = wild, unkontrolliert
Bonnie Callini: kontrolliertes Chaos – asymmetrisch, aber mit Rhythmus; Weich aber mit Chrome-Katnet.
Die visuelle Komposition darf tanzen und mit en Kontrasten spielen, aber nie „kippen“

6. Schwer – Leicht
Schwer = massig, träge, dunkel
Leicht = schwebend, luftig, ätherisch
Bonnie Callini kombiniert Leichtigkeit (Tänzerin, Flow) mit gewisser Schwere (Chrome, Bass) Durch das schweben der Chrome Elemente lässt sich in den Visuals aber die Leichtigkeit erhalten

7. Rhythmisch – Asynchron
Rhythmisch = synchronisiert mit Beats, vorhersagbar
Asynchron = frei, improvisiert, nicht getaktet
Bonnie’s Musik ist rhythmisch, aber Visuals dürfen nicht zu „on-beat“ sein und durchgehend Blitzen – sie sollen organisch zur Musik atmen. Das Motto ist „nicht beatgenau, sondern groove-sensibel”

Grafik Magdalena Ackerl

Nachdem die Motion Behavior Skala für Bonnie Callini jetzt auf diesen Achsen visualisiert werden kann (siehe Grafik) fassen ihre Positionen folgenden Tendenzen gut zusammen:

  • Dynamisch, aber nicht hektisch
  • Organisch, mit natürlichem Flow
  • Körperlich statt mechanisch, inspiriert von Tanz
  • Smooth, mit gelegentlichen Impulsen
  • Leicht chaotisch, aber kontrolliert
  • Schwebend-leicht, trotz metallischer Elemente
  • Rhythmisch, aber groove-sensibel statt beatgenau


In meiner Recherche war von einer „Positionierungsmatrix“ die rede, die dabei helfen soll nicht nur dieses sondern auch kommende Projekte mit mit einem skalierbares Modell zu betrachten.
Ich fand das ziemlich ähnlich zum definieren des Motion Behaviours, CHATGPT war da aber anderer Meinung:

CHATGPT:
Beide Tools wirken auf den ersten Blick ähnlich, erfüllen aber unterschiedliche Zwecke im Designprozess. Hier ist der klare Unterschied zwischen:


🎬 Motion Behaviour definieren (Bewegungsverhalten)

Fokus: Bewegungseigenschaften und wie sich Elemente tatsächlich verhalten

  • Ziel: Herausfinden, wie sich visuelle Elemente animieren (z. B. fließen, pulsieren, schweben)
  • Typische Pole:
    • Dynamisch ↔ Ruhig
    • Organisch ↔ Linear
    • Körperlich ↔ Mechanisch
    • Smooth ↔ Glitchy
    • Leicht ↔ Schwer
    • Rhythmisch ↔ Asynchron
  • Nützlich für: Motion Designer:innen → konkrete Animationen, Übergänge, Impulse
  • Beispiel: „Chrome-Objekte sollen sich organisch & schwebend bewegen, aber rhythmisch mit Akzenten“

🧭 Positionierungsmatrix (visuelles/strategisches Profil)

Fokus: Abstrakte Werteebene & Stil-Positionierung

  • Ziel: Herausfinden, wo sich die Marke gestalterisch/stilistisch verortet
  • Typische Pole:
    • Traditionell ↔ Modern
    • Verspielt ↔ Ernst
    • Analog ↔ Digital
    • Subtil ↔ Direkt
    • Emotional ↔ Rational
  • Nützlich für: Art Direction, Branding, Stilrichtungsentscheidungen
  • Beispiel: „Bonnie Callini ist modern, expressiv, leicht emotional – aber visuell reduziert“

🧩 Fazit:

  • Motion Behaviour → Wie bewegt es sich? (operativ, animiert)
  • Positionierungsmatrix → Wer ist die Marke visuell? (strategisch, gestalterisch)

Von Chat GPT überzeugt hab ich mich dann an die “Positionierungsmatrix” gewagt:

Skala0 (zero)10 (ten)
Verspielt – Ernstverspielt, lockerseriös, kontrolliert
Traditionell – Modernretro, klassischprogressiv, digital
Reduziert – Expressivminimalistisch, zurückhaltendplakativ, auffällig
Organisch – Technischfließend, natürlichmechanisch, geometrisch
Ruhig – Energiegeladenmeditativ, langsamschnell, kraftvoll
Hart – Weichglitchy, hartkantigsmooth, sanft
Emotional – Rationalsinnlich, körperlichsystemisch, analytisch
Subtil – Direktsubtil, andeutendklar, plakativ
Körperlich – AbstraktTänzerisch, physischgeometrisch, symbolisch
Analog – Digitaltexturiert, handmadeclean, pixelbasiert

Bonnie Callini:
Anmerkung: Zwei Werte, wenn Bonnie zwei konträre Punkte in ihrem Auftritt verbindet, beispielsweise harte Chrome Formen mit weichen, sanften Verläufen

SkalaPostion 0-10Begründung
Verspielt – Ernst4Emotional, frei, aber nicht kindlich
Traditionell – Modern9Digital, Chrome, Club-Culture
Reduziert – Expressiv5Abstraktes trifft auf konkrete Objekte (Verläufe auf Tänzerin auf Metal
Organisch – Technisch2//7Körperliche fließend und weich // konkrete Bewegung von Metall
Ruhig – Energiegeladen4//8Ruhige, dreamy Momente // Musik ist schon und visuals pulsieren
Hart – Weich2//8Smooth Vibes mit metallischen Akzent
Emotional – Rational1Farben, Musik und Tanz drücken Emotionen aus
Subtil – Direkt5Eigentlich weniger subtile Elemente, eher klarer Positionierung
Körperlich – Abstrakt7Zwar Tänzerin als zentrales Motiv aber abstrahiert, Verläufe, Unschärfe
Analog – Digital3//8Analoger Look durch die Körnung aber digitale nachbearbeitung für die Farben, die Metallelemente etc.
Grafik Magdalena Ackerl

Motion Identity am Festival – Festlegen der Markenpersönlichkeit

(Keine lange Einleitung, wir schließen hier direkt an den vorhergehenden Blogpost an ;))

Die visuelle Identität von Bonnie Callini soll – weit gespannt – zu den Worten „Groove, Heat, Feminin, Fire, Dance, Beat, Real” passen. Diese Eigenschaften spiegeln sich sowohl in ihrer Musik als auch in der geplanten Visual-Welt wider. Passende „Bewegungsqualitäten“ die mit diesen Begriffen in verbindug gebracht werden sind organisch, fließend, pulsierend und intuitiv – nichts wirkt starr oder mechanisch. Vielmehr entstehen Bewegungen aus Impulsen heraus, vergleichbar mit dem Tanze zu Beat oder der Bewegung von Rauch, Wellen oder Energieflüssen.

Das Set und der Auftritt rund um Bonnie Callini fühlt sich intuitiv an, Kontrolle und Kontrollverlust durchzogen von Rhythmen und Trance. Die Leute am Set fühlen sich gut, heiß – sie grinsen einander an, tanzen ausgelassen, lassen die Hüfte kreisen. “Positiv uplifting” & “Feeling hot an groovey” ist das Motto.

Die visuelle Welt soll das aufgreifen: Grainy, fließende Texturen und sanfte Farbverläufe die durch pulsierende Schwünge aufgebrochen werden. Metallisch glänzende Chrome-Elemente schweben schwerelos und pulsieren zu Bonnies Bass. Abstrakte, tänzerische Körperbewegungen (reduzierte Videos einer Tänzerin die wir aufnehmen lassen haben) unterstützen die Verbindung von Sound und Körpergefühl – der Fokus liegt auf Emotion, nicht auf Form. Sie Tanzt ausgelassen. Es ist Femininität und Intuition, Loslassen im Rhythmus

Passende Bewegungsprinzipien:
Weiche Verläufe von Farben;
Pulsieren, Flashen, Drehen mit Schwung im Rythmus – nicht zu grob sondern schwungvoll wie ein Tanz;Partikelverhalten, das „lebt“ – z. B. Pulsieren, Vibration, Grain(Körnung);
Chrome-Elemente als schwerelos rotierende Körper oder Impulsgeber (Reflektionen und Kontrastreich);
Ease-in/Ease-out statt linearer Bewegung;
Pulsierendes Blitzen und Invertieren im Beat;

Emotionale Tonalität

Daraus abgeleitet lässt sich die Emotionale Tonalität ihres Sets in Worte fassen.
Die emotionale Grundstimmung von Bonnie Callinis Sets ist eine Mischung aus:

Dynamisch: durch das hohe Tempo ihrer Musik (138–145 bpm), tribalartige Rhythmen und energetische Sets. Die Visuals dürfen pulsieren, vibrieren, sich „nach vorne schieben“.

Weich & fließend: trotz der Energie bleibt die Welt sinnlich, körperbetont, atmosphärisch – nicht hart oder technoid-industrial.

Verspielt & improvisiert: durch spontane Bewegungen, tänzerische Elemente und das experimentelle Spiel mit Form, Farbe und Material.

Sinnlich-abstrakt: keine plakative Darstellung, sondern emotionale Tiefe durch Licht, Textur, Formwandel, Körnung und Bewegung.

Tonalität = tanzend – träumerisch – tribal – technoid – transformierend

MOODBOARD & INSPO:

Gemeinsam mit Bonnie wurde ein Moodboard erarbeitet und der Look ihrer Visuals definiert:

Rote und warme Töne, als Kontrast dazu Komplementärfarben oder Schwarz-Weiß. Die Visuals sollen Grainy sein – also Körnung haben – “flowy sein”, sanft und es sollen auch Verläufe darin vorkommen.

Als Kontrast dazu hätte sie gern die Härte von Chrome Elementen, die sich aber locker und schwerelos bewegen oder sich flüssig verformen. Diese Elemente kommen vorallem aus dem Bereich von
“Hardgroove” und “Hardtechno”.

Wir suchen eine Mischung aus der Analogen Optik der Bilder/Videos und dem haptischen 3D-Gefühl der Chrome Elemente. Themen der Bilder sollten Pflanzen, sanfte Farbverläufe, Ästhetik, Women, Femininität, Freiheit und Leichtigkeit sein. Es kann abstrakt sein, muss nicht direkt sein und darf artistisch sein.

Animierte Inspo:

Die meisten Inspirationen waren selbst keine Videos. Ein paar ließen sich trotzdem finden:

https://at.pinterest.com/pin/787074472414466289/


Relevante Touchpoints für ein Festival-Setting

Die wichtigsten Touchpoints von Menschen mit der Motion Identity:

1. HAUPTFOKUS: Event-Visuals & Stage-Präsenz
– LED-Screens / VJ-Content, Visuals für Opening/Closing-Sets
– (Live-)Motion-Loops mit Tänzerin, Chrome-3D-Elementen und Blitzenden Beats
– Intro-Animation mit Logo;
– Heatmap-Körper, verformte Partikel, organische Lichtbahnen
– Beat-Reactive-Chrome und Textur-Elemente

2. Social Media & Promotion
– Instagram-Stories & Reels: kurze, loopfähige Motion Snippets mit Musik, Typo, Logo und vorzugsweise der Tänzerin
– Feed-Visuals mit animierten Teasern: Chrome-Typo, Grainy Hintergründe und Verläufe zum Beat
– Event-Ankündigungen als animierte Posts:Plakat-Designs mit subtilen Bewegungen (Grain, Light-Shifts)

3. Print-to-Motion (nicht für’s ELF, aber für spätere Nutzung ev. interessant)
– Digitale Plakate für Screens in Städten (z. B. U-Bahn, Festival Screens): Motion Ads mit pulsierenden Typo-Elementen

4. Website / Ticketing  (Umsetzung aufgrund der Relevanz eher unwahrscheinlich)
– Motion-Banner oder Poster auf Landingpage: Chrome-Typo + Flow-Visuals zur Musik
– Interaktive Elemente (Cursorverhalten, Hover States): alles leicht vibrierend, dynamisch, fließend

WELL WELL – The struggles of following a Plan

Ich denke, um mir selbst gegenüber – wie auch gegenüber diesem Blog hier – ehrlich zu sein: All die Prinzipien die ich mir im Vorhinein überlegt habe, sämtliche Prozesse und Analyse-Schritte… wurden letztendendes viel weniger ernst genommen als gedacht. Das kann aber ziemlich weitgehend darauf bezogen werden dass einerseits NUR EIN ZEITRAUM VON 1,5 WOCHEN DAFÜR ZUR VERFÜGUNG STAND (und keine handfeste Info zu den technischen Anforderungen, dazu später mehr) aber auch darauf, dass die Herangehensweise die Bonnie sich gewünscht hat, eine sehr freie war. Ihr war auch wichtig dass wir das ganze nicht “designtechnisch nicht zu streng angehen” und sie wollte sich nicht wirklich durch ein Logo oder einen Design-Auftritt definieren. Letztenendes hat sich das dann zwar doch ergeben (Ein simpler Logo-Loop für die Bühne musste nämlich doch noch her) aber tiefergehende Corporate Design Guidelines wurden nicht aufgestellt. Dieser Prozess lies aber endlich Zeit um Dinge auszutesten, die sonst keinen Raum haben! Es konnte experimentiert werden und tatsächlich mit “Trial and Error” durch verschiedene Phasen gegangen werden – und beim Entwickeln von Motion Identitys geht es ganz viel darum zu experimentieren und so spannende Bewegungsmuster zu finden!

Motion Identity für Bonnie Callini am Electric Love Festival 2025


Wow – what a journey!?
Die Projektfindung war schwieriger als gedacht – gibt es doch so viele Möglichkeiten und Ansätze um Motion in sonst so statische Brandings zu bringen.
Großes Danke an dieser Stelle auch an Chrissi, die mir wirklich zu so einigen Möglichkeiten Zugang verschaffen hat.

Nun ist aber eine Entscheidung gefallen (bzw. schon vor ein paar Wochen, diese Blogposts sind eher Retrospektive als Live-Dokumentation – mehr dazu später – aber bleiben wir im Sinne der Blogposts mal weiterhin in der Gegenwartsform)

Die hier dokumentierte Entwicklung dieser Motion Identity widmet sich „Bonnie Callini“ eine female DJ aus Salzburg! Auch der Zugang zum Thema Motion ist etwas spezieller und weicht ein wenig vom herkömmlichen Brandingprozess ab, denn Bonnie (Ein Künstlerinnen-Name) kam mit dem Wunsch auf Tanja Kobler und mich zu, ihr Set am Electric Love Festival in Salzburg mit Visuals zu bestücken! Der Hacken, oder vielleicht auch unser Glück, war es, dass Bonnie in der Gestaltung ihrer bisherigen Medien – sei es Social Media oder ihre Visuals auf anderen Festivals – sehr offen und ungebunden war und noch kein festes Design besteht.
Eine gute Ausgangsbasis mit jede Menge Freiraum, um eine Motion Identity zu entwickeln – spannende Visuals auf der Bühne als Start in ihre Visual Identity!

Wer ist Bonnie Callini?

Bonnie Callini ist eine Female DJ aus Salzburg. Ihre Musik bewegt sich vor allem im Bereich brasilianisch und lateinamerikanisch beeinflussten Hardgroove- und Tribal-Techno.

Sie kombiniert dabei „fast electronic groove“ mit „exotic vocals“ & ihr Ziel ist es, mit ihren Sets  Menschen zum „Kopf abschalten und Tanzen“ zu bringen. Ihre Musik bewegt sich in der Regel im Bereich von 138 bis 145 BPM.

Woher kennt man Bonnie Callini? Sie spielte neben zahlreichen lokalen Acts auch schon im Kremlin (Lissabon), auf dem Electric Love Festival (Salzburg) sowie natürlich in der Pratersauna oder im Sass in Wien.

Zielsetzung/Auftrag

„Echt alles passt besser als das was die dort standardmäßig VJn“ Anbei Bilder vom Set des vergangenen Jahres, mit dem Bonnie sich so gar nicht identifizieren konnte – denn rosa Seifenblasen sind weit weg von dem was sie mit ihrer Musik eigentlich repräsentiert.

Was wird kreiert? Visuals für die ClubCircus Bühne am Electric Love Festival in Salzburg, für Bonnie Callinis Set von 17:30-19:00Uhr. Eine lange Zeit und eine große Bühne – wir sind gespannt!

Wichtig für uns sind hier, neben Bonnys persönlichem Stil, auch Gegebenheiten wie Tageslicht, eine Überdachte Bühne, die nähe der Gäste zum Set, etc. Das Festival selbst stellte uns zu Beginn ein eher vages PDF zur Verfügung und wir suchten schon früh den Kontakt und Austausch mit den verschiedenen Verantwortlichen.

Wir folgen nun dem Motion-Identity-Prozess den ich vor einigen Wochen in meiner Recherche aufgebaut habe und testen dessen Anwendbarkeit. Ist das auch im Zuge dieses Projekts sinnvoll? Ist es bloßes “abarbeiten” der Steps oder bringt das System tatsächlich Mehrwehrt?


Step 1: Analyse der bestehenden statischen Elemente (Logo, Farben, Typo, Plakate, Key-Visuals(!!!)

Im Design für Bonnie geht es nicht darum, ein herkömmliches Branding zu entwickeln, sondern viel eher liegt der Fokus darauf, eine Bildsprache zu definieren die sich in verschiedenen Key-Visuals (und auch „Nicht-Key-Visuals“) darstellen lässt und dessen Erscheinungsbild sie und ihre Musik repräsentiert. 

Das einzig bestehende Footage das weiterhin passend sein soll sind ihr Artist-Profilbild und ihr EP-Cover (siehe Bild)

Um abzuschätzen welches Design sie schätzt haben wir uns auch die Arbeiten ihres Kollektivs „Urban Rumble“ angesehen. Das Logo und die Typo gefallen ihr dabei sehr gut, die Partikelsysteme im Hintergrund würde sie eher weniger aufgreifen.

Summary: Besprechung Nummer Eins

Ihr Stil ist „Feministisch, Artsy and Fruity“. Es darf heiß sein, flashy, ungewöhnlich – soll aber keinenfalls in die Richtung Girly-Pop gehen.

Ihr visuelles Erscheinungsbild auf der Bühne (wie auch auf Social Media) soll ihre musikalische Identität klar widerspiegeln: Energiegeladener, lateinamerikanisch inspirierter Tribal Techno. 

Ihr geht es dabei um rhythmische aber “nicht ordentliche” Muster, warme Farbtöne (oft mit hoher Sättigung und Rottöne) und kontrastreiche Typografie. 

Außerdem bindet sie gerne Elemente ein, die sich mit dem “Hardgroove” und “Hardtechno” assozieren lassen, also kühles Metall und Chrome-Optik – gemischt mit den warmen Farben und der Hitze ihres Sets.

Die Key-Visuals sollen als Beiwerk zu ihrer Musik betrachtet werden – sie sollen die Stimmung unterstützen indem sie Bewegung suggerieren. Sie können einerseits jene Energie aufgreifen, die ihre Tänzer:innen in der Menge mitbringen – oder  – die ihre Songs sanft umrahmen.

Das Logo und etwaige Schriften sollen reduziert, funktional und hart wirken – als Kontrast zum „grainy und weichen” Hintergrund.

Was bisher geschah…

Die lieben Studienkolleg:innen, Leser:innen und vorallem Roman fragen sich wahrscheinlich:
„Das ist ja schön und gut mit der Recherche – aber was ist seitdem eigentlich passiert?“
Und das ist eine gute Frage, denn von Animationen, Videos und Beispielen fehlt hier JEDE SPUR?!

Ich habe mich, wie so oft, in der Themenfindung verloren. Deshalb sammelt dieser Blogpost genau diese Gedanken und Überlegungen. Denn WENN man schon die Chance hat, all seine Zeit und Energie in ein Passion Project zu stecken, dann soll es ja auch etwas hermachen.


Optionen, Optionen, Optionen

Stand der Dinge und Hard Facts:
Grundsätzlich sind die Rahmenbedingungen recht locker. Gesucht wird: ein cooles Unternehmen (mit bestehendem Design – oder auch nicht), das genug Möglichkeiten bietet, um ein Rundum-Paket an Motion zu entwickeln.
Bestenfalls findet meine Motion Identity dann sogar eine echte Anwendung!

Doch es gab die eine oder andere Hürde in der Recherche:


– Ein Spec-Project:
Eine große, coole Brand, der ich ein neues Motion Design verpasse.
Die Chance auf tatsächliche Anwendung ist gering, aber: Es gibt viel Material und einen guten Rahmen.

– Ein Kundenprojekt von ZERO zu Branding + Motion:
Das wäre vermutlich der Dream-Come-True. Allerdings würde ein komplettes Branding plus Motion den Rahmen des Projekts fast sprengen – und Kund:innen samt deren Visionen sind nicht immer easy. Besonders dann nicht, wenn es die erste Motion Identity ist, die man entwickelt.
Alles zeitlich, qualitativ und portfolio-tauglich unter einen Hut zu bringen, ist… anspruchsvoll.

– Ein halbgroßes, lokales Unternehmen mit bestehendem Design:
Ein schöner Rahmen zur Orientierung, ein lokales Business, die Chance auf echte Verwendung…
Too good to be true? Naja… ja.
Denn z. B. das Schauspielhaus oder andere Unternehmen und Festivals werden bereits von großen Agenturen betreut – und sich ungefragt in die Corporate-Identity-Guidelines dieser Agenturen einzumischen, ist vermutlich nicht die beste Ausgangslage für eine Zukunft in der Grazer Designwelt.


Tja. Was jetzt?
Mit all den großen Hoffnungen auf tatsächliche Anwendung und freies Herumexperimentieren ist es NOCH schwerer, eine Entscheidung zu treffen.

Aber: Da ist ein Licht am Ende des Tunnels!


Plan A, Plan B, Plan C, Plan X

Plan A

Wie ein Engel ist Chrissi plötzlich im Kurs erschienen – und ihre Botschaft war erlösend! (Oder so.)

Sie entwirft das Design (inkl. Plakat etc.) für das diesjährige Grazer Impro Fest!
🔗 https://schaumbad.mur.at/event/gif-grazer-impro-fest/

Jedes Jahr erstrahlt dieses nämlich in einem neuen Look! Und passend zu Improvisation und Kunst ist das Design auch kreativ, offen und experimentierfreudig.

Was ist das genau?

„GIF – Grazer Impro Fest
Ende August verwandelt sich das Schaumbad – Freies Atelierhaus Graz in ein utopisches Ressort der Sonderklasse und zelebriert das erste Grazer Impro Fest.
Neun Tage lang checken inter-/nationale Künstler:innen und Kollektive – und alle anderen Experimentierfreudigen – zum gemeinsamen Improvisieren ein.
Und das natürlich all inclusive: Es wird gesungen und getönt, Instrumente gebaut und musiziert, gekocht und vernetzt, performt – und nach den theoretischen und strukturellen Voraussetzungen des perfekten Impro-Flows gesucht.
Ein Angebot für Körper, Geist und Seele – mitten in der postindustriellen Naturbrache: Ist doch alles nur improvisiert.”

Also wenn einem bei DIESER Beschreibung nicht schon die Bewegungsmuster entgegenfliegen, dannnn weiß ich auch nicht ;).
Das wäre also die Idealvorstellung – denn auch die Deadlines scheinen gut zum Kurs zu passen.
Und mit etwas Glück findet das Design tatsächlich Anwendung!

Was kann schiefgehen?
Das Ganze steht und fällt natürlich mit dem Design von Chrissi.
Da sie in und mit dem Festival arbeitet, hat sie selbstverständlich Vorrang. Hier wird nicht gedrängt oder gestresst. Sollte sich das Design aber erst zu spät entwickeln (denn es muss ja stehen, bevor Motion einfließen kann), brauche ich einen guten Plan B.


Plan B

Alles zurück auf NULLLL – naja, nicht ganz.

Sollte Plan A scheitern, würde ich Kontakt mit dem Theater im Bahnhof, dem Kristallwerk und Rotor aufnehmen und anfragen, ob sie mit einem Branding + (oder auch nur) einer Motion Identity etwas anfangen könnten.

Hier würde dann zwar ein ganzer Brandingprozess stattfinden müssen – aber es wäre auch eine coole und spannende Möglichkeit, evtl. sogar gemeinsam mit Studienkolleg:innen einen solchen Auftrag zu bearbeiten.


Plan C

Angenommen keines der Theater oder Galerien ist überzeugt oder geeignet für das Projekt…
Juhu – freie Themenwahl?

Vielleicht zurück zu bekannten Marken oder Startups:
New Balance, Nike, SAYE Sneakers, Pangaia…

Oder zu anderen Kulturinstitutionen in Graz, meiner Heimat Salzburg oder irgendwo dazwischen…

Oder wir gehen zurück in die Recherche und suchen deutsche/österreichische/Grazer Startups und Businesses, die unterstützenswert sind!
Ausschnitte einer unvollständigen Liste wären z. B.:
Holy Pit, Sonible, SpawnX, yahyastudio, klekks.com, habitus-art, beherzt, …


Plan X

Oder: Man entwickelt wirklich etwas für die FH…
¯\_(ツ)_/¯


Bis dahin

In der Zwischenzeit habe ich fleißig weiterrecherchiert – vielleicht ergibt sich ja auch eine Kooperation in der Zukunft?

Je nachdem wie sich die kommenden Wochen gestalten (also wie sich der Zeitplan für’s Impro Festival entwickelt) würde ich ev. eine Brand und deren Motion Identity genauer analysieren, denn so hab ich bisher immer viel gelernt… oder mich mit verschiedenen Ansätzen für Motion Identitys spielen – also kleine Snippets an Motion (sei es eine Logo Animation oder Overlays für Social Media) entwerfen, die zu Brands passen 🙂

Ich habe außerdem eine kleine Anfrage an Moodley gesendet, um eventuell die Chance zu bekommen, mit ihnen noch einmal intensiv über Motion Identity zu sprechen – mal schauen, ob und wann da eine Antwort eintrudelt!


*Zuhilfenahme von ChatGPT: Die KI wurde zur Übersetzung, Korrektur und Formulierungshilfe von Texten verwendet. Alle Inhalte wurden anschließend eigenständig ausgewertet, überarbeitet und in den hier präsentierten Beitrag integriert.

Motion Design und Motion Identity in der Praxis

Was man wirklich wissen muss, wenn’s gut werden soll – bzw. Magdas “Lesen-vorm Loslegen”-Notiz

Klar – Je öfter man Motion Identity liest und sagt, desto mehr klingt es wie ein Buzzword aus der Agenturwelt. Aber: Bewegung ist nicht nur Deko oder Spielerei – sie kann Stimmung transportieren, Marken wiedererkennbar machen und sogar den Flow in komplexen Anwendungen verbessern – das wissen wir bereits!

Nur: Damit das funktioniert, muss man ein paar Dinge beachten. Nicht nur technisch, sondern auch strategisch! Es ist die Sprache einer Marke – aber in Bewegung und damit diese Sprache funktioniert, braucht’s aber mehr als nur „von A nach B“. Es geht um wie, wann, warum – und das ist ein ganzer Werkzeugkasten für sich, wie man im Entstehungsprozess einer Motion Identity erkennt.

In Blogpost 1 & 2 habe ich mich damit beschäftigt, was eine Motion Identity ist und wie sich die Entwicklung davon gestaltet.

Bei der Recherche bin ich auf einige Infos, Themen und Tipps gestoßen, die irgendwie nicht ganz zum Rest der Info gepasst haben oder die Struktur der Blogposts gesprengt hätten.

Diese Details, Tipps, Methoden und Co. beziehen sich auf Animation, Motion und eben auch auf Motion Identities und in diesem folgenden Blogpost möchte ich all diese Dinge sammeln und zusammenfassen!


1. Motion Behavior – Die Persönlichkeit in Bewegung

Was es durch Analyse und Recherche zu Beginn des Prozesses zu definieren gilt, ist die Persönlichkeit der Marke, denn davon kann die Persönlichkeit der Bewegung abgeleitet werden. Diese Definition basiert oft während dem Branding oder der Positionierung der Marke.

Motion Behavior:
Bewegung kann – genau wie Farbe, Typo oder Sprache – den Charakter einer Marke verkörpern. Man spricht hier von Motion Behavior, also dem „Verhalten“ einer Animation. Wie sich Elemente bewegen (schnell, langsam, weich, direkt…), sagt nämlich viel über die Marke aus.

Diese Definitionen können anfangs noch recht simpel und rudimentär sein, bilden aber die Ausgangsbasis für alle weiteren Gedanken zum Thema Bewegung.

Simple Beispiele:

Linear & direkt: wirkt professionell, zielgerichtet (vgl. DixonBaxi o.D.)

Elastisch & bouncey: fühlt sich jung, lebendig, sympathisch an (vgl. DixonBaxi o.D.)

Fließend & smooth: strahlt Ruhe, Eleganz und Seriosität aus (vgl. DixonBaxi o.D.)

Das kann man weiter ausführen und mit deutlichen Begriffen wie „Fast Rise“, „Gentle Float“, „Aggressive Impact“ immer genauer definieren. Im Laufe des Prozesses kann man sie dann nutzen wie Farbpaletten oder Typosysteme.

Man entscheidet sich für einen Stil – und bleibt dann dabei. Denn wenn der Button bouncey hüpft, aber das Logo seriös und steif reinfadet, fühlt sich das seltsam inkonsistent an (vgl. DixonBaxi o.D.).


2. Kultur & Kontext – Bewegung ist nicht universell

Immer wichtig: Kultur und Kontext!

Was bei uns dynamisch wirkt, kann in anderen Kulturen aggressiv oder unhöflich rüberkommen. Beispielsweise schnelle Pop-In-Animationen werden in asiatischen Kontexten oft als hektisch empfunden oder langsame Animationen können in sehr „effizienzgetriebenen“ Märkten als nervig gelten.

Deshalb ist es wichtig den Kontext zu checken! Und sich fragen: Für wen ist das? Und wie fühlt sich Bewegung dort an? 


3. Motion-Hierarchien – Nicht alles darf gleich laut schreien

In einer Animation oder in einem komplexen Interface bewegen sich oft viele Dinge gleichzeitig. Deshalb ist es wichtig, eine Bewegungshierarchie zu etablieren. Sonst wird’s schnell unübersichtlich und überfordernd.

  • Primäre Animationen: Große, auffällige Bewegungen – z. B. das Logo, Haupttransitions, Hero-Sections
  • Sekundäre Animationen: Dezente Microinteractions – z. B. Hover-States, kleine Icons, Tooltips

Das Ziel ist immer: Die Aufmerksamkeit gezielt lenken, nicht alles gleichzeitig betonen. Und ganz wichtig: Man kann auch einfach mal nix animieren – bewusst eingesetzte Ruhe ist ein mächtiges Gestaltungselement.

Hier sind auch Aspekte wie das Timing, Easing und die Frequenz/Rythmus ein wichtiges Thema – darauf gehe ich im nächsten Beitrag genauer ein!


4. Motion-Driven Layout Thinking

Ein häufiger Fehler im Motion Design ist, dass erst statisch gelayoutet und dann animiert wird. Dabei erwische auch ich mich, mit meinem Grafik-Design-Hintergrund, immer wieder. Besser ist es, gleich Layout in Motion denken!

Prinzipien:

  • Bewegungsflüsse definieren Layout-Hierarchien
  • Motion Grid als strukturierendes Prinzip überlegen
  • Navigation durch die Animation/Applikation = Choreografie
  • Statische Layouts als Zustandsabbildungen verstehen, nicht als Endzustand

(Vgl. Koto 2025)


5. Typografie in Motion

Text in Bewegung ist mehr als nur das Einblenden von Headlines. Typografische Animation kann ein starkes semantisches Element sein.
Die Klassiker kommen dabei relativ oft vor:

  • Letter-by-letter Reveal (Dramatik)
  • Kerning-Animationen (Brand-Eigenheiten betonen)
  • Morphing zwischen Schriftgrößen/-gewichten
  • Vertical Slide (modular, systemisch)
  • Typo als Maskierungsfläche

WICHTIG dabei:

  • Lesbarkeit > Effekt
  • Branding-Prinzipien gelten auch hier (z. B. Gewichtung, Hierarchie)
  • Typo-Easing = subtiler als Grafik-Easing

(Vgl. IBM o.D.)

Weiterer Tipp: Verwende rhythmisches Typo-Timing als inhaltliche Unterstützung – z. B. bei Storytelling-Formaten oder Key Messages. (Vgl. IBM o.D.)


6. Interaction Motion – UX trifft Branding

Interaction Motion bewegt sich zwischen Designästhetik und Nutzerführung. Ziel ist nicht nur Funktionalität, sondern emotionales Feedback.

Wichtige Motion Patterns die es zu Designern gilt:

  • Feedback Loops (Button-States, Checkmarks)
  • Progressive Disclosure (step-by-step UI)
  • Loading Indicators mit Markensprache
  • Scroll-bezogene Bewegungen (Parallax, Reveal)

(Vgl. Material Design o.D.)

Wichtig:

UX Motion muss barrierefrei und optional sein (z. B. systemseitige „Reduce Motion“-Einstellungen beachten!). (Vgl. Material Design o.D.)

Animierte States sollten Markencharakter tragen – selbst ein Ladebalken kann eine Personality ausstrahlen. (Vgl. IBM o.D.)




7. Sounddesign & Motion – Synchronisierung statt Zusatz

Wenn Sound erlaubt ist (z. B. in Videos, Reels, Ads), sollte er kein Nachgedanke sein, sondern integraler Bestandteil der Motion Identity, denn fast jede Bewegung braucht Sound!

Richtlinien:

  • Synchronität!
  • Audio-Markers für Betonung von Bewegungsakzenten
  • Soundfeedback als UX-Element (z. B. Confirm-Sound)

Pro-Tipp: Eine eigene kleine Audio-Library mit typischen Sounds kann viel bewirken – so wie Brand Fonts oder Farben. (Vgl. Never Sit Still o.D.)


8. Feedback, Tests, Iterationen – Motion ist nie fertig

Auch ein gutes Motion System lebt davon, dass es getestet und verbessert wird.

  • A/B-Tests mit verschiedenen Bewegungsstilen
  • Usability-Tests auf verschiedenen Geräten
  • Ladezeiten & Performance checken
  • Feedback von realen Nutzer:innen einholen

Motion ist ein bisschen wie Musikproduktion: Man kann ewig feilen – aber irgendwann muss man’s auch veröffentlichen. (Vgl. IBM o.D.)


Qualitätssicherung und Performance:
Technische Umsetzung ist ein essenzieller Teil – zu viele Bewegungen führen zu Performanceproblemen. Wichtig also:

  • Optimierung der Frame-Rate (mind. 30fps)
  • Renderbudget pro Frame definieren
  • Testing in Low-End Devices & Browsern

(Vgl. IBM o.D.)

🙂

Motion ist nicht nur ein bisschen Eye-Candy. Es geht um Haltung, Erzählweise, User Experience – und darum, wie eine Marke „fühlbar“ wird.

Motion Design ist weit mehr als nur bewegte Grafik. Es ist ein Zusammenspiel aus Timing, Systematik, Psychologie, Emotion und Technik! Wer die feinen Mechanismen – von Easing über Rhythmus bis Interaktion – versteht und anwenden kann, schafft Markenerlebnisse.

Denn wenn Bewegung konsequent und sinnvoll eingesetzt wird – mit Gefühl für Timing, Kontext, Zielgruppe und Technik – dann entsteht eine Motion Identity, die nicht nur animiert, sondern erzählt, berührt und bleibt.

(vgl. DixonBaxi o.D.; Never Sit Still o.D.; Gleave, Dawncreative 2024)

Quellen:

  • KOTO 2025
    KOTO (18.02.2025): Reel talk: the power of branded motion design. In: offbrandkoto, https://offbrandkoto.substack.com/p/reel-talk-the-power-of-branded-motion (zuletzt aufgerufen am 16.03.2025)
  • Never Sit Still o.D.
    Never Sit Still (o.D.): Motion Branding. In: Never Sit Still, https://neversitstill.com/motion-branding(zuletzt aufgerufen am 16.03.2025)


*Zuhilfenahme von ChatGPT: Die KI wurde zur Übersetzung, Korrektur und Formulierungshilfe von Texten verwendet. Alle Inhalte wurden anschließend eigenständig ausgewertet, überarbeitet und in den hier präsentierten Beitrag integriert.