Animaties in de Designer

De meeste elementen in een ontwerp kunnen op het scherm bewegen. Een kop kan inschuiven, een prijs kan zachtjes pulseren en een foto kan zweven. Je stelt dat per element in de Designer in en je schermen spelen het automatisch af.

Een element laten bewegen

1. Open je ontwerp in de Designer en selecteer het element.
2. Klik op Animeren in de balk boven het canvas. Is het venster smal, dan vind je die knop onder de knop met de drie puntjes aan het eind van die balk.
3. Kies een animatie bij Binnenkomst, bij Doorlopend of bij allebei.

Wil je een animatie weghalen, zet hem dan terug op Geen.

Binnenkomst

Een binnenkomstanimatie speelt af zodra het ontwerp op het scherm verschijnt. Je kunt kiezen uit:

• Infaden
• Inschuiven links of Inschuiven rechts
• Inschuiven omhoog of Inschuiven omlaag
• Inzoomen
• Instuiteren

Stel in hoe lang de animatie duurt en hoe lang hij wacht voordat hij begint. Geef elementen na elkaar een iets langere wachttijd, bijvoorbeeld eerst de kop en dan de prijzen, dan bouwt je ontwerp zich stap voor stap op.

Doorlopend

Een doorlopende animatie blijft doorgaan zolang het ontwerp op het scherm staat. Je kunt kiezen uit:

• Pulseren: het element wordt steeds een beetje groter en kleiner.
• Draaien: het element draait rond.
• Stuiteren: het element springt op en neer.
• Zweven: het element drijft langzaam op en neer.

Met de schuifjes voor snelheid en intensiteit bepaal je hoe snel en hoe sterk de beweging is. Een element kan tegelijk een binnenkomstanimatie en een doorlopende animatie hebben: de doorlopende animatie start zodra de binnenkomst klaar is.

Je animaties bekijken

Klik bovenin de Designer op de knop Voorbeeld, vlak voor de knop Download, om het ontwerp te zien bewegen. Heeft je ontwerp alleen binnenkomstanimaties, dan sluit het voorbeeld zichzelf als ze klaar zijn.

Op je schermen

• In een afspeellijst speelt de binnenkomst elke keer af als het ontwerp in beeld komt.
• Staat het ontwerp als enige op een scherm, dan speelt de binnenkomst één keer af bij het laden en blijven de doorlopende animaties doorgaan.

Goed om te weten

• Apps, afspeellijsten en QR-codes in een ontwerp kun je niet animeren.
• Tekst die over het scherm loopt is geen animatie. Voeg in plaats daarvan de app Scrollstrook toe aan je ontwerp, via het paneel Apps in het menu links in de Designer. Zie Informatie-apps: weer, klok, nieuws, tickers en meer.
• De AI Assistent kan animaties voor je instellen terwijl je ontwerp open staat in de Designer. Vraag bijvoorbeeld: "laat de prijzen pulseren" of "laat de kop inschuiven".

Tip

Beweging trekt de aandacht. Animeer één of twee elementen, zoals het aanbod van de dag, en laat de rest stilstaan. Zo blijft het scherm rustig en goed leesbaar van een afstand.

Zie ook Een ontwerp maken in de Designer.