mboost-dp1
Hvordan tester I SVG-animationer på tværs af browsere?
Jeg arbejder med SVG-animation til ikoner og logoer og er nysgerrig efter, hvordan andre tester bevægelse på tværs af browsere og skærmstørrelser. Jeg er tilknyttet SVG Animation, et browserbaseret værktøj til at animere SVG med presets eller AI, justere kilden og eksportere til SVG, GIF eller MP4. Projektet findes her:
https://svganimation.app/
En udfordring ved små ikoner er, at en animation kan se fin ud alene, men virke for hurtig eller distraherende i en rigtig brugerflade. Jeg tænker derfor på at sammenligne en kort loop med en statisk version i den samme layoutkontekst og kontrollere både læsbarhed og timing ved forskellige skalaer.
Hvordan griber I test af animationer an, især når brugeren foretrækker reduceret bevægelse? Foretrækker I CSS, SVG-animation eller en anden tilgang til at give en brugbar fallback? Og hvilke forskelle mellem browsere bør man være særligt opmærksom på, før man lægger et animeret ikon på en offentlig side?
Jeg vil gerne høre om konkrete testmetoder og faldgruber, ikke kun valg af værktøj.
https://svganimation.app/
En udfordring ved små ikoner er, at en animation kan se fin ud alene, men virke for hurtig eller distraherende i en rigtig brugerflade. Jeg tænker derfor på at sammenligne en kort loop med en statisk version i den samme layoutkontekst og kontrollere både læsbarhed og timing ved forskellige skalaer.
Hvordan griber I test af animationer an, især når brugeren foretrækker reduceret bevægelse? Foretrækker I CSS, SVG-animation eller en anden tilgang til at give en brugbar fallback? Og hvilke forskelle mellem browsere bør man være særligt opmærksom på, før man lægger et animeret ikon på en offentlig side?
Jeg vil gerne høre om konkrete testmetoder og faldgruber, ikke kun valg af værktøj.
Opret dig som bruger i dag
Det er gratis, og du binder dig ikke til noget.
Når du er oprettet som bruger, får du adgang til en lang række af sidens andre muligheder, såsom at udforme siden efter eget ønske og deltage i diskussionerne.
- Forside
- ⟨
- Forum
- ⟨
- Software
Gå til bund