1. Let’s Learn Visual Literacy

2. What is it telling you? 2 Please click on the graphic to see the answer!

3. What is it telling you? http://si-illustrators.com/ 3

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

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 5

6. Five Instructional Functions Levin (1981) Decorative Visuals Representative Visuals Organizational Visuals Interpretive Visuals Transformative Visuals 6

7. Decorative Visuals 7

8. Representative Visuals 8

9. Organizational Visuals 9

10. Interpretative Visuals 10

11. Transformative Visuals 11

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 12

13. ACE 13

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 14

15. Perception – Figure/Ground 15

16. Perception - Hierarchy 16

17. Perception - Gestalt The whole is greater than the sum of its parts! Concourse A Concourse B Concourse C Concourse D McDonalds International Terminal 17

18. Gestalt 1 - Closure 18

19. Gestalt 2 - Contiguity 19

20. Gestalt 3 - Similarity 20

21. Gestalt 4 - Proximity 21

22. Gestalt 5 - Experience 22

23. Actions 23

24. A - Contrast 24 Make things different to catch your eyes

25. A - Repetition 25 Reusing same elements to make it look consistent

26. A - Alignment 26 Different types of alignments create different visual effects

27. A - Proximity 27 Moving things close together or far apart creates a different effect

28. Tools TYPE (typography – different fonts) COLOR (color does make a difference) SPACE (separate elements) SHAPE (line, arrow, circle, clip art…) DEPTH (size, dimension, and texture) 28

29. Conclusion The goal is to manipulate TOOLS using ACTIONS to create effective visuals that can facilitate learner PERCEPTIONS. 29