Testing Framer and its animation panel.
Framer.Device.deviceType = "iphone-6-silver-hand"
background = new Layer
background.backgroundColor = "#79A2FE"
smile = new Layer
smile.on Events.MouseOver, ->
I'm happy to share the very first shot of the travel app I‘m currently working on. This travel app is fully designed in @[50942:InVision] Studio which btw is a great tool for designers. Thanks to the implementation of Design tools & Motion interactions, Studio is very easy to use. Honestly, the tool is not perfect right now (as it crashes sometimes) but with every update on the app it is getting better. Till now I've designed about 10 screens and everything is supercool in Studio.
This time I was inspired from Instagram's stories layout and implemented it in popular destinations slider. You can swipe left and right to explore popular destinations and swipe up to get the details about that destination. You will get all the info About the place, Top experiences, Image Gallery, Ratings and Reviews by people around the world, Plan a trip, Themes like (Honeymoon, Nature, Adventure, Family, Friends etc).
I hope you like it!
Interaction Video and more screens coming soon :)
Show us love! Press "L"
Let me know your thoughts in the comments
You're always welcome to visit our amazing Blog
Want to see our design portfolio? Visit our Profile and remember to follow us :)
Content is not ready yet so i've used it from Lonely planet just to show.
Images from Unsplash and Pexels
Daily UI Challenge #010, fun share wheel interaction animation.
I'm trying to document my daily process on twitter, check it out @datguyale!
Read the post here:
This is the first case study in a series Im doing about motion graphics+user experience design. It's a boiling field at the moment, but so few that dive into it. Is there anyone else out there that calls themselves a MXD? (motion experience designer) Would love to chat :)
PRO TIP - If you want to entice the user to interact, match the movement to the desired action: If you want the user to swipe horizontally in a regular post on instagram, make the content move in that direction. If you want the user to swipe up in your stories, well then, let the animations have an upward movement.
Read the post here: