This tutorial is about how to add motion blur to your UI design compositions so as to make swift movement look realistic and polished for your mobile app or website design. If you have not read the article on how to make animated GIFs you might want to take a look at this tutorial. This article will touch on the process I use briefly but its main focus is to explain how to apply motion blur to your application presentation.
Designing for behavioural change
Monthly gold: Persona Inspiration
Monthly gold is where I pick some gems that I have found recently and aim to replicate as I learn and grow my craft as a User Experience designer. This monthly we focus on Personas.
How six senior designers began their career in UX and UI design
How does one start a career in UX design? How does one become a user interface designer? Here are some thoughts of six lead UX designers from Paypal, LinkedIn, EverNote, Box, Atlassian and Good Technology as to how they began their careers in UX and UI design.
What Google’s new Material Design means for the designer
My project manager came in and shows me what Google have just released. Material Design. I was like material? What material? Well, Google rolled out its new design of its Android, Chrome OS and web properties called Material Design. Its meant to make better use of available space and bring a consistent user experience whether viewed on a smartphone, tablet or desktop.
Motivational energy for the day
As a UX designer what tools should you have up your sleeve?
How to use your design skills to land a job. Stand out!!
Chen Zhi Liang designed this wonderfully infographic resume showcasing all the important qualifications and skills. Its a really neat design because of the clever usage of color and space. This article features 10 design resumes/cvs that definitely stand out.
How to create animated GIFs for UI design presentations: Part 3 After Effects animations and transitions
What truly sets animated GIFs apart is the smooth transitions and animations between states, one can showcase. This enhances the digital experience for a user. A use case can be scripted or merely a simple mobile app turning on. The only drawback is the quality, length of animation and the size of file. In this third part of our tutorial, I will shared what effects I used to get my animated GIF of a mobile weather app. The first tutorial was on the full overall process and the second tutorial is on exporting into optimized GIFs.
How to create animated GIFs for UI design presentations: Part 2
This is the second part in the series of creating those awesome cool, animated GIFs of UI designs. In the first part we had used Adobe After Effects to create two compositions. One for transitions and animations of a weather app. The other one for how we want to present it on a mobile phone background. In this second part, we save our composition properly in preparation for optimizing it into a GIF.