08 - Show/Hide

WEEKLY UPDATES | VIEW ALL MICRO-INTERACTIONS

Today's interaction is that little eye icon that lets you show or hide items in a list (like layers in After Effects). I couldn't decide on which one I liked, so I figured it would be nice to show both. 😉

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

The rules: Uploading three micro-interaction animations per week, 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 are JSON files, and the 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.

hide2.json
10 KB
Download
08_-_hide.aep
400 KB
Download
hide1.json
10 KB
Download
Posted on Jun 7, 2017

More by Eddy Gann

View profile