Principles of design and animation, part 4: Colour

Principles of design and animation, part 4: Colour

Posted on: 9 February 2017

The colour spectrum provides a wide range of creative choice and is often a matter of taste. However, capitalising on a colour’s meaning can be very effective. Changing a colour can completely transform the mood evoked by a design or animation.

Different colours take on more specific meaning when compared

A single colour may have hundreds of meanings, but two different colours in comparison can have a singular, vivid meaning. Blue and black can symbolise any number of things, but comparing the two can denote day and night. Similarly, Red can say “no”, “sell”, “bad”, and “stop” to name a few, but place it next to blue and it will likely be read as “hot”.

Colours can mean opposites, with an intermediate in between

Often, two-colour meanings such as these can be supported with a third, middle colour.

You may wish to stick with a limited range of brand colours, but by doing so you could be limiting the semantic possibilities at your disposal. Don’t be scared to use colours outside of your brand palette - as long as they are similar in tone, you can use a whole array of extra hues. If you are strictly limited by colour, any of the concepts discussed here can be expressed through the other principles we’ve explored thus far.

If you’re creating content for a worldwide audience, it’s important to understand that colours carry different meanings in different cultures. Sometimes the meanings differ only slightly, and sometimes the difference is huge. For example, in Western culture, yellow can suggest cowardice. However, in Japan, it means courage.

Mailboxes are different colours in different countries 

Cultural objects that are often recognised solely by their colour also vary from country to country. Mailboxes are a prime example of this. In this case, it’d be better to avoid the mailbox altogether and use a universal icon, such as a letter.

Shape, size, shape, and colour can all be used to create meaningful imagery in design. Adding animation to these images, however, can open up a whole new range of possibilities and ideas. Next time, we’ll explore movement.

In case you missed them, here's the rest of the series:

Part 1: Shape

Part 2: Size

Part 3: Space

Part 5: Movement

Combining the principles of design and animation


Author:

 gravatar avitar
Principles of design and animation, part 4: Colour

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