Lo-Fi Space Guy
Daily UI Design Challenge #011: Flash Message (Error/Success)
Good Spread
I recently had the opportunity to animate some looping animations for Good Spread's new website.
Good Spread makes delicious, natural peanut butter, and for every jar sold, they provide a treatment of therapeutic peanut butter to a malnourished child.
Here's the video we cut together showing the 4 different backgrounds that appear on the homepage.
Biggest of shoutouts goes to Blake Suarez for his great illustration work!
Dagger Icon
GV Page Transition
Wanted to make the website feel a bit more of like seamless app. When the user leaves a page, the elements animate out while the next page gets loaded in (so there's no delay). When the page the user is navigating to loads, those elements animate in. We found there really wasn't a noticeable delay so adding this animation didn't hinder any UX.
Check it out live at: http://gv.com
60 FPS video of that GIF: https://www.dropbox.com/s/t9ri5ladtvz0cwe/gv-page-transition.mov?dl=0
The Mountain
Oliveboard, part 2
Hey everyone!
We keep on going towards beauty! Today we’d like to show you a launching screen of “Oliveboard” app.
On the “Overview” tab, a user can track his activity. Two other tabs show data that is thematically related to “Learn” or “Practice” sections. And there is an enjoyable interactive animation among all this data, info, figures and high-tailored terms : )
Thanks Aslan A. for animation and Ramotion for free “HTC One A9” mockup ^_^
Weka - Tutorial icon
We're hiring!
Building And Morphing
A quick building and morphing animation.
If you like it, be sure to check out my Facebook Page for more cool stuff and freebies!
Russian Stereotypes
Glory Boy
Dancing Scout
Diamond Screenprint
Dance Party.
NL Stadium
Love Factory
Principle File 01: Ink Ripple
I've been working a lot recently in Principle to create subtle animations and prototypes. Something this simple can be done within 1-2 minutes. I provided a working file to check out.
One of the best things for a beginner to learn is masking objects by using groups. You can group a single element, create the bounding box, and then clip sublayers, meaning that the layer itself will never appear outside of the bounding box. This is the key to creating the ink ripple effect on touch.
I'll be posting more soon so stay tuned!