SlideShare a Scribd company logo
1 of 53
Visual Literacy JOEL A. MACHIELA & ABBY NAFZIGER
What is it? Visual literacy is the ability t0 construct meaning from visual images. Giorgis, C., & Johnson, N. (1999). Children's books: Visual literacy. Reading Teacher, 53(2), 146.
Why is it important? Standards!!!
AASL 1.1.6:  Read, view, and listen for information presented in any format (e.g., textual, visual, media, digital) in order to make inferences and gather meaning. 2.1.1: Continue an inquiry-based research process by applying critical-thinking skills (analysis, synthesis, evaluation, organization) to information and knowledge in order to construct new understandings, draw conclusions, and create new knowledge. 2.1.6: Use the writing process, media and visual literacy, and technology skills to create products that express new understandings
NETS-S 2. Communication and Collaboration:Students use digital media and environments to communicate and work collaboratively, including at a distance, to support individual learning and contribute to the learning of others. Students: a. interact, collaborate, and publish with peers, experts, or others employing a variety of digital environments and media. b. communicate information and ideas effectively to multiple audiences using a variety of media and formats. d. contribute to project teams to produce original works or solve problems.
English Language Arts: Goal 3 3.C.1b:  Create media compositions or productions which convey meaning visually for a variety of purposes. 3.C.2b:  Produce and format compositions for specified audiences using available technology. 3.C.3b:  Using available technology, produce compositions and multimedia works for specified audiences.
Fine Arts Goal 26 26.A.4e Visual Arts: Analyze and evaluate how tools/technologies and processes combine to convey meaning. 26.B.3d Visual Arts: Demonstrate knowledge and skills to create 2- and 3-dimensional works and time arts (e.g., film, animation, video) that are realistic, abstract, functional and decorative. 26.B.4d Visual Arts: Demonstrate knowledge and skills that communicate clear and focused ideas based on planning, research and problem solving.
Looking at picture books Elements of design Line Shape Space Color Bang, M. (2000). Picture this: How pictures work.  San Francisco: SeaStar Books.
Line an identifiable path created by a point moving in space.  (J. Paul Getty Trust, n.d.)
Shape an object that has only height and width; usually defined by line, which can provide its contour. (J. Paul Getty Trust, n.d.)
Space a feeling of depth or three dimensions. It can also refer to the artist's use of the area within the picture plane. (J. Paul Getty Trust, n.d.)
Color light reflected off objects. (J. Paul Getty Trust, n.d.)
Cool Warm Describing Color
Describing Color Hue red, green, blue, etc. Value the brightness of color: light or dark Intensity describes the purity or strength of a color:     bright or dull (J. Paul Getty Trust, n.d.)
When am I going to use this? Book selection Knowing more about the elements of design make us better picture book selectors and more informed about the ways that illustrations influence the story and connect with students
Reading Pictures
Picasso, P. (1937). Guernica. [Painting]. Madrid, Spain: Museo Reina Sofia.
Beitler, L. (1930, August 7). Untitled. [Photograph]. Marion, Indiana.
Major League Baseball. (2009, July 23). Tampa Bay at Chicago. [Broadcast]. Chicago: Comcast SportsNet.
On July 23, 2009 Chicago White Sox pitcher Mark Buehrle threw a perfect game against the Tampa Bay Rays, giving up zero hits or walks.
Armstrong, N. (1969, July 20). Apollo Xi. [Photo]. Google: LIFE Photo Archive.
Widener, J. (1989, June 5). Tank Man. [Photo]. Tiananmen Square, China: Associate Press
[Unknown]. (1913, March). By Popular Demand. [Photo]. George Grantham Bain Collection: Library of Congress
Florence Fleming Noyes, full-length pose, wearing costume of "Liberty" at suffrage pageant, other participants standing in background in front of the Treasury Building, Washington, D.C.
Resources: Armstrong, N. (1969, July 20). Apollo Xi. [Photo]. 	Google: LIFE Photo Archive. Bang, M. (2000). Picture this: How pictures work. San 	Francisco: SeaStar Books. Beitler, L. (1930, August 7). Untitled. [Photograph]. 	Marion, Indiana. Giorgis, C., & Johnson, N. (1999). Children's books: 	Visual literacy. Reading Teacher, 53(2), 146. J. Paul Getty Trust. (n.d.). The elements of art.  The 	Getty. Retrieved June 15, 2010, from http://www.getty.edu/education/teachers/building	_lessons/elements.html#line
Resources: Major League Baseball. (2009, July 23). Tampa Bay at 	Chicago. [Broadcast]. Chicago: Comcast SportsNet. Picasso, P. (1937). Guernica. [Painting]. Madrid, Spain: MuseoReina Sofia. [Unknown]. (1913, March). By Popular Demand. [Photo]. George Grantham Bain Collection: Library 	of Congress. Using Primary Sources (Teacher ed.). (n.d.). 	[Pamphlet]. Retrieved from http://www.loc.gov/teachers/usingprimarysources/ Widener, J. (1989, June 5). Tank Man. [Photo]. 	Tiananmen Square, China: Associate Press.
Caption Game!
(Krug, 2007)
(lauren*o, 2008)
(Muro, 2006)
(Hutchison, 2009)
(Schweigert, 2009)
(Hutchison, 2009)
(Roach, 2009)
(Jaffe, 2009)
(ABC 7 Chicago, 2007)
ABC 7 Chicago (2007, December 23). Van crash - Ravi Baichwal. [Broadcast]. Chatwood, D. (2009, March 11). The Rainbow Vomiting Pandas Of Interestingness. [Art Print]. Retrieved June 15, 	2010 from http://www.flickr.com/photos/bar-art/3345670157Hutchison, M. (2009, July). Upbeat hummer. [Photo]. Retrieved June 15, 2010, from 	http://www.flickr.com/photos/hutchworks/3728488762Jaffe, G. (2009, May 2009). Guy. [Photo]. Retrieved June 15, 2010 from 	http://www.flickr.com/photos/gjaffe/3550256284Krug, K. (2007, October 20). Pop!Tech 2007 - The Body Reconsidered - Bill Shannon. [Photo]. Retrieved June 16, 	2010, from http://www.flickr.com/photos/poptech2006/1656604302/lauren*o (2008, December 10). ayiiiii!!!!!!!!!!!! [Photo]. Retrieved June 15, 2010 from 	http://www.flickr.com/photos/janiceangstrom/3097827319Muro, R. (2006, June 26). Mom sis. [Photo]. Retrieved June 16, 2010, from 	http://www.flickr.com/photos/rayj1839/176040878/Roach, R. (2009, July 23). My gun is bigger, your argument is invalid. [Photo]. Retrieved June 16, 2010, from 	http://www.flickr.com/photos/sorakirei/3751277638Schweigert, A. P. (2009, April 26). Bike exchange. [Photo]. Retrieved June 15, 2010 from 	http://www.flickr.com/photos/wfiupublicradio/3476414495/in/set-72157617259053089/

