let’s learn visual literacy
DESCRIPTION
Let’s Learn Visual Literacy. What is it telling you?. Please click on the graphic to see the answer!. What is it telling you?. http://si-illustrators.com/. Visual Literacy. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Let’s Learn Visual Literacy](https://reader035.vdocuments.site/reader035/viewer/2022062323/56815fce550346895dcecc7d/html5/thumbnails/1.jpg)
Let’s Learn Visual Literacy
![Page 2: Let’s Learn Visual Literacy](https://reader035.vdocuments.site/reader035/viewer/2022062323/56815fce550346895dcecc7d/html5/thumbnails/2.jpg)
2
What is it telling you?
Please click on the graphic to see the answer!
![Page 3: Let’s Learn Visual Literacy](https://reader035.vdocuments.site/reader035/viewer/2022062323/56815fce550346895dcecc7d/html5/thumbnails/3.jpg)
3
What is it telling you?
http://si-illustrators.com/
![Page 4: Let’s Learn Visual Literacy](https://reader035.vdocuments.site/reader035/viewer/2022062323/56815fce550346895dcecc7d/html5/thumbnails/4.jpg)
4
Visual Literacy• Visual literacy is defined as the ability to
understand and use images, including the ability to think, learn, and express oneself in terms of images (Braden, 1996)
• To discuss issues and perspectives concerning visual communication (including definition of VL), the International Visual Literacy Association (IVLA) was established in New York State in 1968.
![Page 5: Let’s Learn Visual Literacy](https://reader035.vdocuments.site/reader035/viewer/2022062323/56815fce550346895dcecc7d/html5/thumbnails/5.jpg)
5
Visual Literacy Cont’d
“What you see is a major part of what you know, and visual literacy can help us to see what we see and know what we know.” … Donis A. Dondis
![Page 6: Let’s Learn Visual Literacy](https://reader035.vdocuments.site/reader035/viewer/2022062323/56815fce550346895dcecc7d/html5/thumbnails/6.jpg)
6
Five Instructional Functions Levin (1981)
• Decorative Visuals• Representative Visuals• Organizational Visuals• Interpretive Visuals• Transformative Visuals
![Page 7: Let’s Learn Visual Literacy](https://reader035.vdocuments.site/reader035/viewer/2022062323/56815fce550346895dcecc7d/html5/thumbnails/7.jpg)
7
Decorative Visuals
![Page 8: Let’s Learn Visual Literacy](https://reader035.vdocuments.site/reader035/viewer/2022062323/56815fce550346895dcecc7d/html5/thumbnails/8.jpg)
8
Representative Visuals
![Page 9: Let’s Learn Visual Literacy](https://reader035.vdocuments.site/reader035/viewer/2022062323/56815fce550346895dcecc7d/html5/thumbnails/9.jpg)
9
Organizational Visuals
![Page 10: Let’s Learn Visual Literacy](https://reader035.vdocuments.site/reader035/viewer/2022062323/56815fce550346895dcecc7d/html5/thumbnails/10.jpg)
10
Interpretative Visuals
![Page 11: Let’s Learn Visual Literacy](https://reader035.vdocuments.site/reader035/viewer/2022062323/56815fce550346895dcecc7d/html5/thumbnails/11.jpg)
11
Transformative Visuals
![Page 12: Let’s Learn Visual Literacy](https://reader035.vdocuments.site/reader035/viewer/2022062323/56815fce550346895dcecc7d/html5/thumbnails/12.jpg)
12
ACE IT with PAT• ACE is the process of creating
instructional visuals– Analyze– Create (PAT)
• Perceptions (figure-ground, hierarchy, gestalt)• Actions (contrast, repetition, alignment, proximity)• Tools (type, shape, color, depth, space)
– Evaluate
![Page 13: Let’s Learn Visual Literacy](https://reader035.vdocuments.site/reader035/viewer/2022062323/56815fce550346895dcecc7d/html5/thumbnails/13.jpg)
13
ACE
![Page 14: Let’s Learn Visual Literacy](https://reader035.vdocuments.site/reader035/viewer/2022062323/56815fce550346895dcecc7d/html5/thumbnails/14.jpg)
14
PAT under “Create”• PAT is the model used to “create” visuals.
(see slide 12)• PAT stands for Perceptions, Actions, and
Tools– Perceptions include figure-ground, hierarchy,
gestalt– Actions include contrast, repetition, alignment,
proximity– Tools include type, shape, color, depth, space
![Page 15: Let’s Learn Visual Literacy](https://reader035.vdocuments.site/reader035/viewer/2022062323/56815fce550346895dcecc7d/html5/thumbnails/15.jpg)
15
Perception – Figure/Ground
![Page 16: Let’s Learn Visual Literacy](https://reader035.vdocuments.site/reader035/viewer/2022062323/56815fce550346895dcecc7d/html5/thumbnails/16.jpg)
16
Perception - Hierarchy
![Page 17: Let’s Learn Visual Literacy](https://reader035.vdocuments.site/reader035/viewer/2022062323/56815fce550346895dcecc7d/html5/thumbnails/17.jpg)
17
Perception - GestaltThe whole is greater than the sum of its parts!
Concourse A
Concourse B
Concourse C
Concourse D
McDonalds International Terminal
![Page 18: Let’s Learn Visual Literacy](https://reader035.vdocuments.site/reader035/viewer/2022062323/56815fce550346895dcecc7d/html5/thumbnails/18.jpg)
18
Gestalt 1 - Closure
![Page 19: Let’s Learn Visual Literacy](https://reader035.vdocuments.site/reader035/viewer/2022062323/56815fce550346895dcecc7d/html5/thumbnails/19.jpg)
19
Gestalt 2 - Contiguity
![Page 20: Let’s Learn Visual Literacy](https://reader035.vdocuments.site/reader035/viewer/2022062323/56815fce550346895dcecc7d/html5/thumbnails/20.jpg)
20
Gestalt 3 - Similarity
![Page 21: Let’s Learn Visual Literacy](https://reader035.vdocuments.site/reader035/viewer/2022062323/56815fce550346895dcecc7d/html5/thumbnails/21.jpg)
21
Gestalt 4 - Proximity
![Page 22: Let’s Learn Visual Literacy](https://reader035.vdocuments.site/reader035/viewer/2022062323/56815fce550346895dcecc7d/html5/thumbnails/22.jpg)
22
Gestalt 5 - Experience
![Page 23: Let’s Learn Visual Literacy](https://reader035.vdocuments.site/reader035/viewer/2022062323/56815fce550346895dcecc7d/html5/thumbnails/23.jpg)
23
Actions
![Page 24: Let’s Learn Visual Literacy](https://reader035.vdocuments.site/reader035/viewer/2022062323/56815fce550346895dcecc7d/html5/thumbnails/24.jpg)
24
A - Contrast
Make things different to catch your eyes
![Page 25: Let’s Learn Visual Literacy](https://reader035.vdocuments.site/reader035/viewer/2022062323/56815fce550346895dcecc7d/html5/thumbnails/25.jpg)
25
A - Repetition
Reusing same elements to make it look consistent
![Page 26: Let’s Learn Visual Literacy](https://reader035.vdocuments.site/reader035/viewer/2022062323/56815fce550346895dcecc7d/html5/thumbnails/26.jpg)
26
A - Alignment
Different types of alignments create different visual effects
![Page 27: Let’s Learn Visual Literacy](https://reader035.vdocuments.site/reader035/viewer/2022062323/56815fce550346895dcecc7d/html5/thumbnails/27.jpg)
27
A - Proximity
Moving things close together or far apart creates a different effect
![Page 28: Let’s Learn Visual Literacy](https://reader035.vdocuments.site/reader035/viewer/2022062323/56815fce550346895dcecc7d/html5/thumbnails/28.jpg)
28
ToolsTYPE (typography – different fonts)
COLOR (color does make a difference)
SPACE (separate elements)
SHAPE (line, arrow, circle, clip art…)
DEPTH (size, dimension, and texture)
![Page 29: Let’s Learn Visual Literacy](https://reader035.vdocuments.site/reader035/viewer/2022062323/56815fce550346895dcecc7d/html5/thumbnails/29.jpg)
29
Conclusion
The goal is to manipulate TOOLS using ACTIONS to
create effective visuals that can facilitate learner PERCEPTIONS.