Visualisation DiagramLesson 4

Lesson Goals

Understand where visualisations are used in planning

Know how to layout elements of a visualisation diagram

Be able to create some basic visualisation diagrams

#visualisation#layout

What is a visualisation?Think about our research lessons…

Visualisation

A visualisation is a drawing created by hand or digitally showing what something will look like when created.

They are used to plan for still images or products and can be a rough sketch or a detailed final design.

Visualisation diagrams are used to plan for things like costumes, logos, posters, cars or webpage layouts.

They can be made using desktop publishing, word processing or image editing software. #visualisation

#layout

Create basic visualisation diagramsUnderstand use of visualisations

Visualisation DiagramsMany projects can be planned using visualisations...

Layout

The layout of a webpage is very important. Users must have easy access to the main information.

If you create a good layout for a website then people are more likely to visit your site in future.

Making a visualisation of how you want the web page to look allows you to make a decision on whether all of the information is in the right place before making the site.

#visualisation#layout

Create basic visualisation diagramsUnderstand use of visualisations

Header

Main Content Images

Footer

Exam

ple

Layo

ut

Your Task

A new movie called Manifesto is due to be released later this year.

Use mybalsamiq.com to create a basic mockup of the layout for the movies website including the following: Logo Basic Details Buttons Video Trailer

You should also show where other suitable assets will be placed on the home page.

#visualisation#layout

Create basic visualisation diagramsUnderstand use of visualisations

Homework

Complete the visualisation sheet for the production company launching the Manifesto film.

Task 1 Design a banner for Manifesto

that could go on the top of a website advertising the film.

Task 2 Design an app which will allow a

user access to exclusive behind the scenes features.

#visualisation#layout

Create basic visualisation diagramsUnderstand use of visualisations

Key Words

Visualisation

Layout

A drawing or sketch diagram of what something will look like

The way in which parts of something are arranged or laid out