Some Basics of Visual Design. Basics of Visual Design Portrait or Landscape? Opinions differ on the...

30
Some Basics of Visual Design

Transcript of Some Basics of Visual Design. Basics of Visual Design Portrait or Landscape? Opinions differ on the...

Page 1: 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.

Some

Basics of

Visual

Design

Page 2: 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.

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

Page 3: 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.

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

Page 4: 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.

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

Page 5: 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.

Basics of Visual Design

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

41% 20%

25% 14%

Start here

Page 6: 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.

Basics of Visual Design

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

Page 7: 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.

Basics of Visual Design

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

My apologies to my Hindu friends

Page 8: 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.

Basics of Visual Design

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

My apologies to my Hindu friends

Page 9: 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.

Basics of Visual Design

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

SYMETRY

Page 10: 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.

Basics of Visual Design

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

PATTERN

Page 11: 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.

Basics of Visual Design

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

The communities are of different sizes

Page 12: 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.

Basics of Visual Design

How Big?…here is an easy test.

Use the...

formula!

6 W

Page 13: 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.

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.

Page 14: 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.

Basics of Visual Design

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

Page 15: 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.

Basics of Visual Design

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

Page 16: 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.

Basics of Visual Design

Realism…. may not always provide more information

Page 17: 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.

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

Page 18: 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.

Basics of Visual Design

Images can mean different things due to:• Culture

• Age

• Education

• Experience

Page 19: 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.

Basics of Visual Design

But.. some images have become commonly understood

Page 20: 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.

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!

Page 21: 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.

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

Page 22: 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.

Basics of Visual Design

Adding Visual ImagesImages can used to:

• represent an idea or concept

Time Management

is about juggling all your priorities

Page 23: 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.

Basics of Visual Design

Adding Visual ImagesImages can used to:

• show an action or process

Safe Lifting

Step1

Step 2

Step 3

Page 24: 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.

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

Page 25: 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.

Basics of Visual Design

Adding Visual ImagesImages can used to:

• add humour

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

Page 26: 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.

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

Page 27: 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.

Basics of Visual Design

Visual Images can also:

show complicated assembly processes

Page 28: 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.

Basics of Visual Design

Visual Images can also:

show important detail

Page 29: 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.

Basics of Visual Design

Visual Images can also:

show a real-life situation

Page 30: 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.

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