Nieuw in Bloom: Animaties

29 mrt 2018

Tim Menting: Projectmanger & Klantsucces

Tim Menting

Projectmanger Bloom

Na de Bloom V1.2.0 update kan iedereen nu super mooie en uitgebreide animaties toevoegen aan alle secties, rijen en modules.
Door middel van deze animaties kun je de pagina dynamischer maken en bepaalde stukken echt laten opvallen.
Wat heel erg belangrijk is, is de balans vinden tussen content met een animatie en content zonder. Want op het moment dat je te veel animaties gebruikt en jezelf hierin verliest, dan wordt het erg vervelend voor de bezoeker. Verlies je dus niet in deze animaties en zorg ervoor dat je pagina nog steeds rust uitstraalt.
Maar op het moment dat je deze balans hebt gevonden kun je jouw bezoekers op een prachtige manier door je pagina’s begeleiden.

Je hebt de keuze uit 7 verschillende varianten animaties, die je allemaal kunt aanpassen. Met elke animatie kun je een uniek effect geven aan allerlei content.

Bekijk onderstaande video voor meer informatie:

Hoe werkt de animatie?

Omdat je elke sectie, rij en module een animatie kunt geven kun je een unieke dimensie toevoegen aan je pagina’s en artikelen. Dit stuk is nu verschenen door de achterkant een animatie te geven, het tekstblok wat hierin staat en de verdeler die eronder hangt.
Wat je nu gezien hebt is 1 van de oneindige combinaties die je kunt maken! Maar denk eraan, sla er niet in door…

Fijn in gebruik

Hoe gemakkelijk kun je een animatie toevoegen?

Aan elke sectie, rij en module kun je dus nu een module toevoegen, maar hoe doe je dit?
De animaties kun je altijd op dezelfde plek terugvinden. Open de instellingen van de sectie, rij of module waar je een animatie aan wilt toevoegen. Dit doe je door op het tandwiel icoon te klikken. Ga vervolgens naar het tabblad “Ontwerp” en scroll naar beneden tot je “Animatie” ziet staan.
Als je deze open klikt dan zie je de verschillende standaard animaties verschijnen. Je hebt 7 verschillende animatie opties:

Vervagen

Bounce

Tikken

Roll

Dia

Zoom

Fold

Zodra je de animatie gekozen hebt, kun je elke animatie op ongeveer dezelfde manier aanpassen.

  • Je kunt kiezen of de animatie na 1x stopt, of dat deze doorgaat.
  • De richting van de animatie kun je veranderen
  • De animatie kun je langzamer of sneller laten gaan.
  • Ook kun je bepalen hoelang het duurt voor de animatie start.
  • Je kunt bepalen hoe goed de animatie te zien in
  • En je kunt bepalen op welk deel van de animatie deze start.

Zoals je misschien wel ziet, zijn er ontzettend veel mogelijkheden en kun je de animaties helemaal naar wens gebruiken.

Door middel van animaties te combineren kun je prachtige dingen maken!

Verlies je focus niet

Animaties zijn een toevoeging

Voor ik je meer voorbeelden ga laten zien, wil ik even meegeven, dat het spelen met deze animaties je niet moet afleiden van je doel.
En als het goed is, dan is je doel om zo snel mogelijk een goed werkende website online te hebben staan.
Animaties zijn een toevoeging, maar het is niet de doorslaggevende factor voor een bezoeker. Sterker nog, als je er in doorslaat dan kan de bezoeker het als onprettig ervaren.
Focus dus eerst op de lancering van je website en ga daarna de animaties ontdekken.

Hoe eerder je website online staat, hoe eerder jij weer meer mensen kunt helpen. Houd er rekening mee dat de animaties jouw bezoeker moet aantrekken. Houd bij het werken met animaties dus je doelgroep in je achterhoofd.

In Bloom V1.2.0 zijn onder andere de volgende functies toegevoegd:

Animaties
Box shadow
Mega tekst update
Tekst schaduw
Uitgebreidere rand design mogelijkheden
Filters
Sectie verdelers

Klik op een link om naar het artikel te gaan.