More Related Content

Similar to Visual literacy

Martha Kellogg Smith
Martha Kellogg SmithMartha Kellogg Smith
Martha Kellogg Smithvonjobi
 
EVOLUTION OF TRADITIONAL AND NEW MEDIA.pptx
EVOLUTION OF TRADITIONAL AND NEW MEDIA.pptxEVOLUTION OF TRADITIONAL AND NEW MEDIA.pptx
EVOLUTION OF TRADITIONAL AND NEW MEDIA.pptxFatimaGraceEdilo2
 
New Media Projects
New  Media ProjectsNew  Media Projects
New Media Projectstrchambers
 
Intro to CAA 2012 session "Visualization as a Method in Art History"
Intro to CAA 2012 session "Visualization as a Method in Art History"Intro to CAA 2012 session "Visualization as a Method in Art History"
Intro to CAA 2012 session "Visualization as a Method in Art History"Lev Manovich
 
Storytelling for 21st Century Students
Storytelling for 21st Century StudentsStorytelling for 21st Century Students
Storytelling for 21st Century StudentsH Flowers
 
Critical Visual Analysis
Critical Visual AnalysisCritical Visual Analysis
Critical Visual AnalysisJulie Platt
 
Bibliography
BibliographyBibliography
Bibliographyacrc-blog
 
