Fantasy is a human-centered UI & UX lab working with in-house teams since 1999 they are based in San Francisco and New York City. If you are like me and visit Dribbble on a daily basis for some visual inspiration you probably saw their work because they put together some incredible work that of course gets featured and promoted to the front-page. I love the quality of their visual design but especially their motion design work. To showcase a bit of that I will share here with you some of my favorite shots from the Fantasy team. For more information about Fantasy make sure to check out their website at http://www.fantasy.co/
It's awesome to see web design moving towards the editorial design and also how motion design has huge impact in todays design in general. The Herman Miller redesign concept is an awesome example of beautiful typography, imagery and of course subtle animations to create an elegant and engaging experience. About the project Herman Miller redesign concept, providing a highly immersive experience to the user from beginning to end by use of big imagery, quality content, bold typography, clean navigation and slick interactions. This direction could help evolve their eCommerce experience in an effort to drive better conversions. Motion Study This project was created by Rahul Bhosale and Jekin Gala. For more information check out https://www.behance.net/gallery/35756911/Herman-Miller
The importance of personal projects can never be overstated. I started ABDZ almost 10 years ago and I have learned so much since then. The project that Mark Pearson shared on his Behance page is a good example of exercising skills to improve and learn more about our craft. He played with dots and clever motion design to create super cool animations. I am sure those will be useful for him in the future. Personal project exploring relationships in form, color, and motion. I've been trying to post one a week on http://dribbble.com/markpear over the last several months. Below is a collection of some of the more popular ones along with a compilation video featuring music by http://pogomix.net/. Enjoy! Mark is a Graphic Designer, Animator, Interaction Designer, and 3D Modeling/Rendering enthusiast. He specializes in unifying these mediums within the software development process to create experiences that empower, inspire and delight. For more information check out https://dribbble.com/markpear Video
If you think about it, there might be an app for that. It's crazy to think that it hasn't been 10 years since mobile apps really took off and today they are part of our digital lives. With a plethora of apps it's hard to differentiate yours from the rest, but sometimes neat illustrations and good design can help. D-D Play is an app that mixes low poly 3D illustrations with a modern UI to offer info about the weather. D-D Play app was designed by 灰 昼, a designer from Beijing, China. He focus his work on motion design, UI and UX. For more information check out https://www.behance.net/NoirChen Video
I have been working on the Abduzeedo app for Android as a side project with an end goal of learning how to create Android apps from scratch. Admittedly, this has proven to be quite challenging for someone with subpar coding skills. I am at the phase of adding some animations, or trying to, so I decided to create a simple mood board. This feature is a summary of some of the designs I collected for inspiration. This post is a collection of motion designs found on Dribbble created by various talented designers. Make sure to click on the images to find out more about the designers behind these beautiful works.
I am always amazed to see the evolution of the design community and the adoption to new styles and techniques. Motion design seems to be taking over, not only in the design industry, but everywhere. Apps like Snapchat are proof to this evolution and it gives a glimpse of a day where no more static images will be seen. Until then I hope we find a better format than GIF. That said, for this post I want to share some beautiful examples of typography in motion created by Starov Evgeniy and Dubnichenko Alexey. The main idea of this collection is to show new vision of using lettering logos combining animation and calligraphy. Each of these works have their own style and animation details so they can be placed in any kind of media space and become a part of the branding. For more information check out https://www.behance.net/Starov
It is amazing to see how much the design community changes and with great sites to follow like Dribbble, Behance and many others we can compare the various shifts. Around 5 years ago, skeuomorphism was huge, then some ornamental typography. After that everything went vector and flat. Little by little things started getting more bold strokes, sometimes even with some depth. Now I feel that motion design is the new cool thing and in my opinion it's awesome. There are so many cool examples of little moments of delight that can be added with simple, yet playful animations. Gal Shir a product designer and art director from Tel Aviv is exploring and pushing this trend in an inspiring way. His animations are very smooth, stylish and super fun. In this post I wanted to feature some of them with you guys. For more information make sure that you visit his Dribbble profile to check out his full portfolio.
There are quite a few things I like to do before opening my computer and using a design tool like Sketch of Photoshop. One of the first things I do is a competitive analysis and right after some simple mood boards with references for things like animation, typography, colors, simplicity. I feel that this step gives me a broader view of possible solutions done by other designers. The process is simple, I just collect as many images as possible and the those that I think are the best fit for each case. For this post I want to share some simple images of UI animations. They are from Pinterest and Dribbble. I used them as references for some personal projects I am working on. The cool thing about this images is that they are pure visual and motion references. I don't pay attention about technical feasibility or anything.
Today, November 25th, the world celebrates 100 years of Einstein's theory of General Relativity. As a fan of science and having Einstein as one of my personal heroes I couldn't let this date pass in vain. After reading several books, biographies and articles about Einsteins contributions to the understanding of our universe, still today it blows my mind to think what he was able to accomplish with just pencil and paper. As he said to one of the Princeton guys when he accepted his post there, he needed just pencil and paper and a lot of eraser. Einstein's work with the General Relativity allowed us to understand how gravity affects the space-time continuum and gave us a glimpse of how the universe works. The idea of black-holes and that the universe is expanding were all predicted by the genius of his work. As a non-scientist, the movie Interstellar gives a glimpse of Einsteins theory and how it would affect us when traveling to different galaxies. The space-time continuum is a mathematical model that joins space and time into a single idea. This space-time is represented by a model where space is three-dimensional and time has the role of the fourth dimension. Another great way to understand more about General Relativity is to check out the video that Eoin Duffy put together to celebrate this important date and to pay homage to Einstein's theory. Check out and you understand why Einstein is for me one of, if not the, brightest mind that ever lived in this little blue dot. Credits JAMIE LOCHHEAD - Writer / Producer EOIN DUFFY - Design / Animation DAVID TENNANT - Narrator WESLEY SLOVER - Sound Design ANAÏS RASSAT Writer / Science Outreach / Communication A WINDFALL FILMS production for the SCIENCE & TECHNOLOGY FACILITIES COUNCIL Eoin Duffy is an Irish filmmaker now living and working in Vancouver Canada. Eoin has created a body of independent work that has gone on to secure multiple accolades including a dozen major festival wins, 3 Oscar accredited festival wins, a nomination for the upcoming European Film Awards, an IFTA nomination and a shortlisting for the 86th Academy Awards.
Today I bring to you some motion design inspiration from the super talented Francesco D'Ambrosio and Annarita Milella, an Italian designer duo based in Edinburgh. They have been crafting animations and motion design since 2012. The cool thing about their work is that they explore and mix styles keeping up to date with the trendy vector style but also combining with more traditional styles. For more information check out http://www.fabdesign.info/
Motion design is still an area that I am a complete newbie but I am learning to admire and understand some of the subtleties that make this field so incredible for me. For this post I want to share a beautiful project created by Martijn Hogenkamp a Creative Director from Amsterdam, Netherlands. The simplicity and the style of the work makes each frame worth of a poster, check it out. For our good friends Leadsmen, a Dutch electronic outfit, we’ve created a teaser for their album Arctic, which was released the 21st of April 2015. When listening to the pre-release we immediately were inspired by the dark, pulsating soundscapes layered with bubbling synths and pounding percussion. We decided to jump the gun and created this moody teaser in a turnaround of just two days. Leadsmen | Arctic from PlusOne on Vimeo. For more information check out http://www.plusoneamsterdam.com/work/show/arctic
Motion design, and animation in general, is something I wouldn't consider to be one of my strengths. Not only due to technical knowledge, but there's something else more related with timing and natural motion that is pretty hard for me to translate into any digital format. Seeing the work that Tom Alex Buch did for Verizon Fiber makes me acknowledge that and admire people that are able to execute with precision. Especially when we are talking about stop motion animation. Check it out, it's simply amazing. The Brief: Design and figure out how to create animated hand made feeling wire sculpture stop motion for Verizon fiber optics. At Psyop I visualized these motion tests and styleframes within the challenging timeframe of 3 days. For more information about Tom Alex check out his incredible work at http://www.tomalexbuch.com/ Motion test 1 Motion test 2
It is awesome to see more and more people playing with Material Design. The Google visual language is much more than visual design, it is comprehensive and it blurs really well the lines that separate visual, UX and motion. It also an incentive for new designers to sharpen their skills and focus more and more on becoming great product designers. On this post today I will share some great examples of Material Design from MaterialUp, a great site that aggregates explorations on Google's design language. For more information check out http://www.materialup.com/
Jovie Brett is a young IT student with some really good motion design explorations following the Material Design guidelines that Google released last year at Google IO. The quality of the animations are top notch and they really expressed what Google designers intended in terms of continuity and context. We selected a few examples of Jovie's work but make sure to check out his Dribbble profile at https://dribbble.com/bretbardolees for even more inspiration.
Motion design has become a super important part of any mobile app design. Smooth animations and the right curves can give to your product a much more refined look and feel. We see simple bounce and elastic effects give a organic feel, because that's the way we things happen in real life. Apple has been exploring this for a long time and more and more we see product designers working closer with motion designers to enhance the user experience. A good example of some motion design is the Music Application project by Sergey Valiukh. Sergey is an art director, graphic designer, motion designer, architect from Dnipropetrovsk, Ukraine. For more information visit http://valiukhsergey.com/ Hey buddies! Today I want to share introductory screens animation. The app allows to upload music files to your account, listen to songs, create parties sharing music to all available devices nearby. The app's motto is Listen! Synchronize! Via Behance
Motion design has become one of the hottest areas in terms of UI design. Attention to detail has gone further than just graphics but also how UI elements behave when touched or new content is loaded. Ion, an animation and motion design studio from Barcelona, shared some beautiful work executed for the app Wyldfire illustrating motion design at its best. For more information check out the app at http://www.wyldfireapp.com/#intro Via Behance
Visual identity is much more than stationary and printed materials, it goes beyond the static graphic representation and extends to motion. Nowadays, it is commonplace to see animations that by themselves represent a brand, whether by the style, motion curves or both. MTV is a good example and probably one of the pioneers in playing with video to extend their brand. MTV Essentials is a project created by Pes Motion Studio a design studio from Buenos Aires, Argentina. Our challenge here was to take basic geometric elements and materials and highlight the essence of the objects. We sought to create a universe that may be physically impossible to exist within but that the human imagination can perceive. For inspiration we used an art installation and took our arrangement of the elements from there. For more information visit http://www.peslab.com/ Video MTV NETWORKS / MTV Essentials from pes on Vimeo. Via Behance