Web motion trends #1
Insights
- 0 minuten leestijd
- Motion
Web motion is voortdurend in beweging. Het is een speels hulpmiddel om een aantrekkelijke en effectieve gebruikerservaring te creëren. In dit artikel bekijken we enkele inspirerende websites en trends.
Micro-animaties
Micro-animaties zijn kleine, subtiele bewegingen en animaties. Micro-animaties zijn doorgaans eenvoudig en subtiel van aard, met als doel de gebruikerservaring te verbeteren en interacties intuïtiever en plezieriger te maken. Hieronder een voorbeeld van florentbiffi.
De video toont een micro-animatie op de website van Florent Biffi waarbij er vanuit het woord “email” meerdere enveloppen geanimeerd wegschieten.
Meer voorbeelden
Glassmorphism
Glassmorphism is een ontwerptrend die in opkomst is en zich richt op het creëren van een glazen of doorzichtige esthetiek. Het concept maakt gebruik van verschillende visuele elementen om een realistisch glaseffect te creëren. Kenmerkend voor Glassmorphism is het gebruik van doorzichtige en semi-transparante oppervlakken, met een vaag, wazig effect dat doet denken aan matglas of glas met condensatie.
Het doel van Glassmorphism is om een moderne en elegante uitstraling te creëren die de gebruiker aantrekt en een gevoel van diepte en transparantie geeft aan de digitale interface. Het kan zorgen voor een verfijnde en futuristische uitstraling, terwijl het tegelijkertijd een intuïtieve en gebruiksvriendelijke ervaring biedt. Een prachtig voorbeeld van https://www.flshfrm.com/.
De video toont een glassmorphism-animatie waarbij transparante, glasachtige vormen met een wazig effect over elkaar bewegen terwijl een bal vloeiend op de achtergrond ronddraait.
Meer voorbeelden
Geanimeerde logo's
Steeds meer merken en bedrijven kiezen ervoor om hun logo te animeren om de online aanwezigheid te versterken, aandacht te trekken en een blijvende indruk achter te laten bij het publiek. Kayak doet dit uitstekend, trouwens één van onze klanten!
De video toont een logo-animatie op de website van Kayak waarbij eerst de letter “K” verschijnt, waarna de rest van het logo vloeiend geanimeerd in beeld komt.
Meer voorbeelden
Morphing
Morphing is een trend waarbij vloeiende overgangen en transformaties worden gebruikt om elementen op een website naadloos in elkaar te laten overvloeien. De trend maakt gebruik van geavanceerde technieken om elementen zoals tekst, vormen, afbeeldingen of illustraties soepel en vloeiend te laten veranderen van de ene vorm naar de andere. Het resultaat is een visueel aantrekkelijke en meeslepende ervaring voor de gebruiker. Bekijk hieronder een inspirerend voorbeeld van https://2authenticators.co/.
De video toont een morphing-animatie op de webiste van two authenticators waarbij een afbeelding zichtbaar is door een sleutelgatvorm en tijdens het scrollen vloeiend uitgroeit naar een afbeelding op volledige schermgrootte.
Meer voorbeelden
Geschreven door SeppeOp zoek naar inspiratie?
Wij zorgen voor gepast advies op het vlak van frontend development.
Contacteer ons