some basics of visual design. basics of visual design portrait or landscape? opinions differ on the...
TRANSCRIPT
![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](https://reader036.vdocuments.net/reader036/viewer/2022070403/56649f335503460f94c4f669/html5/thumbnails/1.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022070403/56649f335503460f94c4f669/html5/thumbnails/2.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022070403/56649f335503460f94c4f669/html5/thumbnails/3.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022070403/56649f335503460f94c4f669/html5/thumbnails/4.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022070403/56649f335503460f94c4f669/html5/thumbnails/5.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022070403/56649f335503460f94c4f669/html5/thumbnails/6.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022070403/56649f335503460f94c4f669/html5/thumbnails/7.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022070403/56649f335503460f94c4f669/html5/thumbnails/8.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022070403/56649f335503460f94c4f669/html5/thumbnails/9.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022070403/56649f335503460f94c4f669/html5/thumbnails/10.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022070403/56649f335503460f94c4f669/html5/thumbnails/11.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022070403/56649f335503460f94c4f669/html5/thumbnails/12.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022070403/56649f335503460f94c4f669/html5/thumbnails/13.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022070403/56649f335503460f94c4f669/html5/thumbnails/14.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022070403/56649f335503460f94c4f669/html5/thumbnails/15.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022070403/56649f335503460f94c4f669/html5/thumbnails/16.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022070403/56649f335503460f94c4f669/html5/thumbnails/17.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022070403/56649f335503460f94c4f669/html5/thumbnails/18.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022070403/56649f335503460f94c4f669/html5/thumbnails/19.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022070403/56649f335503460f94c4f669/html5/thumbnails/20.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022070403/56649f335503460f94c4f669/html5/thumbnails/21.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022070403/56649f335503460f94c4f669/html5/thumbnails/22.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022070403/56649f335503460f94c4f669/html5/thumbnails/23.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022070403/56649f335503460f94c4f669/html5/thumbnails/24.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022070403/56649f335503460f94c4f669/html5/thumbnails/25.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022070403/56649f335503460f94c4f669/html5/thumbnails/26.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022070403/56649f335503460f94c4f669/html5/thumbnails/27.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022070403/56649f335503460f94c4f669/html5/thumbnails/28.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022070403/56649f335503460f94c4f669/html5/thumbnails/29.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022070403/56649f335503460f94c4f669/html5/thumbnails/30.jpg)
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