Dynamic background menu

A small animation created in Principle, which shows how immersive the hover effect on a button can be if supported by interactive elements.

//Aesthetic-Usability Effect
Aesthetic designs are perceived as easier to use than less-aesthetic designs. Keep it simple, compensate the lack of information with smooth and pleasant animations... it's all about the timing.

//Pro tip
When you export your animation in principle it's complicated to get the right timing: focus on the sequence and edit the video afterward (in this case I used Premiere Pro).
To create the .gif file open the exported video in Photoshop and be sure you're reducing the framerate to 25, otherwise the .gif will be too heavy for Dribble.

Follow me, new designs and animations are coming!
Don't forget to support my work pressing L, to show some ❤️

More by Ivan Capelli

View profile