Hg 7e lecture_ch07-237275
Hg 7e lecture_ch07-237275Hg 7e lecture_ch07-237275
Hg 7e lecture_ch07-237275Lisa Schmidt
 
Human Geog Chapter 7
Human Geog Chapter 7Human Geog Chapter 7
Human Geog Chapter 7Lisa Schmidt
 
Geodesign: Past, Present, and Future
Geodesign: Past, Present, and FutureGeodesign: Past, Present, and Future
Geodesign: Past, Present, and FutureEsri
 
Bibliography for pac & go 6 to 16 mar 2012
Bibliography for pac & go    6 to 16 mar 2012Bibliography for pac & go    6 to 16 mar 2012
Bibliography for pac & go 6 to 16 mar 2012acrc-blog
 
Boston Civic Media Projects from Consortium Affiliates
Boston Civic Media  Projects from Consortium AffiliatesBoston Civic Media  Projects from Consortium Affiliates
Boston Civic Media Projects from Consortium AffiliatesBecky Michelson
 
Virtual World Education Overview for Newcomers
Virtual World Education Overview for NewcomersVirtual World Education Overview for Newcomers
Virtual World Education Overview for NewcomersThe AZIRE
 
Using images
Using imagesUsing images
Using imagesmayerj
 
Sandbox Conference Presentation
Sandbox Conference PresentationSandbox Conference Presentation
Sandbox Conference PresentationJoseph Harrell
 
Crit Vis Analysis
Crit Vis AnalysisCrit Vis Analysis
Crit Vis Analysiswebtel125
 
Total 30 points maximum This field trip provides students with .docx
Total 30 points maximum This field trip provides students with .docxTotal 30 points maximum This field trip provides students with .docx
Total 30 points maximum This field trip provides students with .docxturveycharlyn
 

Similar to Visual literacy (20)

Martha Kellogg Smith
Martha Kellogg SmithMartha Kellogg Smith
Martha Kellogg Smith
 
EVOLUTION OF TRADITIONAL AND NEW MEDIA.pptx
EVOLUTION OF TRADITIONAL AND NEW MEDIA.pptxEVOLUTION OF TRADITIONAL AND NEW MEDIA.pptx
EVOLUTION OF TRADITIONAL AND NEW MEDIA.pptx
 
New Media Projects
New  Media ProjectsNew  Media Projects
New Media Projects
 
Intro to CAA 2012 session "Visualization as a Method in Art History"
Intro to CAA 2012 session "Visualization as a Method in Art History"Intro to CAA 2012 session "Visualization as a Method in Art History"
Intro to CAA 2012 session "Visualization as a Method in Art History"
 
Storytelling for 21st Century Students
Storytelling for 21st Century StudentsStorytelling for 21st Century Students
Storytelling for 21st Century Students
 
Critical Visual Analysis
Critical Visual AnalysisCritical Visual Analysis
Critical Visual Analysis
 
Bibliography
BibliographyBibliography
Bibliography
 
Hg 7e lecture_ch07-237275
Hg 7e lecture_ch07-237275Hg 7e lecture_ch07-237275
Hg 7e lecture_ch07-237275
 
Human Geog Chapter 7
Human Geog Chapter 7Human Geog Chapter 7
Human Geog Chapter 7
 
Geodesign: Past, Present, and Future
Geodesign: Past, Present, and FutureGeodesign: Past, Present, and Future
Geodesign: Past, Present, and Future
 
Bibliography for pac & go 6 to 16 mar 2012
Bibliography for pac & go    6 to 16 mar 2012Bibliography for pac & go    6 to 16 mar 2012
Bibliography for pac & go 6 to 16 mar 2012
 
