iMedia at That Blue Square Thing

Creative iMedia

R081 - Pre-production Skills - exam unit

Visualisation Diagrams

Visualisation Diagrams - slides with a very brief summary

Visualisation Diagrams - more detail and suitable for exam revision

Examples of Visualisation Diagram ideas

Visualisation diagram for an onscreen app

Visualisation diagram for a single webpage aimed at primary school aged children

Visualisation diagram to show layout and design of a three page website

Diagram to show layout and design of a four slide interactive multimedia product

Initial design sketches to show ideas for a character. These aren't annotated, but were followed up by annotated diagrams. It's fine to do rough sketches like this if it's appropriate and if you have the art skills - but you don't need to!

A basic storyboard showing visualisation ideas for the fox character. This storyboard isn't suitable for iMedia purposes, so this is more of a visualisation diagram.

A basic storyboard showing visualisation ideas for an animation. The storyboard isn't quite suitable for iMedia purposes, so this is more of a visualisation diagram showing ideas

Visualisation diagrams can lso be produced onscreen using software packages, but the best examples usually use pencils and paper.

You may want to use colour directly on your diagrams. That's fine, but there's no need to.

Colour and Fonts

Colour choices need to be thought about carefully. There are all sorts of theories about different colours and how they work together.

Colour Theory - some key ideas about colours and how they work together

Different colours have different emotions and ideas associated with them. Don't treat this as set in stone, but the ideas might help you make a choice.

Colour Choices - what different colours mean

There are some other ideas about colour theory at:

Tiger Colour - good on how colours work together
Tyler East - for iMedia

Font Choices - how to use different fonts