Motion Graphics in Interactive Media

Today’s digital interfaces provide highly engaging sensory experiences that facilitate our ability to access and process information. The concept of motion in interactive media has introduced new design possibilities and has afforded motion graphic designers opportunities to exercise their talents beyond the motion picture and television screen.

There are two main medium of interactive media: online and offline.

1. Motion Graphics over the website

As the Internet continues to glow, more and more website combined motion graphics. I analyzed some visual examples of different section in website, like Animated navigation system, Animated transitions and Splash page animations.

  

Examples:

http://www.htc.com/www/htcsense/index.html

(Interactive ads)

Experience HTC Sense in an interactive world that weaves real-world scenarios that incorporate various HTC features.

 

http://content.pncmc.com/live/pnc/microsite/CPI/2010/index.html#/book

(Interactive ad)

For 27 years PNC has been calculating the cost of Christmas based on the price of each of the gifts in the “Twelve Days of Christmas”. Explore this year’s index in a whole new way with this interactive pop-up book.    

http://www.bannerblog.com.au/2009/06/coke_open_1.php

 One of the Coca-Cola display ads found on bannerblog.com.au that placed on Yahoo (http://kr.yahoo.com/) in South Korea is creative. It fulfills part of Ogilvy article suggested on Internet advertising creative tips. Start with brand awareness to capture audiences’ attention, increased the reach, then entice people to interactive / play with it. And trigger emotional bonds between Coca-Cola and the audiences with rich media animation.     

2.  Outdoor interactive advertising

Basic principles of interactive advertising:

·       Brand awareness: capture audiences’ attention，increased the reach

·       Creativity: entice people to interactive/play with it

·       Incentive: Appropriate incentives are used to achieve click-through.

·       Placement

·       Engagement（connect with the main content/style of website)