Combining the 5 principles of design and animation

Combining the 5 principles of design and animation

Posted on: 24 February 2017

Combining the 5 principles of design and animation

So far in this series, we’ve seen how each principle individually can present its own set of meanings. However, just by combining two principles of a design or animation, brand new imagery can be created.

Let’s say for example you want to show different flavoured drinks; rectangles in various colours sitting in grey containers can do that with ease. Change the rectangles to circles, and the gray container to a gray stick, and you get different flavours of lollipops. 

Principles of design and animation: Shape and colour

It’s worth noting here that not only is the colour change effective, but also the lack of colour change with the gray. In this example, the emphasis is placed on the colours and their differences, hence highlighting the range of flavours they represent.

The real life size and colour of certain objects can make them recognisable, even when using similar shapes.

Principles of design and animation: Size and colour

2D circles may appear flat when evenly distributed in space, but make them closer together and gradually smaller, and 3D perspective can be achieved.

Principles of design and animation: Size and space

In part two, we explored how size can carry certain meanings such as strength and importance. A growing or shrinking object communicated these meanings but does so by emphasising the change in size. A large circle feels much larger when it starts off small.

Principles of design and animation: Size and movement

In part five, we saw how personality and realism can be given to an object through movement. Just changing the colour and the arc of a movement can show the sun traveling across the sky and a tennis ball falling.

Principles of design and animation: Colour and movement

Remember, powerful imagery is created through the use, but more importantly, the limitation of these principles. The most engaging and intelligent uses of design and animation are achieved by saying a lot with very little. Think about how you can communicate your message with two circles of different size, or red and blue triangles, or maybe even a small quick square and a large slow one.

In case you missed a part, you can catch up here:

Part 1: Shape

Part 2: Size

Part 3: Space

Part 4: Colour

Part 5: Movement


Author:

 gravatar avitar
Combining the 5 principles of design and animation

Blog

...

Is Live Content For You?

Live video may seem, at first glance, like a medium with limited applications; but the simple fact of its being live opens up several possibilities to innovate and draw in your audience.

...

Case study: Addressing customer pain points with Arkadin

To promote Cisco Webex and Arkadin, our live-action video used a narrative structure based on resolving the pain points of our target audience: IT managers.

...

Back to the future: making new content from old aesthetics

With Shutterstock’s prediction that the aesthetics of the past will be a dominant trend this year, it's a perfect time to think about ways of looking to the past to inspire forward-thinking content.

...

In marketing, explaining what you do is half the battle

For providers of specialist or niche products and services, it's especially important to use video as part of your business marketing and sales strategy