Bewegung

Bewegung

Animierter Farbverlauf als Hintergrund für Video und Social

5 Min. Lesezeit

Ein animierter Farbverlauf kann aussehen wie Licht, das durch Seide wandert, oder wie ein Bildschirmschoner. Der Unterschied sind eine Handvoll Designentscheidungen, die du bewusst treffen kannst.

Bewegung

Nahtloser Loop: so machst du ein Video, das nie springt

6 Min. Lesezeit

Ein Loop, der alle zehn Sekunden einmal springt, ist schlimmer als gar keine Bewegung. Die Lösung ist kein besserer Editor, sondern Bewegung, die dafür gemacht ist, nach Hause zu kommen.

Bewegung

Motion-Design-Prinzipien für alle, die nicht animieren

5 Min. Lesezeit

Du musst kein Animator sein, um Bewegung zu machen, die sich richtig anfühlt. Du brauchst ein paar Prinzipien, eine Handvoll Dauern und die Disziplin, weniger zu nutzen.

Bewegung

Website mit Video-Hintergrund: Gewicht, Autoplay und Zugang

5 Min. Lesezeit

Ein bewegter Hero kann eine Website lebendig wirken lassen oder langsam, ablenkend und schwer lesbar machen. Den Unterschied macht eine kurze Liste technischer und gestalterischer Entscheidungen.

Bewegung

GIF, MP4 oder WebM: welches Format für Loops

5 Min. Lesezeit

GIF ist das Format, das jeder kennt und das fürs Web fast niemand nutzen sollte. Es ist auch das einzige, das im Postfach funktioniert. Hier steht, was du wo wählst und warum.

Bewegung

Reels-Hintergrund gestalten für Reels und TikTok-Videos

5 Min. Lesezeit

Vertikales Video hat einen Rahmen, den du nicht ganz im Griff hast: Captions, Buttons und Namen liegen darüber. Gestalte den Hintergrund für den Raum, der übrig bleibt.

Bewegung

Easing erklärt: warum gute Bewegung natürlich wirkt

4 Min. Lesezeit

Dieselbe Bewegung kann ungelenk oder mühelos wirken, je nach einer einzigen Einstellung. Diese Einstellung heißt Easing, und ein paar einfache Regeln decken fast jeden Fall ab.

Bewegung

Prefers reduced motion: Animation, die alle nutzen können

5 Min. Lesezeit

Für manche Menschen ist ein Parallax-Scroll oder ein zoomender Hero nicht schön, sondern schwindelerregend. Eine Einstellung verrät dir, wer sie sind. So respektierst du sie, ohne dein Design zu verlieren.

Bewegung

Animiertes Logo: so erweckst du dein Logo zum Leben

5 Min. Lesezeit

Eine Logoanimation sollte sich anfühlen, als würde das Logo Atem holen, nicht eine Nummer vorführen. Hier sind die wenigen Techniken, die funktionieren, und die Regeln, die sie geschmackvoll halten.

Bewegung

Live Wallpaper aus Farbverläufen: so machst du dein eigenes

5 Min. Lesezeit

Ein Farbverlauf, der langsam hinter deiner Uhr treibt, kann einen Bildschirm lebendig wirken lassen, ohne je Aufmerksamkeit zu verlangen. Die Kunst liegt darin, ihn langsam, dunkel und leise zu halten.

Bewegung

Motion Graphics für Marken, die keine Videos machen

5 Min. Lesezeit

Die meisten kleinen Marken posten Standbilder, weil Video wie ein zweiter Job wirkt. Ein langsamer Loop deines eigenen Looks, der sich unter stehenden Worten bewegt, bringt dich fast ans Ziel, ganz ohne Schnitt.