Boston Civic Media Projects from Consortium Affiliates
Boston Civic Media  Projects from Consortium AffiliatesBoston Civic Media  Projects from Consortium Affiliates
Boston Civic Media Projects from Consortium Affiliates
 
Virtual World Education Overview for Newcomers
Virtual World Education Overview for NewcomersVirtual World Education Overview for Newcomers
Virtual World Education Overview for Newcomers
 
The history of geographic information systems invention and re invention of t...
The history of geographic information systems invention and re invention of t...The history of geographic information systems invention and re invention of t...
The history of geographic information systems invention and re invention of t...
 
Graphics
GraphicsGraphics
Graphics
 
Using images
Using imagesUsing images
Using images
 
Sandbox Conference Presentation
Sandbox Conference PresentationSandbox Conference Presentation
Sandbox Conference Presentation
 
Crit Vis Analysis
Crit Vis AnalysisCrit Vis Analysis
Crit Vis Analysis
 
Total 30 points maximum This field trip provides students with .docx
Total 30 points maximum This field trip provides students with .docxTotal 30 points maximum This field trip provides students with .docx
Total 30 points maximum This field trip provides students with .docx
 
201
201 201
201
 

More from jmachiela

745 research presentation
745 research presentation745 research presentation
745 research presentationjmachiela
 
Powerpoint sampler
Powerpoint samplerPowerpoint sampler
Powerpoint samplerjmachiela
 
Glogster instruction
Glogster instructionGlogster instruction
Glogster instructionjmachiela
 
Censorship and YA
Censorship and YACensorship and YA
Censorship and YAjmachiela
 
Leadership vision presentation
Leadership vision presentationLeadership vision presentation
Leadership vision presentationjmachiela
 
716 swot presentation
716 swot presentation716 swot presentation
716 swot presentationjmachiela
 
Lis 768 augmented reality
Lis 768 augmented realityLis 768 augmented reality
Lis 768 augmented realityjmachiela
 

More from jmachiela (7)

745 research presentation
745 research presentation745 research presentation
745 research presentation
 
Powerpoint sampler
Powerpoint samplerPowerpoint sampler
Powerpoint sampler
 
Glogster instruction
Glogster instructionGlogster instruction
Glogster instruction
 
Censorship and YA
Censorship and YACensorship and YA
Censorship and YA
 
Leadership vision presentation
Leadership vision presentationLeadership vision presentation
Leadership vision presentation
 
716 swot presentation
716 swot presentation716 swot presentation
716 swot presentation
 
Lis 768 augmented reality
Lis 768 augmented realityLis 768 augmented reality
Lis 768 augmented reality
 

