Beweging

Geanimeerde kleurverlopen, naadloze loops en beweging die natuurlijk voelt.

200 gidsen · 11 onderwerpen

Beweging

Geanimeerde kleurverloopachtergronden voor video en social

5 min lezen

Een geanimeerd kleurverloop kan eruitzien als licht dat door zijde beweegt, of als een screensaver. Het verschil zit in een handvol ontwerpkeuzes die je bewust kunt maken.

Beweging

Naadloze loopvideo: zo maak je er een die nooit verspringt

6 min lezen

Een loop die elke tien seconden één keer verspringt, is erger dan helemaal geen beweging. De oplossing is geen betere editor, maar beweging die is ontworpen om thuis te komen.

Beweging

Principes van motion design voor wie niet animeert

5 min lezen

Je hoeft geen animator te zijn om beweging te maken die klopt. Je hebt een paar principes nodig, een handvol tijdsduren en de discipline om minder te gebruiken.

Beweging

Video-achtergrond op je website: gewicht, autoplay en toegang

5 min lezen

Een bewegende hero kan een site levend laten aanvoelen, of traag, afleidend en moeilijk leesbaar maken. Het verschil is een korte lijst technische keuzes en ontwerpkeuzes.

Beweging

GIF, MP4 of WebM: welk formaat voor loops

5 min lezen

GIF is het formaat dat iedereen kent en dat bijna niemand op het web zou moeten gebruiken. Het is ook het enige dat in een inbox werkt. Welk formaat je kiest, waar, en waarom.

Beweging

Een Reels achtergrond ontwerpen voor Reels en TikTok

5 min lezen

Verticale video heeft een kader dat je niet helemaal in de hand hebt: bijschriften, knoppen en namen liggen erbovenop. Ontwerp de achtergrond voor de ruimte die overblijft.

Beweging

Easing uitgelegd: waarom goede beweging natuurlijk voelt

5 min lezen

Dezelfde beweging kan onhandig of moeiteloos voelen, afhankelijk van één instelling. Die instelling heet easing, en een paar simpele regels dekken bijna elk geval.

Beweging

Prefers reduced motion: animatie die iedereen kan gebruiken

6 min lezen

Voor sommige mensen is een parallax-scroll of een inzoomende hero niet leuk, maar duizelingwekkend. Eén instelling vertelt je wie dat zijn. Zo respecteer je die zonder je ontwerp kwijt te raken.

Beweging

Geanimeerd logo: zo breng je een logo simpel tot leven

5 min lezen

Een logo-animatie moet voelen als het logo dat een ademteug neemt, niet als een optreden. Dit zijn de weinige technieken die werken en de regels die ze smaakvol houden.

Beweging

Live wallpaper van een kleurverloop: maak je eigen

5 min lezen

Een kleurverloop dat traag achter je klok drijft, kan een scherm levend laten aanvoelen zonder ooit om aandacht te vragen. Het vakwerk zit in het traag, donker en stil houden.

Beweging

Motion graphics voor merken die geen video maken

6 min lezen

De meeste kleine merken posten stilstaande beelden omdat video als een tweede baan voelt. Een trage loop van je eigen look die onder stilstaande woorden beweegt, brengt je al een heel eind, zonder montage.