Motion design has taken over the web in the last couple of years, with a range of different effects ruling many websites that have seen a redesign in this time. From kinetic typography to liquid motion, there are so many ways to use motion design to make a site look fresh, crisp and ready to take on the world!

With so many ways to put this technology into play, it can be hard to know where to start. We’ve put together this list of different ways to put motion graphics into play, inspiration for the future!

2D & 3D Integration

3D was once hailed as the future for graphic design and 2D was left trailing in its wake. No so now – amalgamating 2D and 3D styles together has become popular and lends a nostalgic touch to a new design. This is not a new thing – Mini released their Rocketman concept in 2011 which showed 2D line drawings “popping out” of the screen, but it has become more popular of late!

Pencil Drawings

For an old school, almost comic feel, look no further than graphics that use thin line pencil type drawings. These look deceptively simplistic on the surface, but actually allow for a freestyle feel to the design. As little or as much detail can be added as desired, with shape outlines clearly defined. The Toronto International Film Festival (TIFF) released one such design sequence on Vimeo 3 years ago, which animated aspects of the Canadian culture.

Liquid Motion

Liquid Motion graphics allow content to flow seamlessly across the screen, transforming shapes with no pause between. Content is enhanced and the movement is continual. One example you may have seen is the Disney XD Ultimate Spiderman Vimeo clip. Watching this, you can see that the screen is never still. The animations blend seamlessly into each other, with the iconic Spiderman flawlessly represented on screen.

Kinetic Typography

Kinetic typography uses moving text to draw attention and has long been a feature of different forms of media including feature films and adverts. North by Northwest (1959) was the first feature film to use kinetic typography in a major way; the opening sequence is a little over 2 mins. At the time, this was a really new and innovative way to present text to viewers, and one that has stood the test of time.