Visual literacy

  • 1. Visual Literacy JOEL A. MACHIELA & ABBY NAFZIGER
  • 2. What is it? Visual literacy is the ability t0 construct meaning from visual images. Giorgis, C., & Johnson, N. (1999). Children's books: Visual literacy. Reading Teacher, 53(2), 146.
  • 3. Why is it important? Standards!!!
  • 4. AASL 1.1.6: Read, view, and listen for information presented in any format (e.g., textual, visual, media, digital) in order to make inferences and gather meaning. 2.1.1: Continue an inquiry-based research process by applying critical-thinking skills (analysis, synthesis, evaluation, organization) to information and knowledge in order to construct new understandings, draw conclusions, and create new knowledge. 2.1.6: Use the writing process, media and visual literacy, and technology skills to create products that express new understandings
  • 5. NETS-S 2. Communication and Collaboration:Students use digital media and environments to communicate and work collaboratively, including at a distance, to support individual learning and contribute to the learning of others. Students: a. interact, collaborate, and publish with peers, experts, or others employing a variety of digital environments and media. b. communicate information and ideas effectively to multiple audiences using a variety of media and formats. d. contribute to project teams to produce original works or solve problems.
  • 6. English Language Arts: Goal 3 3.C.1b: Create media compositions or productions which convey meaning visually for a variety of purposes. 3.C.2b: Produce and format compositions for specified audiences using available technology. 3.C.3b: Using available technology, produce compositions and multimedia works for specified audiences.
  • 7. Fine Arts Goal 26 26.A.4e Visual Arts: Analyze and evaluate how tools/technologies and processes combine to convey meaning. 26.B.3d Visual Arts: Demonstrate knowledge and skills to create 2- and 3-dimensional works and time arts (e.g., film, animation, video) that are realistic, abstract, functional and decorative. 26.B.4d Visual Arts: Demonstrate knowledge and skills that communicate clear and focused ideas based on planning, research and problem solving.
  • 8. Looking at picture books Elements of design Line Shape Space Color Bang, M. (2000). Picture this: How pictures work. San Francisco: SeaStar Books.
  • 9. Line an identifiable path created by a point moving in space. (J. Paul Getty Trust, n.d.)
  • 10.
  • 11.
  • 12.
  • 13.
  • 14. Shape an object that has only height and width; usually defined by line, which can provide its contour. (J. Paul Getty Trust, n.d.)
  • 15.
  • 16.
  • 17. Space a feeling of depth or three dimensions. It can also refer to the artist's use of the area within the picture plane. (J. Paul Getty Trust, n.d.)
  • 18.
  • 19.
  • 20.
  • 21. Color light reflected off objects. (J. Paul Getty Trust, n.d.)
  • 22.
  • 23.
  • 25. Describing Color Hue red, green, blue, etc. Value the brightness of color: light or dark Intensity describes the purity or strength of a color: bright or dull (J. Paul Getty Trust, n.d.)
  • 26. When am I going to use this? Book selection Knowing more about the elements of design make us better picture book selectors and more informed about the ways that illustrations influence the story and connect with students
  • 28. Picasso, P. (1937). Guernica. [Painting]. Madrid, Spain: Museo Reina Sofia.
  • 29.
  • 30.
  • 31. Beitler, L. (1930, August 7). Untitled. [Photograph]. Marion, Indiana.
  • 32.
  • 33. Major League Baseball. (2009, July 23). Tampa Bay at Chicago. [Broadcast]. Chicago: Comcast SportsNet.
  • 34. On July 23, 2009 Chicago White Sox pitcher Mark Buehrle threw a perfect game against the Tampa Bay Rays, giving up zero hits or walks.
  • 35. Armstrong, N. (1969, July 20). Apollo Xi. [Photo]. Google: LIFE Photo Archive.
  • 36.
  • 37.
  • 38. Widener, J. (1989, June 5). Tank Man. [Photo]. Tiananmen Square, China: Associate Press
  • 39. [Unknown]. (1913, March). By Popular Demand. [Photo]. George Grantham Bain Collection: Library of Congress
  • 40. Florence Fleming Noyes, full-length pose, wearing costume of "Liberty" at suffrage pageant, other participants standing in background in front of the Treasury Building, Washington, D.C.
  • 41. Resources: Armstrong, N. (1969, July 20). Apollo Xi. [Photo]. Google: LIFE Photo Archive. Bang, M. (2000). Picture this: How pictures work. San Francisco: SeaStar Books. Beitler, L. (1930, August 7). Untitled. [Photograph]. Marion, Indiana. Giorgis, C., & Johnson, N. (1999). Children's books: Visual literacy. Reading Teacher, 53(2), 146. J. Paul Getty Trust. (n.d.). The elements of art. The Getty. Retrieved June 15, 2010, from http://www.getty.edu/education/teachers/building _lessons/elements.html#line
  • 42. Resources: Major League Baseball. (2009, July 23). Tampa Bay at Chicago. [Broadcast]. Chicago: Comcast SportsNet. Picasso, P. (1937). Guernica. [Painting]. Madrid, Spain: MuseoReina Sofia. [Unknown]. (1913, March). By Popular Demand. [Photo]. George Grantham Bain Collection: Library of Congress. Using Primary Sources (Teacher ed.). (n.d.). [Pamphlet]. Retrieved from http://www.loc.gov/teachers/usingprimarysources/ Widener, J. (1989, June 5). Tank Man. [Photo]. Tiananmen Square, China: Associate Press.
  • 53. ABC 7 Chicago (2007, December 23). Van crash - Ravi Baichwal. [Broadcast]. Chatwood, D. (2009, March 11). The Rainbow Vomiting Pandas Of Interestingness. [Art Print]. Retrieved June 15, 2010 from http://www.flickr.com/photos/bar-art/3345670157Hutchison, M. (2009, July). Upbeat hummer. [Photo]. Retrieved June 15, 2010, from http://www.flickr.com/photos/hutchworks/3728488762Jaffe, G. (2009, May 2009). Guy. [Photo]. Retrieved June 15, 2010 from http://www.flickr.com/photos/gjaffe/3550256284Krug, K. (2007, October 20). Pop!Tech 2007 - The Body Reconsidered - Bill Shannon. [Photo]. Retrieved June 16, 2010, from http://www.flickr.com/photos/poptech2006/1656604302/lauren*o (2008, December 10). ayiiiii!!!!!!!!!!!! [Photo]. Retrieved June 15, 2010 from http://www.flickr.com/photos/janiceangstrom/3097827319Muro, R. (2006, June 26). Mom sis. [Photo]. Retrieved June 16, 2010, from http://www.flickr.com/photos/rayj1839/176040878/Roach, R. (2009, July 23). My gun is bigger, your argument is invalid. [Photo]. Retrieved June 16, 2010, from http://www.flickr.com/photos/sorakirei/3751277638Schweigert, A. P. (2009, April 26). Bike exchange. [Photo]. Retrieved June 15, 2010 from http://www.flickr.com/photos/wfiupublicradio/3476414495/in/set-72157617259053089/

