Where are all the animated SVGs?
getmotion.io
Where are all the animated SVGs?
1–10 of 200 posts
Re: Where are all the animated SVGs?
#2I, for one, don't want this. At all. Taking a look at my screen right now, there are probably close to a hundred or so icons in various applications visible on my desktop. If all these icons were wiggling and dancing, distracting me in my peripheral vision, it would be infuriating. I already had to disable animation in Slack due to the constant barrage of animated emojis. Let's not just do this because we can.
Re: Where are all the animated SVGs?
#3Windows 10 has some not so nice things to say when trying to open the .exe
Re: Where are all the animated SVGs?
#4SVGs in general seem to have had quite a poor adoption rate. Editors for them are fewer, paint can't open or edit them, and support for them is iffy with even google docs not supporting the format for importing an image.
Re: Where are all the animated SVGs?
#5I, for one, don't want this. At all. Taking a look at my screen right now, there are probably close to a hundred or so icons in various applications visible on my desktop. If all these icons were wiggling and dancing, distracting me in my peripheral vision, it would be infuriating. I already had to disable animation in Slack due to the constant barrage of animated emojis. Let's not just do this because we can.
Even within the article there's already one that's questionable from an accessibility standpoint - the speeding train makes me a bit nauseous to look at and might present difficulties to users with balance or ocular disorders.
Also, I can't agree with "Let's not just do this because we can." enough.
Re: Where are all the animated SVGs?
#6I, for one, don't want this. At all. Taking a look at my screen right now, there are probably close to a hundred or so icons in various applications visible on my desktop. If all these icons were wiggling and dancing, distracting me in my peripheral vision, it would be infuriating. I already had to disable animation in Slack due to the constant barrage of animated emojis. Let's not just do this because we can.
You can do nice things with hover events without creating a distracting mess.
Re: Where are all the animated SVGs?
#7I, for one, don't want this. At all. Taking a look at my screen right now, there are probably close to a hundred or so icons in various applications visible on my desktop. If all these icons were wiggling and dancing, distracting me in my peripheral vision, it would be infuriating. I already had to disable animation in Slack due to the constant barrage of animated emojis. Let's not just do this because we can.
Totally agreed. The author isn’t wrong about the workflow issues around svgs, but icons are not usually animated for good reason.
The human eye is very sensitive to motion. It can be a fun thing to add to loading screens (the gusto pig, for example), but icons are designed to live on a page for a long time and only take our attention when we are actively looking for them. Motion is not good for this purpose.
Re: Where are all the animated SVGs?
#8Motion is a design tool like any other and can be abused if it's overused.
A button that's a bright color will draw the eyes to that particular element... until that element is everywhere on the page. At that point it just becomes visual noise. Passively animating icons everywhere are a terrible choice, as it doesn't give the eye any focal point.
Animations for icons are great if it's an ongoing task that will likely be completed shortly, but that's about it. You should use motion to draw the eyes to one specific thing on the page, and in general when doing motion design I try and only animate one thing on the page at once.
Re: Where are all the animated SVGs?
#9From dev perspective, SVG support on Android is surprisingly bad / hard to get right, same on native iOS
Re: Where are all the animated SVGs?
#10What does it add?