That Blue Square Thing

Creative iMedia

R081 - Pre-production Skills - exam unit

Visualisation Diagrams

PDF iconKey Learning Slides - these slides will give you all the key points you need to know

The Key Learning slides can be used to answer the questions on the questions sheets:

PDF iconVisualisation Diagram Questions - just the questions

PDF iconVisualisation Diagram Workbook - the same questions with spaces for answers

There are two quizzes you can try to test your understanding:

Quiz 1 - Quiz 2 (T/F)

Examples of Visualisation Diagram ideas

Highslide JS
Visualisation diagram for an onscreen app
Highslide JS
Visualisation diagram for a single webpage aimed at primary school aged children
Highslide JS
Visualisation diagram to show layout and design of a three page website
Highslide JS
Diagram to show layout and design of a four slide interactive multimedia product
Highslide JS
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!
Highslide JS
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.
Highslide JS
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 also be produced digitally 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.

You can find exam questions dealing with visualisation diagrams on the exam prep page.

PDF iconVisualisation Diagrams - slides with a very brief summary

PDF iconVisualisation Diagrams - more detail and suitable for exam revision