Home » Artikelen » Vernieuwingen » Nieuw in Bloom: Animaties

Nieuw in Bloom: Animaties

29 mrt 2018

Tim Menting: Projectmanger & Klantsucces

Tim Menting

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.

Gerelateerde artikelen

Nieuw in Bloom: Mega tekst update

Nieuw in Bloom: Mega tekst update

In de 1.2.0. update van Bloom is nu ook veel meer mogelijk met betrekking tot het bewerken van tekst. Zo heb je onder ander nu keuze uit 800 lettertypes.
Ook zijn er ontzettend gave functies toegevoegd, waardoor je meer keuze hebt in het bewerken van je teksten.
In dit artikel wordt precies uitgelegd hoe je hier gebruik van kan maken en wat er allemaal mogelijk is.

Lees meer
Bloom v1.3.3 update

Bloom v1.3.3 update

Normaal gesproken kondigen we alleen grotere updates aan per mail en blog, maar deze update wilde ik toch even uitlichten. Er zijn namelijk een paar wijzigingen, waar ik persoonlijk erg enthousiast over ben!

Lees meer
Nieuw in Bloom: Filters

Nieuw in Bloom: Filters

In update 1.2.0. hebben we de mogelijkheid toegevoegd om filters toe te voegen. Deze filters kun je toevoegen aan secties, rijen en modules.
Door hier mee te spelen kun je prachtige dingen creëren.
Zie in dit artikel een paar voorbeelden die wij gemaakt hebben en bekijk hoe jij er gebruik van kunt maken.

Lees meer

0 reacties

Een reactie versturen

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *