LÜKS iOS App Interactions (3/3) – Card Animations

This animation shows morphing between three states that each card in this app has. From Placing the order to specifying the details and waiting for delivery.

The UI is a mix of Material and HIG, as you can see all the animations gravitate to your finger, but the appearance of the card and the way it gets pressed down when you tap it are custom. Also the ripple effect looks different then original one in Material, and I've added the reverse ripple too.

This was my first try to actually build an interface in Xcode, and to blend Material and HIG so let me know what you guys think of it.

It's the third of three shots related to interactions within this app.

Please like it if you like it or View Full Project on Behance

More by Max Prodaniuk

View profile