Visual literacy week 1 slides
-
date post
18-Oct-2014 -
Category
Documents
-
view
1.429 -
download
0
description
Transcript of Visual literacy week 1 slides
![Page 1: Visual literacy week 1 slides](https://reader030.fdocuments.net/reader030/viewer/2022020122/5442c94eb1af9f3d0a8b475d/html5/thumbnails/1.jpg)
© 2010, Craig DeLarge1
Visual LiteracyMarketing 320 – Week 1
Philadelphia UniversitySpring II 2010
Craig A. DeLarge, MBA
![Page 2: Visual literacy week 1 slides](https://reader030.fdocuments.net/reader030/viewer/2022020122/5442c94eb1af9f3d0a8b475d/html5/thumbnails/2.jpg)
© 2010, Craig DeLarge2
Week 1 Agenda• Self Introductions
• Syllabus Review
• Defining Visual Literacy
• Why We Should Care
• Elements & Vocabulary
![Page 3: Visual literacy week 1 slides](https://reader030.fdocuments.net/reader030/viewer/2022020122/5442c94eb1af9f3d0a8b475d/html5/thumbnails/3.jpg)
© 2010, Craig DeLarge3
Self Introductions
![Page 4: Visual literacy week 1 slides](https://reader030.fdocuments.net/reader030/viewer/2022020122/5442c94eb1af9f3d0a8b475d/html5/thumbnails/4.jpg)
© 2010, Craig DeLarge4
• PhilaU Alumni, BS Marketing,1988
• University of Westminster, MBA Design Mgmt., 2003
• Marketing Professor – PhilaU, Chestnut Hill College, St. Joe’s, Drexel University
• Career Coach – WiseWorking.com
• Marketer - Novo Nordisk, GSK, J&J
• Mental Health Advocate – NAMI
• 21 years married with 2 (grown) children. ☺
About Me
![Page 5: Visual literacy week 1 slides](https://reader030.fdocuments.net/reader030/viewer/2022020122/5442c94eb1af9f3d0a8b475d/html5/thumbnails/5.jpg)
© 2010, Craig DeLarge5
Introduce Yourself• Name
• Major, Year of Study
• Occupation
• Why Taking Course (other than need for credit)?
• What You Need to Gain From Course?
![Page 6: Visual literacy week 1 slides](https://reader030.fdocuments.net/reader030/viewer/2022020122/5442c94eb1af9f3d0a8b475d/html5/thumbnails/6.jpg)
© 2010, Craig DeLarge6
Syllabus Review
![Page 7: Visual literacy week 1 slides](https://reader030.fdocuments.net/reader030/viewer/2022020122/5442c94eb1af9f3d0a8b475d/html5/thumbnails/7.jpg)
© 2010, Craig DeLarge7
What It Will Take To Do Well• Attention to detail in spelling & grammar
• Clear & orderly expression of ideas & opinions
• Research! And referencing of research
• Participation in & between class
• Demonstration of your learning
• Courage – Action in Face of Fear (development)
![Page 8: Visual literacy week 1 slides](https://reader030.fdocuments.net/reader030/viewer/2022020122/5442c94eb1af9f3d0a8b475d/html5/thumbnails/8.jpg)
© 2010, Craig DeLarge8
VizLit Questions
• Who is intended audience?
• What is intended message?
• How is communications successful?
• Why is communication successful?
![Page 9: Visual literacy week 1 slides](https://reader030.fdocuments.net/reader030/viewer/2022020122/5442c94eb1af9f3d0a8b475d/html5/thumbnails/9.jpg)
© 2010, Craig DeLarge9
Visual Literacy: An Introduction
![Page 10: Visual literacy week 1 slides](https://reader030.fdocuments.net/reader030/viewer/2022020122/5442c94eb1af9f3d0a8b475d/html5/thumbnails/10.jpg)
© 2010, Craig DeLarge10
Visual Literacy is…
• The ability to evaluate, apply, or create conceptual visual representations.
• Form of meaning making complementary to linguistic literacy
Source: http://www.visual-literacy.org/index.html
![Page 11: Visual literacy week 1 slides](https://reader030.fdocuments.net/reader030/viewer/2022020122/5442c94eb1af9f3d0a8b475d/html5/thumbnails/11.jpg)
© 2010, Craig DeLarge11
Why Should We Care About VizLit?
• Aliteracy
• The Democratization of Visuals
• Communications: A Critical Success Factor
• Critique your/other’s interpretations
![Page 12: Visual literacy week 1 slides](https://reader030.fdocuments.net/reader030/viewer/2022020122/5442c94eb1af9f3d0a8b475d/html5/thumbnails/12.jpg)
© 2010, Craig DeLarge12
Aliteracy• The state of being able to read but being
uninterested in doing so
• Increasing the importance of transliteracy
• Has some fearing a post-literate society
http://en.wikipedia.org/wiki/Aliteracyhttp://en.wikipedia.org/wiki/Transliteracy
http://en.wikipedia.org/wiki/Postliterate_society
![Page 13: Visual literacy week 1 slides](https://reader030.fdocuments.net/reader030/viewer/2022020122/5442c94eb1af9f3d0a8b475d/html5/thumbnails/13.jpg)
© 2010, Craig DeLarge13
Why Should We Care About VizLit?
• Aliteracy
• The Democratization of Visuals
• Communications: A Critical Success Factor
• Critique your/other’s interpretations
![Page 14: Visual literacy week 1 slides](https://reader030.fdocuments.net/reader030/viewer/2022020122/5442c94eb1af9f3d0a8b475d/html5/thumbnails/14.jpg)
© 2010, Craig DeLarge 14
Democratization of Visuals• In the pre-camera days, visual production
was largely an artistic craft
• Cameras (photo & video) has empowered us ALL to produce visual content
• But do we know how & what we are producing
![Page 15: Visual literacy week 1 slides](https://reader030.fdocuments.net/reader030/viewer/2022020122/5442c94eb1af9f3d0a8b475d/html5/thumbnails/15.jpg)
© 2010, Craig DeLarge15
Why Should We Care About VizLit?
• Aliteracy
• The Democratization of Visuals
• Communications: A Critical Success Factor
• Critique your/other’s interpretations
![Page 16: Visual literacy week 1 slides](https://reader030.fdocuments.net/reader030/viewer/2022020122/5442c94eb1af9f3d0a8b475d/html5/thumbnails/16.jpg)
© 2010, Craig DeLarge16
• membership in a culture
• leadership in a group
• credibility with those we need influence
• a general critical success skill & factor
• judged successful by the audience thus you must understand how the audience perceives
Communication is…
![Page 17: Visual literacy week 1 slides](https://reader030.fdocuments.net/reader030/viewer/2022020122/5442c94eb1af9f3d0a8b475d/html5/thumbnails/17.jpg)
© 2010, Craig DeLarge17
Why Should We Care About VizLit?
• Aliteracy
• The Democratization of Visuals
• Communications: A Critical Success Factor
• Critique your/other’s interpretations
![Page 18: Visual literacy week 1 slides](https://reader030.fdocuments.net/reader030/viewer/2022020122/5442c94eb1af9f3d0a8b475d/html5/thumbnails/18.jpg)
© 2010, Craig DeLarge18
VizLit Applications & Examples
![Page 19: Visual literacy week 1 slides](https://reader030.fdocuments.net/reader030/viewer/2022020122/5442c94eb1af9f3d0a8b475d/html5/thumbnails/19.jpg)
© 2010, Craig DeLarge19
ApplicationsMarketing: corporate communications, newsletters, business cards, websites, video, etc.
Stakeholder communications: presentation of data using charts, graphs, symbols
Training: one learns better through multiple modes
![Page 20: Visual literacy week 1 slides](https://reader030.fdocuments.net/reader030/viewer/2022020122/5442c94eb1af9f3d0a8b475d/html5/thumbnails/20.jpg)
© 2010, Craig DeLarge20
Searching for Visual Literacy
![Page 21: Visual literacy week 1 slides](https://reader030.fdocuments.net/reader030/viewer/2022020122/5442c94eb1af9f3d0a8b475d/html5/thumbnails/21.jpg)
© 2010, Craig DeLarge21
Searching for Visual Literacy
Do you know these people?
![Page 22: Visual literacy week 1 slides](https://reader030.fdocuments.net/reader030/viewer/2022020122/5442c94eb1af9f3d0a8b475d/html5/thumbnails/22.jpg)
© 2010, Craig DeLarge22
Searching for Visual Literacy
![Page 23: Visual literacy week 1 slides](https://reader030.fdocuments.net/reader030/viewer/2022020122/5442c94eb1af9f3d0a8b475d/html5/thumbnails/23.jpg)
© 2010, Craig DeLarge23
Searching for Visual Literacy
• Lucas Teaching Communications
• Iain Anderson: Symbols on a Trip
• AT&T Across The Nation
•http://www.youtube.com/watch?v=8c_nrA_BUz4•George Lucas: Teaching "Communication"
![Page 24: Visual literacy week 1 slides](https://reader030.fdocuments.net/reader030/viewer/2022020122/5442c94eb1af9f3d0a8b475d/html5/thumbnails/24.jpg)
© 2010, Craig DeLarge24
VizLit Vocab:Elements & Levels of Expression
![Page 25: Visual literacy week 1 slides](https://reader030.fdocuments.net/reader030/viewer/2022020122/5442c94eb1af9f3d0a8b475d/html5/thumbnails/25.jpg)
© 2010, Craig DeLarge25
Basic Communications Model
http://records.viu.ca/~soules/media301/message.gif
Intended Meaning created
here
Perceived Meaning created
hereIntended & Perceived Meaning (hopefully) reconciled here.
Misunderstanding aided by noise.
Verbal/Visual
![Page 26: Visual literacy week 1 slides](https://reader030.fdocuments.net/reader030/viewer/2022020122/5442c94eb1af9f3d0a8b475d/html5/thumbnails/26.jpg)
© 2010, Craig DeLarge26
A goal of literacy studies is to close the gap between intended
& perceived meaning.
![Page 27: Visual literacy week 1 slides](https://reader030.fdocuments.net/reader030/viewer/2022020122/5442c94eb1af9f3d0a8b475d/html5/thumbnails/27.jpg)
© 2010, Craig DeLarge27
VizLit Basic Elements
• Dot• Line• Shape• Tone
• Color• Texture• Scale/Proportion• Dimension• Motion
• These are like the letters, words, & sentences in linguistic literacy.
• Literacy requires the ability to use these elements to create meaning
![Page 28: Visual literacy week 1 slides](https://reader030.fdocuments.net/reader030/viewer/2022020122/5442c94eb1af9f3d0a8b475d/html5/thumbnails/28.jpg)
© 2010, Craig DeLarge28
VizLit Levels of Expression
• Symbols
• Representations
• Abstractions
![Page 29: Visual literacy week 1 slides](https://reader030.fdocuments.net/reader030/viewer/2022020122/5442c94eb1af9f3d0a8b475d/html5/thumbnails/29.jpg)
© 2010, Craig DeLarge29
The better you understand Visual Elements, the better you communicate & comprehend
Visual input involves a myriad of symbol systems that we use to MAKE MEANING.
Representational visual material can be recognized in the environment & can be replicated in drawing, painting, sculpture, and film
Abstract understructure is the form of we see in representations which have an intended effect.
![Page 30: Visual literacy week 1 slides](https://reader030.fdocuments.net/reader030/viewer/2022020122/5442c94eb1af9f3d0a8b475d/html5/thumbnails/30.jpg)
© 2010, Craig DeLarge30
Symbolic
Elements with encoded, arbitrary meaning
Meaning specific to target audience
![Page 31: Visual literacy week 1 slides](https://reader030.fdocuments.net/reader030/viewer/2022020122/5442c94eb1af9f3d0a8b475d/html5/thumbnails/31.jpg)
© 2010, Craig DeLarge31
Representational
What we see & recognize from environment & experience
Realistic (photograph)Subjective (personal view)
Form follows function
![Page 32: Visual literacy week 1 slides](https://reader030.fdocuments.net/reader030/viewer/2022020122/5442c94eb1af9f3d0a8b475d/html5/thumbnails/32.jpg)
© 2010, Craig DeLarge32
Abstraction
Symbolic, yet assumes its own meaning
Simplistic, evokes more intense meaning‘How can this be called art? My child could have done this.’
http://www.nytimes.com/interactive/2009/07/31/business/20080801-metrics-graphic.html?ref=business
Nike Swoosh logo represents the wing in the famous statue of the Greek Goddess of victory, Nike
![Page 33: Visual literacy week 1 slides](https://reader030.fdocuments.net/reader030/viewer/2022020122/5442c94eb1af9f3d0a8b475d/html5/thumbnails/33.jpg)
© 2010, Craig DeLarge 33
VizLit Continuum of ExpressionHarmony • Balance • Symmetry • Regularity • Simplicity • Unity • Economy • Understatement • Predictability • Stasis • Subtlety • Neutrality • Opacity • Consistency • Accuracy • Flatness • Singularity • Sequentiality• Diffusion • Repetition
Contrast • Instability • Asymmetry • Irregularity • Complexity • Fragmentation • Intricacy • Exaggeration • Spontaneity • Activeness • Boldness • Accent • Transparency • Variation • Distortion • Depth • Juxtaposition • Randomness • Sharpness • Episodicity
All visual communication works on a continuum somewhere between contrast & harmony.
Contrast gets our interest & stimulates us.
Harmony give us rest & security.
![Page 34: Visual literacy week 1 slides](https://reader030.fdocuments.net/reader030/viewer/2022020122/5442c94eb1af9f3d0a8b475d/html5/thumbnails/34.jpg)
© 2010, Craig DeLarge34
VizLit Basic Elements
![Page 35: Visual literacy week 1 slides](https://reader030.fdocuments.net/reader030/viewer/2022020122/5442c94eb1af9f3d0a8b475d/html5/thumbnails/35.jpg)
© 2010, Craig DeLarge35
VizLit Basic Elements
• Dot• Line• Shape• Tone
• Color• Texture• Scale/Proportion• Dimension• Motion
• These are like the letters, words, & sentences in linguistic literacy.
• Literacy requires the ability to use these elements to create meaning
![Page 36: Visual literacy week 1 slides](https://reader030.fdocuments.net/reader030/viewer/2022020122/5442c94eb1af9f3d0a8b475d/html5/thumbnails/36.jpg)
© 2010, Craig DeLarge36
Dot■ When placed in
carefully designed patterns known as "halftones," dots suggest continuous and solid values and hues
■ Can add shading and texture in drawings, particularly line drawings
Wall Street Journal Hedcuts
![Page 37: Visual literacy week 1 slides](https://reader030.fdocuments.net/reader030/viewer/2022020122/5442c94eb1af9f3d0a8b475d/html5/thumbnails/37.jpg)
© 2010, Craig DeLarge37
The power of a Dot
![Page 38: Visual literacy week 1 slides](https://reader030.fdocuments.net/reader030/viewer/2022020122/5442c94eb1af9f3d0a8b475d/html5/thumbnails/38.jpg)
© 2010, Craig DeLarge38
Lines are dots, end to end and in motion
![Page 39: Visual literacy week 1 slides](https://reader030.fdocuments.net/reader030/viewer/2022020122/5442c94eb1af9f3d0a8b475d/html5/thumbnails/39.jpg)
© 2010, Craig DeLarge39
Lines can express abstractly or concretely
![Page 40: Visual literacy week 1 slides](https://reader030.fdocuments.net/reader030/viewer/2022020122/5442c94eb1af9f3d0a8b475d/html5/thumbnails/40.jpg)
© 2010, Craig DeLarge40
Shape
■ The union of different lines
■ There are basically 3 shapes■ squares■ triangles■ circles
■ Each has an inherent meaning
![Page 41: Visual literacy week 1 slides](https://reader030.fdocuments.net/reader030/viewer/2022020122/5442c94eb1af9f3d0a8b475d/html5/thumbnails/41.jpg)
© 2010, Craig DeLarge41
Tone■ Variance in the lightness
or darkness of objects
■ Allows is to distinguish between this and that, even without color
■ Most critical for survival
![Page 42: Visual literacy week 1 slides](https://reader030.fdocuments.net/reader030/viewer/2022020122/5442c94eb1af9f3d0a8b475d/html5/thumbnails/42.jpg)
© 2010, Craig DeLarge42
Color■Shapes
perception
■Affects emotion
![Page 43: Visual literacy week 1 slides](https://reader030.fdocuments.net/reader030/viewer/2022020122/5442c94eb1af9f3d0a8b475d/html5/thumbnails/43.jpg)
© 2010, Craig DeLarge44
TextureTactile texture is what we can feel with our sense of touch.
Optical texture is what we make of visual texture in the images we see.
![Page 44: Visual literacy week 1 slides](https://reader030.fdocuments.net/reader030/viewer/2022020122/5442c94eb1af9f3d0a8b475d/html5/thumbnails/44.jpg)
© 2010, Craig DeLarge45
Scale• How elements define one
another
• Communicates:– importance– relationship
• Gives greater meaning to a basic image, lending it new life.
• Creates the illusion of depth on a two-dimensional plane. – objects diminish in apparent
size as they approach the horizon
![Page 45: Visual literacy week 1 slides](https://reader030.fdocuments.net/reader030/viewer/2022020122/5442c94eb1af9f3d0a8b475d/html5/thumbnails/45.jpg)
© 2010, Craig DeLarge46
VizLit Questions
• Who is intended audience?
• What is intended message?
• How is communications successful?
• Why is communication successful?
![Page 46: Visual literacy week 1 slides](https://reader030.fdocuments.net/reader030/viewer/2022020122/5442c94eb1af9f3d0a8b475d/html5/thumbnails/46.jpg)
© 2010, Craig DeLarge47
This Week’s Focus
• Read Chapters 1-2
• Read Chapters 3-4, if ambitious
• Complete Chapter 1 & 2 exercises
• Contemplate your final project choices