Some Basics of Visual Design. Basics of Visual Design Portrait or Landscape? Opinions differ on the...
-
Upload
doris-griffith -
Category
Documents
-
view
213 -
download
0
Transcript of 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