Let’s Learn Visual Literacy

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

What is it telling you? 3

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

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

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

Decorative Visuals 7

Representative Visuals 8

Organizational Visuals 9

Interpretative Visuals 10

Transformative Visuals 11

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

ACE 13

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

Perception – Figure/Ground 15

Perception - Hierarchy 16

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

Gestalt 1 - Closure 18

Gestalt 2 - Contiguity 19

Gestalt 3 - Similarity 20

Gestalt 4 - Proximity 21

Gestalt 5 - Experience 22

Actions 23

A - Contrast 24 Make things different to catch your eyes

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

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

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

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

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