Animated Vector Icons

#1

Post by fady » Fri, May 03, 2013, 5:33 PM UTC

Re: Animated Vector Icons

#2

Post by davefp » Fri, May 03, 2013, 6:15 PM UTC

I feel like some of the icons (PayPal and WordPress in particular) are animated for the sake of being animated.

overall, I feel that making every little button wiggle when I mouse over it would be distracting rather than helpful. I can't see myself using these.

Re: Animated Vector Icons

#3

Post by ffn » Fri, May 03, 2013, 6:17 PM UTC

Oh wow, this is kind of fun. Might definitely use on some of my quirkier sites. Thanks OP

Re: Animated Vector Icons

#4

Post by PixelCut » Fri, May 03, 2013, 6:22 PM UTC

Our app WebCode (http://www.webcodeapp.com) makes creating Canvas-based graphics like these much easier. It is a vector drawing app that instantly generates JavaScript Canvas code.

Re: Animated Vector Icons

#5

Post by notjustanymike » Fri, May 03, 2013, 6:23 PM UTC

davefp wrote: post #2

I feel like some of the icons (PayPal and WordPress in particular) are animated for the sake of being animated. overall, I feel that making every little button wiggle when I mouse over it would be distracting rather than helpful. I can't see myself using these.

I would treat this like a desert wine. You're not going to drink the whole bottle, but a small glass at the end of dinner is nice. You could do the same on an e-commerce site - work through the checkout process normally, and then make "Confirm purchase" button more fun to click.

Re: Animated Vector Icons

#6

Post by blktiger » Fri, May 03, 2013, 6:27 PM UTC

davefp wrote: post #2

I feel like some of the icons (PayPal and WordPress in particular) are animated for the sake of being animated. overall, I feel that making every little button wiggle when I mouse over it would be distracting rather than helpful. I can't see myself using these.

I can see using these, but only sparingly. I don't think I'd use that preview eyeball. It's kind of creepy... :)

Re: Animated Vector Icons

#7

Post by fady » Fri, May 03, 2013, 6:33 PM UTC

davefp wrote: post #2

I feel like some of the icons (PayPal and WordPress in particular) are animated for the sake of being animated. overall, I feel that making every little button wiggle when I mouse over it would be distracting rather than helpful. I can't see myself using these.

yeah, i kinda thought that same thing. these would be good to use for certain projects and in certain situations, but i don't think i would replace static icons with animated, ever.

Re: Animated Vector Icons

#8

Post by tlarkworthy » Fri, May 03, 2013, 6:38 PM UTC

davefp wrote: post #2

I feel like some of the icons (PayPal and WordPress in particular) are animated for the sake of being animated. overall, I feel that making every little button wiggle when I mouse over it would be distracting rather than helpful. I can't see myself using these.

Good for distracting a user on a slow ajax day

Re: Animated Vector Icons

#9

Post by trebor » Fri, May 03, 2013, 6:50 PM UTC

This is the Geocities of vector art. I don't see this as a good thing, I see this as a poor compensation for bad interface design. If your icon needs animation for it to make sense to your visitor you're doing it wrong.

Re: Animated Vector Icons

#10

Post by Breefield » Fri, May 03, 2013, 6:51 PM UTC

I've been mulling over these kind of animated icons after seeing the little weather icons on http://forcast.io. Seems like it would be extra neat to make this a webfont somehow (swapping out 'frames' of font-data under the font name alias). However pretty unnecessary, considering the LiveIcon perks of using data attributes to specify loops, etc.