Motion Design applied to UX

Gif Retrieved from: https://uxplanet.org/motion-in-ux-design-90f6da5c32fe 

Motion Design is a broad discipline of Graphic Design. A motion designer has skills such as Animation, Composition, Typography, Editing and sometimes Illustration. This field is very demanding for video commercials, explainer videos, corporate videos and more. However, due to the technological advances in web, as well as different interactive platforms, the field of Motion Design has found a new path to explore the capabilities of designers who want to apply their techniques into mobile apps, interactive platforms, and more.

Recently, more Motion Designers are interested into learn and upgrade their skills of coding in order to reproduce animation behaviour inside games and softwares. This practice has enhanced the User Experience of different platforms and applications.

What is Motion Design?

Motion Design is a discipline that combines Animation and Graphics. However, this field has gone beyond to combine more disciplines in terms of visual and graphic media. Disciplines such as film, sound, photography, illustration, painting and typography can be applied inside Motion practices. Motion Design has used to tell stories, to present business and start ups, and more recently, to guide the users across interactive platforms.

Motion Design can be used for expressing one-self ideas in an artistic manner, or to communicate certainty based on a brief. Sometimes both expressions overlap in order to create the own voice of the Motion Designer.

 

Retrieved from: https://dribbble.com/shots/2257524-9-Squares-One-Dot-Zero

What is a Style Frame ? Why it is important for Motion Design?

A style frame is a single frame or image that determines the overall look for an animation piece. This frame is the representation of how the graphic piece should look before animation. Style Frames are important in the field of Motion Design because are the initial point to win a pitch in commercial projects. Even projects not related to advertising can be imagined from this initial point.

I created this Style Frames some time ago during my free time. The purpose of this personal project was to achieve a visual pattern to create an animation. Based on this frames the viewer can infer what might be the timeline of the entire animation. My goal with this personal project was to develop an entire concept based on two pictures that are connected by colour and form relationships.

More examples of Style Frames can be found on Pinterest. https://es.pinterest.com/KINGDOMIND/style-frames/

 

Tomorrow I’m going to make it better

I consider myself very motivated to do the stuff that I like. Since I discovered Motion Design, I have been experimenting with After Effects to polish my skills in Animation and Design. I found Motion Design to be one of my strongest paths to follow in the industry of Graphic Design, but I have to work very hard to achieve the quality of work of my ‘heroes’ or studios that I follow. Many of them, are located in Canada, which makes me feel one step closer to work with them someday, or even go to a conference to hear from their experiences in design and animation.

One of the most important studios in this industry is Giant Ant, a creative studio specialised in animation, located in Vancouver, B.C. Their work and visual patterns are the things that motivate me to create better animations. On the other hand, there is Tendril, a design and animation studio located in Toronto which creates VR experiences, commercials, and videos for different platforms.

My passion has led me to work harder in my passions and skills, some of them have to be refined. For instance, Javascript, which is a programming language that will be an asset for future Motion Designers who want to incur inside the Interactive Design industry.Hopefully, those skills combined with hard working and motivation will open me a door in the exceptional design industry of Canada.