waves

Insights

Web motion trends #1

💫 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.

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/.

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!

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/.

Seppe

Seppe - Motion Lead

Delen:

Op zoek naar inspiratie?

Wij zorgen voor gepast advies op het vlak van frontend development.

💌

Insights

Meer inzichten

nuxt-gsap

💫 Motion,
🛠 Frontend development

Motion Library

Om een aantrekkelijke en moderne UI te bekomen, is het animeren van een website van groot belang. Daarom hebben we bij Appeel gewerkt aan een animatie project “Motion library”. In dit project worden verschillende componenten van een website geanimeerd en de code ervan getoond om zo als inspiratiebron te dienen voor alle collega’s van Appeel.