Editor's Notes

  1. Sounds pretty simple, but what does it mean? We see images all around us all the time, on television, on billboards, in books, all over. Aside from spur of the moment snapshots, many of the images we see are planned, their details carefully chosen. Visual literacy is about learning how those images are constructed and what gives images meaning. But before we get into that, we’ll talk about ….. NEXT SLIDE
  2. How do pictures create emotional responses? Let’s take a look at some of these elements.
  3. What is a point moving is space?
  4. Point – moving in space. Very simple concept, but difficult to put into words. And line, when we’re talking about art, doesn’t have to be straight!
  5. But here’s a straight line.What do you see here? A solid horizontal line, creates stability, instantly creates space – horizon, creates ground and sky
  6. Lines create direction, pointing up, skyward. Take your eye from the bottom to the top
  7. Diagonal lines – dynamic, jarring, uneasiness, motion, tension
  8. Pointy shapes are dangerous, inspire fear, anxiety. If the character has to climb these mountains, you’ll probably be afraid for him/her
  9. But curved shapes are much safer, pleasant. These hills might evoke a nice, relaxing picnic or make you want to fly a kite or something.
  10. Relationships between objects: which is the closest?
  11. Little red is behind one tree and in front of another. If we make the triangle smaller and move it up….
  12. It appears that Little red is now much further back
  13. What does that mean? Use a person’s shirt as an example. White light has all colors. When it hits (red) shirt, all colors except red are reflected back, red is absorbed by that shirt. Black is no colors, meaning that all colors are absorbed by black.
  14. Take a look at the wolf’s eye. The pale violet color might be a good choice, it could add a touch of realism to the picture, but how does it interact with the other elements of the picture? If we make one small change…
  15. … we change the feeling of the picture altogether. Just by making the eye red, it instantly draws the reader’s attention. It is a strong color, an angry, sometimes evil color and it also serves to add symmetry to the picture. The eye and the triangle are now visually linked. What is it about color that creates this effect?
  16. Colors have an innate feeling attached to them. In the color wheel we have what we perceive as warm colors and cool colors. Illustrators use these perceptions in their art to achieve a particular mood for their scenes.
  17. Chaotic, overwhelming
  18. Individual scenes, pain, death of war
  19. What’s going on here?
  20. What’s going on in this photo? Somewhat ambiguous. Clues? People in the background? Facial expression?
  21. What’s going on in this photo? Somewhat ambiguous. Clues? People in the background? Facial expression?