01 - Menu Button

01 - Menu Button

Every week I will be creating three micro-interactions and sharing them here.

I decided to kick things off with a classic hamburger button.

------------------------------------

The rules: I will only be using black, white, and grey (very select use of red for error states and the like). This will be not only for the challenge, but also to make sure the focus is on the interaction and animation. Also, I will be trying my best to make sure these animations are compatible with the Lottie library so they can be used in web/software projects easily.

Attached is a JSON version of this animation, as well as an After Effects file for reference.

If you like this series hit that L and leave me a comment on any feedback you may have on these animations. Follow the whole project here or get weekly recaps in your Inbox.