Journal
Viewing entries tagged
web-animation
Happy New Year!
2018 were a really interesting year in business. I had a lot of different kinds of projects and I want to update the site though out January (hopefully if I have time, but who knows).
I made my first book for large scale printing. It’s a handbook about art. Take a look at the page.
I made more web-animation. This time a singing symbol for the app Voisey.
See this great interview with Rich Fulcher a thought full speaker with lots of great tips to any designer.
I'm not really a huge fan of Material Design or Google design decisions in general. It's never flawless and to many visible mistakes. Hard to pinpoint a good example, but there's a lot (why isn't there a google image search for iPad?). I know they user test a lot, but hmm, still there's some strange over locked stuff.
Anyway, I like his conclusion, that I also can stand by, is that animation, or motion design is the future on web forward. Still lifeless slides is about to end.
I'm working on new ways of using animation and there will be some work presented in the future. But for now I have two great examples: https://www.filmskolen.no (scroll down and up and look at the logo) and Vibble app intro: https://www.vibble.co (Just download the app and see :)
Rich Fulcher leads Material Design and Engineering at Google. In this episode, he walks us through the story of how Material Design came out, what's involved in building your own design system, and the importance of investing in your design culture and how you grow talent.
Photo by Edho Pratama on Unsplash
I've been working with Neue on several projects this year and now a new part of my work has been released. It's logo web-animation to the site Den Norske Filmskolen (DNF).
This project I needed extra reinforcement because it needed java scripting, and my buddy Ola Marvin Leier were up to the task. I made the animation of the DNF logo and he did the scripting trickery to make the logo move and behave as we wanted it. When you scroll it activates the animated sequence, and to add some randomness if you reload or explore the site the animation have different states. And maybe the best part the size are tiny, for the animation around 18 KB.
This is a relative new way of creating flexible and tiny sized animations for the web using After Effects, bodymovin and java scripting.
See the logo animation in action here, and remember to explore the site:
