Live data from Hacker News

Animated Vector Icons

livicons.com

21–30 of 58 posts

Re: Animated Vector Icons

#24

Sorry in advance for being negative, it's not these particular buttons that are problematic, they're technically very nice, its animated icons/buttons/logos in general that I think we should consider visually upsetting. Here is my reasoning: The genius of gradients and shadows in design is that they allow for objects to appear 3D, that is, they can visually "pop" off the flat page and therefore draw the users' attent…

That was the word I was completely unable to recall: affordance. Yes, that's exactly where you might find these icons useful. (We can agree to disagree on whether the content of the icons is whimsical or annoying.)

Re: Animated Vector Icons

#26

Sorry in advance for being negative, it's not these particular buttons that are problematic, they're technically very nice, its animated icons/buttons/logos in general that I think we should consider visually upsetting. Here is my reasoning: The genius of gradients and shadows in design is that they allow for objects to appear 3D, that is, they can visually "pop" off the flat page and therefore draw the users' attent…

These icons are perfect for just that, making the most important thing on the page pop. The usual way we see this is a "call to action" button, but I think these sort of high-quality SVG buttons with just a bit of movement may do the same job in a more subtle manner.

Re: Animated Vector Icons

#27
Regardless of what others have said, I think using these in special circumstances is perfect. They are quirky, fun, and well designed. I look forward to using them in a fun design in the future.

My favorites are (1) Upload, (2) Chrome, (3) Android, (4) and the Spinners. Thank you very much!

Re: Animated Vector Icons

#29

On the demo site( http://codecanyon.net/item/livicons-303-truly-animated-vecto... ), some of the icons don't have any animation as far as I can tell from my browser (Chrome on MacOSX). Is it just me?

There is a notification on the site that says only some are animated:

"On this demo site the most part of the icons are in a static mode with disabled animation to prevent an unauthorized use. To see all of them in action please look at the LivIcons preview video below."

Re: Animated Vector Icons

#30
I'm not sure why the comments are so negative. There are definitely huge problems that can crop up when using animated icons. I don't think the author is advocating that anyone animate every icon on their site like they did on this example landing page.

That being said, the problem I have with this is that a lot of the animations aren't very good. For example the "user" icon animates by the user's head barely moving. That doesn't mean anything. It's just pure distraction. It's animating for the sake of animating, not for the sake of explaining.

Post reply on HN