some basics of visual design. basics of visual design portrait or landscape? opinions differ on the...

Some

Basics of

Visual

Design

Basics of Visual Design

Portrait or Landscape?Opinions differ on the use of either format… Portrait looks more like a printed page…

Landscape looks more like television and the movies

Basics of Visual Design

Research shows... that most people first look at the upper-left corner and divide a page into 3 x thirds

Start here

Basics of Visual Design

Research shows... that most people focus attention at the intersection of these thirds

41% 20%

25% 14%

Start here

Even despite cultural reading differences

Basics of Visual Design

So... you should place your important information in this zone

41% 20%

25% 14%

Start here

Basics of Visual Design

Some Patterns... also seem more comfortable for the eye to follow:

Basics of Visual Design

Some Patterns... also seem more comfortable for the eye to follow:

My apologies to my Hindu friends

Basics of Visual Design

Some Patterns... also seem more comfortable for the eye to follow:

My apologies to my Hindu friends

Basics of Visual Design

People like Balance... you can use FORMAL BALANCE which uses

SYMETRY

Basics of Visual Design

People like Balance... you can use INFORMAL BALANCE which uses a

PATTERN

Basics of Visual Design

If you use... IMBALANCE …then use it for effect!

The communities are of different sizes

Basics of Visual Design

How Big?…here is an easy test.

Use the...

formula!

6 W

Basics of Visual Design

6 W

1 foot of screen Width =

6 feet of viewing distance

i.e :measure the width of your projected image in inches…divide by two…and then move that many feet away from the screen…people should still be able to clearly see the image.

Basics of Visual Design

Visual Literacy: is the learned ability to INTERPRET and CREATE visual messages

Basics of Visual Design

Young Children...learn very quickly to identify basic visual images and give them meaning

Basics of Visual Design

Realism…. may not always provide more information

Basics of Visual Design

Degrees of Realism-studies have shown that visual images can be less useful if they are very abstract or very realistic

Am

ou

nt

of

Lea

rnin

g

Low

High

Unrealistic Moderate Realistic

Degree of Realism

Basics of Visual Design

Images can mean different things due to:• Culture

• Age

• Education

• Experience

Basics of Visual Design

But.. some images have become commonly understood

Basics of Visual Design

Adding Visual ImagesImages can be used to:

• provide extra information

• represent an idea or concept

• show an action or process

• reinforce a point

• add humour

• surprise!

Basics of Visual Design

Adding Visual ImagesImages can used to:

• provide extra information

Project Costs for May

Projects costs for May have risen by over 30% - compared with February figures. The major areas of increase were staff and materials costs

0

5

10

15

20

25

30

Jan Feb March April May

Total

Staff

Admin

Materials

Basics of Visual Design

Adding Visual ImagesImages can used to:

• represent an idea or concept

Time Management

is about juggling all your priorities

Basics of Visual Design

Adding Visual ImagesImages can used to:

• show an action or process

Safe Lifting

Step1

Step 2

Step 3

Basics of Visual Design

Adding Visual ImagesImages can used to:

• reinforce a point

QualityRemember…like a great chef... selecting high quality inputs and using high quality processes to combine them, will produce the best results

Basics of Visual Design

Adding Visual ImagesImages can used to:

• add humour

Remember…don’t leave your Budget Reports until the last moment!

Basics of Visual Design

Adding Visual ImagesImages can used to:

• surprise!

Not all of your students

may conform to your idea of “correct” dress or behaviour.

Student Diversity

Basics of Visual Design

Visual Images can also:

show complicated assembly processes

Basics of Visual Design

Visual Images can also:

show important detail

Basics of Visual Design

Visual Images can also:

show a real-life situation

Basics of Visual Design

Exercise:in your group, design one poster that explains who is in your group and where they come from.

Use both words and images.

show a real-life situation