How's this button animation look?

C_Sharper · June 17, 2019, 9:46pm

Hey, so I just implemented a simple button animation for my menu buttons, to give it a little bit of “kick”.

Just wondered if there’s anything I could do better here, or if I should get rid of the animation entirely. Thanks!

Operatik · June 17, 2019, 9:48pm

Works smoothly, but it bothers me when you hover the mouse over the buttons. Am I really selecting it or something?

A suggestion would be adding some effect when hovering over the buttons.

C_Sharper · June 17, 2019, 10:21pm

I agree. Thanks for the feedback! I’ll mess around by adding different hovering effects to them.

TheCarbyneUniverse · June 17, 2019, 10:27pm

Yes, adding a hover effect will differentiate buttons from our UI elements.

harule · June 18, 2019, 3:31am

I recommend adding hover and click effects for the arrow icons as well (maybe darken the arrow or darken it’s background). The animations look pretty good.

7kayoh · June 23, 2019, 7:11am

Looks smooth and simple. Nice UI design by the way.

Definition · June 24, 2019, 9:47am

I really like your UI! It’s very simplistic and modern looking. The only improvement I would suggest is to add a hover effect to the buttons. Since the cursor isn’t very exact, a hover effect that just changes the brightness of the button background a little bit would make your design a lot better!