SlideShare ist ein Scribd-Unternehmen logo
1 von 46
Downloaden Sie, um offline zu lesen
Visual Literacy
Marketing 320 – Week 1

 Philadelphia University
      Spring II 2010
 Craig A. DeLarge, MBA


                                   1
           © 2010, Craig DeLarge
Week 1 Agenda
• Self Introductions

• Syllabus Review

• Defining Visual Literacy

• Why We Should Care

• Elements & Vocabulary
                                               2
                       © 2010, Craig DeLarge
Self Introductions




                                3
        © 2010, Craig DeLarge
About Me
• 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. ☺4
                            © 2010, Craig DeLarge
Introduce Yourself
• Name

• Major, Year of Study

• Occupation

• Why Taking Course (other than need for credit)?

• What You Need to Gain From Course?

                                                 5
                         © 2010, Craig DeLarge
Syllabus Review




                              6
      © 2010, Craig DeLarge
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)
                                                7
                        © 2010, Craig DeLarge
VizLit Questions
• Who is intended audience?

• What is intended message?

• How is communications successful?

• Why is communication successful?

                                           8
                   © 2010, Craig DeLarge
Visual Literacy:
An Introduction




                               9
       © 2010, Craig DeLarge
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                   10
                                             © 2010, Craig DeLarge
Why Should We Care About VizLit?
• Aliteracy

• The Democratization of Visuals

• Communications: A Critical Success
  Factor

• Critique your/other’s interpretations
                                              11
                      © 2010, Craig DeLarge
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/Aliteracy
http://en.wikipedia.org/wiki/Transliteracy                                  12
http://en.wikipedia.org/wiki/Postliterate_society   © 2010, Craig DeLarge
Why Should We Care About VizLit?
• Aliteracy

• The Democratization of Visuals

• Communications: A Critical Success
  Factor

• Critique your/other’s interpretations
                                              13
                      © 2010, Craig DeLarge
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


                     © 2010, Craig DeLarge   14
Why Should We Care About VizLit?
• Aliteracy

• The Democratization of Visuals

• Communications: A Critical Success
  Factor

• Critique your/other’s interpretations
                                              15
                      © 2010, Craig DeLarge
Communication is…
• 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
                                                  16
                          © 2010, Craig DeLarge
Why Should We Care About VizLit?
• Aliteracy

• The Democratization of Visuals

• Communications: A Critical Success
  Factor

• Critique your/other’s interpretations
                                              17
                      © 2010, Craig DeLarge
VizLit Applications
   & Examples




                                18
        © 2010, Craig DeLarge
Applications
Marketing: corporate communications, newsletters,
business cards, websites, video, etc.

Stakeholder communications: presentation of data
using charts, graphs, symbols

Training: one learns better through multiple modes




                                                19
                        © 2010, Craig DeLarge
Searching for Visual Literacy




                                       20
               © 2010, Craig DeLarge
Searching for Visual Literacy

     Do you know these people?




                                        21
                © 2010, Craig DeLarge
Searching for Visual Literacy




                                        22
                © 2010, Craig DeLarge
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
                                                                      23
•George Lucas: Teaching "Communication"       © 2010, Craig DeLarge
VizLit Vocab:
Elements & Levels of Expression




                                      24
              © 2010, Craig DeLarge
Basic Communications Model
                                                                                Misunderstanding
                                                                                aided by noise.




                                                     Verbal/Visual




             Intended                                                                Perceived
             Meaning                                                                 Meaning
              created                    Intended & Perceived Meaning                 created
               here                      (hopefully) reconciled here.                  here
http://records.viu.ca/~soules/media301/message.gif                              25
                                                        © 2010, Craig DeLarge
A goal of literacy studies is to
close the gap between intended
     & perceived meaning.




                                        26
                © 2010, Craig DeLarge
VizLit Basic Elements

•   Dot                                       •   Color
•   Line                                      •   Texture
•   Shape                                     •   Scale/Proportion
•   Tone                                      •   Dimension
                                              •   Motion

    • These are like the letters, words, & sentences in linguistic literacy.


    • Literacy requires the ability to use these elements to create meaning

                                                                 27
                                         © 2010, Craig DeLarge
VizLit Levels of Expression

• Symbols

• Representations

• Abstractions




                                             28
                     © 2010, Craig DeLarge
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.

                                                 29
                         © 2010, Craig DeLarge
Symbolic

Elements with encoded,
arbitrary meaning

Meaning specific to target
audience




                                              30
                      © 2010, Craig DeLarge
Representational

What we see & recognize
from environment &
experience
   Realistic (photograph)
   Subjective (personal view)


Form follows function




                                                        31
                                © 2010, Craig DeLarge
Abstraction

       Symbolic, yet assumes its
       own meaning
            Simplistic, evokes more
            intense meaning                                   Nike Swoosh logo represents the
                                                              wing in the famous statue of the
            ‘How can this be called art?                      Greek Goddess of victory, Nike
            My child could have done
            this.’




http://www.nytimes.com/interactive/2009/                                      32
07/31/business/20080801-metrics-
graphic.html?ref=business                      © 2010, Craig DeLarge
VizLit Continuum of Expression
                   Contrast                                  Harmony
All visual         • Instability                             • Balance
communication      • Asymmetry                               • Symmetry
works on a         • Irregularity                            • Regularity
continuum          • Complexity                              • Simplicity
somewhere          • Fragmentation                           • Unity
between
                   • Intricacy                               • Economy
contrast &
                   • Exaggeration                            • Understatement
harmony.
                   • Spontaneity                             • Predictability
                   • Activeness                              • Stasis
Contrast gets      • Boldness                                • Subtlety
our interest &     • Accent                                  • Neutrality
stimulates us.     • Transparency                            • Opacity
                   • Variation                               • Consistency
                   • Distortion                              • Accuracy
Harmony give us
rest & security.   • Depth                                   • Flatness
                   • Juxtaposition                           • Singularity
                   • Randomness                              • Sequentiality
                   • Sharpness                               • Diffusion
                   • Episodicity     © 2010, Craig DeLarge   • Repetition     33
VizLit Basic Elements




                                 34
         © 2010, Craig DeLarge
VizLit Basic Elements

•   Dot                                       •   Color
•   Line                                      •   Texture
•   Shape                                     •   Scale/Proportion
•   Tone                                      •   Dimension
                                              •   Motion

    • These are like the letters, words, & sentences in linguistic literacy.


    • Literacy requires the ability to use these elements to create meaning

                                                                 35
                                         © 2010, Craig DeLarge
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


                                                     36
                         © 2010, Craig DeLarge
The power of a Dot




                                       37
               © 2010, Craig DeLarge
Lines are dots, end to end
and in motion




                                       38
               © 2010, Craig DeLarge
Lines can express abstractly or concretely




                                           39
                   © 2010, Craig DeLarge
Shape
■ The union of different
  lines

■ There are basically 3
  shapes
    ■ squares
    ■ triangles
    ■ circles

■ Each has an inherent
  meaning




                                                   40
                           © 2010, Craig DeLarge
Tone
■ Variance in the lightness
  or darkness of objects

■ Allows is to distinguish
  between this and that,
  even without color

■ Most critical for survival




                                                       41
                               © 2010, Craig DeLarge
Color
■ Shapes
  perception

■ Affects
  emotion




                                       42
               © 2010, Craig DeLarge
Texture
 Tactile 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.




                                                          44
                                  © 2010, Craig DeLarge
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




                                                              45
                                      © 2010, Craig DeLarge
VizLit Questions
• Who is intended audience?

• What is intended message?

• How is communications successful?

• Why is communication successful?

                                           46
                   © 2010, Craig DeLarge
This Week’s Focus
• Read Chapters 1-2

• Read Chapters 3-4, if ambitious

• Complete Chapter 1 & 2 exercises

• Contemplate your final project choices

                                              47
                      © 2010, Craig DeLarge

Weitere ähnliche Inhalte

Ähnlich wie Visual literacy week 1 slides

Social Media Strategy - Social Media Summit - Knowledge Is Power
Social Media Strategy - Social Media Summit - Knowledge Is Power Social Media Strategy - Social Media Summit - Knowledge Is Power
Social Media Strategy - Social Media Summit - Knowledge Is Power Kelly Craft
 
Groop Skool Workbook: Inception 42911
Groop Skool Workbook: Inception 42911Groop Skool Workbook: Inception 42911
Groop Skool Workbook: Inception 42911thegroop
 
Using social media for YOU: Professional branding on LinkedIn
Using social media for YOU: Professional branding on LinkedInUsing social media for YOU: Professional branding on LinkedIn
Using social media for YOU: Professional branding on LinkedInScott Brown
 
Social media forum - Gavin Heaton
Social media forum - Gavin HeatonSocial media forum - Gavin Heaton
Social media forum - Gavin HeatonConnecting Up
 
Transforming stories into transmedia experiences 10.17
Transforming stories into transmedia experiences 10.17Transforming stories into transmedia experiences 10.17
Transforming stories into transmedia experiences 10.17Esther Lim
 
Leading Collaborative Virtual Teams
Leading Collaborative Virtual TeamsLeading Collaborative Virtual Teams
Leading Collaborative Virtual TeamsCynthia Clay
 
Show, Tell, Explore: Design Tutorial for Semantic Technology
Show, Tell, Explore: Design Tutorial for Semantic TechnologyShow, Tell, Explore: Design Tutorial for Semantic Technology
Show, Tell, Explore: Design Tutorial for Semantic TechnologyJasmin Phua
 
Leading Collaborative Virtual Teams
Leading Collaborative Virtual TeamsLeading Collaborative Virtual Teams
Leading Collaborative Virtual TeamsCynthia Clay
 
UofC Marketing Communications
UofC Marketing CommunicationsUofC Marketing Communications
UofC Marketing CommunicationsJohn Hutchings
 
How To Be a Thought Leader - Online
How To Be a Thought Leader - OnlineHow To Be a Thought Leader - Online
How To Be a Thought Leader - OnlineLeader Networks
 
The importance of sentiment analysis in 2.0 marketing
The importance of sentiment analysis in 2.0 marketingThe importance of sentiment analysis in 2.0 marketing
The importance of sentiment analysis in 2.0 marketingFabio Lazzarini
 
Vlerick hr seminar social media 25 nov 2011__final
Vlerick hr seminar social media 25 nov 2011__finalVlerick hr seminar social media 25 nov 2011__final
Vlerick hr seminar social media 25 nov 2011__finalJurgen Moenaert
 
Designing Culture Workshop
Designing Culture WorkshopDesigning Culture Workshop
Designing Culture WorkshopTeresa Brazen
 
LSPD_CorporateOverview
LSPD_CorporateOverviewLSPD_CorporateOverview
LSPD_CorporateOverviewBrendaOneal
 
Vocab and 21st Century Skills
Vocab and 21st Century SkillsVocab and 21st Century Skills
Vocab and 21st Century SkillsPam Krambeck
 
switcher-brand-guide-2021.pdf
switcher-brand-guide-2021.pdfswitcher-brand-guide-2021.pdf
switcher-brand-guide-2021.pdfabuafifah1
 
External Community Building at Enterprise 2.0
External Community Building at Enterprise 2.0External Community Building at Enterprise 2.0
External Community Building at Enterprise 2.0Social Media Club
 

Ähnlich wie Visual literacy week 1 slides (20)

Roderick Cremers Social Media Fundamentals
Roderick Cremers   Social Media FundamentalsRoderick Cremers   Social Media Fundamentals
Roderick Cremers Social Media Fundamentals
 
Social Media Strategy - Social Media Summit - Knowledge Is Power
Social Media Strategy - Social Media Summit - Knowledge Is Power Social Media Strategy - Social Media Summit - Knowledge Is Power
Social Media Strategy - Social Media Summit - Knowledge Is Power
 
Groop Skool Workbook: Inception 42911
Groop Skool Workbook: Inception 42911Groop Skool Workbook: Inception 42911
Groop Skool Workbook: Inception 42911
 
Using social media for YOU: Professional branding on LinkedIn
Using social media for YOU: Professional branding on LinkedInUsing social media for YOU: Professional branding on LinkedIn
Using social media for YOU: Professional branding on LinkedIn
 
Social media forum - Gavin Heaton
Social media forum - Gavin HeatonSocial media forum - Gavin Heaton
Social media forum - Gavin Heaton
 
Transforming stories into transmedia experiences 10.17
Transforming stories into transmedia experiences 10.17Transforming stories into transmedia experiences 10.17
Transforming stories into transmedia experiences 10.17
 
Leading Collaborative Virtual Teams
Leading Collaborative Virtual TeamsLeading Collaborative Virtual Teams
Leading Collaborative Virtual Teams
 
Show, Tell, Explore: Design Tutorial for Semantic Technology
Show, Tell, Explore: Design Tutorial for Semantic TechnologyShow, Tell, Explore: Design Tutorial for Semantic Technology
Show, Tell, Explore: Design Tutorial for Semantic Technology
 
Leading Collaborative Virtual Teams
Leading Collaborative Virtual TeamsLeading Collaborative Virtual Teams
Leading Collaborative Virtual Teams
 
UofC Marketing Communications
UofC Marketing CommunicationsUofC Marketing Communications
UofC Marketing Communications
 
How To Be a Thought Leader - Online
How To Be a Thought Leader - OnlineHow To Be a Thought Leader - Online
How To Be a Thought Leader - Online
 
The importance of sentiment analysis in 2.0 marketing
The importance of sentiment analysis in 2.0 marketingThe importance of sentiment analysis in 2.0 marketing
The importance of sentiment analysis in 2.0 marketing
 
jurgen test
jurgen testjurgen test
jurgen test
 
Vlerick hr seminar social media 25 nov 2011__final
Vlerick hr seminar social media 25 nov 2011__finalVlerick hr seminar social media 25 nov 2011__final
Vlerick hr seminar social media 25 nov 2011__final
 
Designing Culture Workshop
Designing Culture WorkshopDesigning Culture Workshop
Designing Culture Workshop
 
LSPD_CorporateOverview
LSPD_CorporateOverviewLSPD_CorporateOverview
LSPD_CorporateOverview
 
Vocab and 21st Century Skills
Vocab and 21st Century SkillsVocab and 21st Century Skills
Vocab and 21st Century Skills
 
Ragan SharePoint Co
Ragan SharePoint CoRagan SharePoint Co
Ragan SharePoint Co
 
switcher-brand-guide-2021.pdf
switcher-brand-guide-2021.pdfswitcher-brand-guide-2021.pdf
switcher-brand-guide-2021.pdf
 
External Community Building at Enterprise 2.0
External Community Building at Enterprise 2.0External Community Building at Enterprise 2.0
External Community Building at Enterprise 2.0
 

Mehr von Craig DeLarge, MBA, CPC

Digital Mental Health Project Capabilities as of November 28, 2019
Digital Mental Health Project Capabilities as of November 28, 2019Digital Mental Health Project Capabilities as of November 28, 2019
Digital Mental Health Project Capabilities as of November 28, 2019Craig DeLarge, MBA, CPC
 
Mentaltech Landscape for experiMental November 3, 2018
Mentaltech Landscape for experiMental   November 3, 2018Mentaltech Landscape for experiMental   November 3, 2018
Mentaltech Landscape for experiMental November 3, 2018Craig DeLarge, MBA, CPC
 
Mental Health Wearables Talk (for Distribution) 5 4 15
Mental Health Wearables Talk (for Distribution) 5 4 15Mental Health Wearables Talk (for Distribution) 5 4 15
Mental Health Wearables Talk (for Distribution) 5 4 15Craig DeLarge, MBA, CPC
 
Mental Illness & Violence: What the Evidence Says
Mental Illness  & Violence: What the Evidence Says Mental Illness  & Violence: What the Evidence Says
Mental Illness & Violence: What the Evidence Says Craig DeLarge, MBA, CPC
 
Pharma Content Marketing Conference Day 1 Chair Opening Deck (for public) 12 ...
Pharma Content Marketing Conference Day 1 Chair Opening Deck (for public) 12 ...Pharma Content Marketing Conference Day 1 Chair Opening Deck (for public) 12 ...
Pharma Content Marketing Conference Day 1 Chair Opening Deck (for public) 12 ...Craig DeLarge, MBA, CPC
 
NAMI PA Main Line Forum - ADHD in Children
NAMI PA Main Line Forum - ADHD in ChildrenNAMI PA Main Line Forum - ADHD in Children
NAMI PA Main Line Forum - ADHD in ChildrenCraig DeLarge, MBA, CPC
 
NAMI PA Main Line Forum on ADD in Adults
NAMI PA Main Line Forum on ADD in AdultsNAMI PA Main Line Forum on ADD in Adults
NAMI PA Main Line Forum on ADD in AdultsCraig DeLarge, MBA, CPC
 
ePharma Summit Next Generation Content Infographic 3 5 13
ePharma Summit Next Generation Content Infographic 3 5 13ePharma Summit Next Generation Content Infographic 3 5 13
ePharma Summit Next Generation Content Infographic 3 5 13Craig DeLarge, MBA, CPC
 
Digital storytelling in healthcare (WiseWorking) 12 2 12
Digital storytelling in healthcare (WiseWorking) 12 2 12Digital storytelling in healthcare (WiseWorking) 12 2 12
Digital storytelling in healthcare (WiseWorking) 12 2 12Craig DeLarge, MBA, CPC
 
Social media for professional use 11 3 12
Social media for professional use 11 3 12Social media for professional use 11 3 12
Social media for professional use 11 3 12Craig DeLarge, MBA, CPC
 
NAMI PA Main Line Getting Services 11 26 11
NAMI PA Main Line Getting Services 11 26 11NAMI PA Main Line Getting Services 11 26 11
NAMI PA Main Line Getting Services 11 26 11Craig DeLarge, MBA, CPC
 
NAMI PA Main Line Criminal Justice Information
NAMI PA Main Line Criminal Justice InformationNAMI PA Main Line Criminal Justice Information
NAMI PA Main Line Criminal Justice InformationCraig DeLarge, MBA, CPC
 
Net Tuesdays Virtual Worlds Social Web Sampler
Net Tuesdays Virtual Worlds Social Web Sampler Net Tuesdays Virtual Worlds Social Web Sampler
Net Tuesdays Virtual Worlds Social Web Sampler Craig DeLarge, MBA, CPC
 

Mehr von Craig DeLarge, MBA, CPC (20)

Digital Mental Health Project Capabilities as of November 28, 2019
Digital Mental Health Project Capabilities as of November 28, 2019Digital Mental Health Project Capabilities as of November 28, 2019
Digital Mental Health Project Capabilities as of November 28, 2019
 
Mentaltech Landscape for experiMental November 3, 2018
Mentaltech Landscape for experiMental   November 3, 2018Mentaltech Landscape for experiMental   November 3, 2018
Mentaltech Landscape for experiMental November 3, 2018
 
Mental Health Wearables Talk (for Distribution) 5 4 15
Mental Health Wearables Talk (for Distribution) 5 4 15Mental Health Wearables Talk (for Distribution) 5 4 15
Mental Health Wearables Talk (for Distribution) 5 4 15
 
Mental Illness & Violence: What the Evidence Says
Mental Illness  & Violence: What the Evidence Says Mental Illness  & Violence: What the Evidence Says
Mental Illness & Violence: What the Evidence Says
 
Pharma Content Marketing Conference Day 1 Chair Opening Deck (for public) 12 ...
Pharma Content Marketing Conference Day 1 Chair Opening Deck (for public) 12 ...Pharma Content Marketing Conference Day 1 Chair Opening Deck (for public) 12 ...
Pharma Content Marketing Conference Day 1 Chair Opening Deck (for public) 12 ...
 
Career Branding for Mid Career
Career Branding for Mid CareerCareer Branding for Mid Career
Career Branding for Mid Career
 
NAMI Ambiguous Loss Talk Deck
NAMI Ambiguous Loss Talk DeckNAMI Ambiguous Loss Talk Deck
NAMI Ambiguous Loss Talk Deck
 
NAMI PA Main Line Forum - ADHD in Children
NAMI PA Main Line Forum - ADHD in ChildrenNAMI PA Main Line Forum - ADHD in Children
NAMI PA Main Line Forum - ADHD in Children
 
NAMI PA Main Line Forum on ADD in Adults
NAMI PA Main Line Forum on ADD in AdultsNAMI PA Main Line Forum on ADD in Adults
NAMI PA Main Line Forum on ADD in Adults
 
My Virtual Work Life
My Virtual Work LifeMy Virtual Work Life
My Virtual Work Life
 
ePharma Summit Next Generation Content Infographic 3 5 13
ePharma Summit Next Generation Content Infographic 3 5 13ePharma Summit Next Generation Content Infographic 3 5 13
ePharma Summit Next Generation Content Infographic 3 5 13
 
Caregiver Self-care 3 3 13
Caregiver Self-care 3 3 13Caregiver Self-care 3 3 13
Caregiver Self-care 3 3 13
 
Digital storytelling in healthcare (WiseWorking) 12 2 12
Digital storytelling in healthcare (WiseWorking) 12 2 12Digital storytelling in healthcare (WiseWorking) 12 2 12
Digital storytelling in healthcare (WiseWorking) 12 2 12
 
NAMI PA Main Line Forum Anxiety Talk
NAMI PA Main Line Forum Anxiety TalkNAMI PA Main Line Forum Anxiety Talk
NAMI PA Main Line Forum Anxiety Talk
 
Social media for professional use 11 3 12
Social media for professional use 11 3 12Social media for professional use 11 3 12
Social media for professional use 11 3 12
 
Digital Domains differentiating Mobile
Digital Domains differentiating Mobile Digital Domains differentiating Mobile
Digital Domains differentiating Mobile
 
NAMI PA Main Line Getting Services 11 26 11
NAMI PA Main Line Getting Services 11 26 11NAMI PA Main Line Getting Services 11 26 11
NAMI PA Main Line Getting Services 11 26 11
 
NAMI PA Main Line Criminal Justice Information
NAMI PA Main Line Criminal Justice InformationNAMI PA Main Line Criminal Justice Information
NAMI PA Main Line Criminal Justice Information
 
Net Tuesdays Virtual Worlds Social Web Sampler
Net Tuesdays Virtual Worlds Social Web Sampler Net Tuesdays Virtual Worlds Social Web Sampler
Net Tuesdays Virtual Worlds Social Web Sampler
 
3 Pillars of Mission for Singles
3 Pillars of Mission for Singles 3 Pillars of Mission for Singles
3 Pillars of Mission for Singles
 

Visual literacy week 1 slides

  • 1. Visual Literacy Marketing 320 – Week 1 Philadelphia University Spring II 2010 Craig A. DeLarge, MBA 1 © 2010, Craig DeLarge
  • 2. Week 1 Agenda • Self Introductions • Syllabus Review • Defining Visual Literacy • Why We Should Care • Elements & Vocabulary 2 © 2010, Craig DeLarge
  • 3. Self Introductions 3 © 2010, Craig DeLarge
  • 4. About Me • 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. ☺4 © 2010, Craig DeLarge
  • 5. Introduce Yourself • Name • Major, Year of Study • Occupation • Why Taking Course (other than need for credit)? • What You Need to Gain From Course? 5 © 2010, Craig DeLarge
  • 6. Syllabus Review 6 © 2010, Craig DeLarge
  • 7. 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) 7 © 2010, Craig DeLarge
  • 8. VizLit Questions • Who is intended audience? • What is intended message? • How is communications successful? • Why is communication successful? 8 © 2010, Craig DeLarge
  • 9. Visual Literacy: An Introduction 9 © 2010, Craig DeLarge
  • 10. 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 10 © 2010, Craig DeLarge
  • 11. Why Should We Care About VizLit? • Aliteracy • The Democratization of Visuals • Communications: A Critical Success Factor • Critique your/other’s interpretations 11 © 2010, Craig DeLarge
  • 12. 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/Aliteracy http://en.wikipedia.org/wiki/Transliteracy 12 http://en.wikipedia.org/wiki/Postliterate_society © 2010, Craig DeLarge
  • 13. Why Should We Care About VizLit? • Aliteracy • The Democratization of Visuals • Communications: A Critical Success Factor • Critique your/other’s interpretations 13 © 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 © 2010, Craig DeLarge 14
  • 15. Why Should We Care About VizLit? • Aliteracy • The Democratization of Visuals • Communications: A Critical Success Factor • Critique your/other’s interpretations 15 © 2010, Craig DeLarge
  • 16. Communication is… • 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 16 © 2010, Craig DeLarge
  • 17. Why Should We Care About VizLit? • Aliteracy • The Democratization of Visuals • Communications: A Critical Success Factor • Critique your/other’s interpretations 17 © 2010, Craig DeLarge
  • 18. VizLit Applications & Examples 18 © 2010, Craig DeLarge
  • 19. Applications Marketing: corporate communications, newsletters, business cards, websites, video, etc. Stakeholder communications: presentation of data using charts, graphs, symbols Training: one learns better through multiple modes 19 © 2010, Craig DeLarge
  • 20. Searching for Visual Literacy 20 © 2010, Craig DeLarge
  • 21. Searching for Visual Literacy Do you know these people? 21 © 2010, Craig DeLarge
  • 22. Searching for Visual Literacy 22 © 2010, Craig DeLarge
  • 23. 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 23 •George Lucas: Teaching "Communication" © 2010, Craig DeLarge
  • 24. VizLit Vocab: Elements & Levels of Expression 24 © 2010, Craig DeLarge
  • 25. Basic Communications Model Misunderstanding aided by noise. Verbal/Visual Intended Perceived Meaning Meaning created Intended & Perceived Meaning created here (hopefully) reconciled here. here http://records.viu.ca/~soules/media301/message.gif 25 © 2010, Craig DeLarge
  • 26. A goal of literacy studies is to close the gap between intended & perceived meaning. 26 © 2010, Craig DeLarge
  • 27. VizLit Basic Elements • Dot • Color • Line • Texture • Shape • Scale/Proportion • Tone • Dimension • Motion • These are like the letters, words, & sentences in linguistic literacy. • Literacy requires the ability to use these elements to create meaning 27 © 2010, Craig DeLarge
  • 28. VizLit Levels of Expression • Symbols • Representations • Abstractions 28 © 2010, Craig DeLarge
  • 29. 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. 29 © 2010, Craig DeLarge
  • 30. Symbolic Elements with encoded, arbitrary meaning Meaning specific to target audience 30 © 2010, Craig DeLarge
  • 31. Representational What we see & recognize from environment & experience Realistic (photograph) Subjective (personal view) Form follows function 31 © 2010, Craig DeLarge
  • 32. Abstraction Symbolic, yet assumes its own meaning Simplistic, evokes more intense meaning Nike Swoosh logo represents the wing in the famous statue of the ‘How can this be called art? Greek Goddess of victory, Nike My child could have done this.’ http://www.nytimes.com/interactive/2009/ 32 07/31/business/20080801-metrics- graphic.html?ref=business © 2010, Craig DeLarge
  • 33. VizLit Continuum of Expression Contrast Harmony All visual • Instability • Balance communication • Asymmetry • Symmetry works on a • Irregularity • Regularity continuum • Complexity • Simplicity somewhere • Fragmentation • Unity between • Intricacy • Economy contrast & • Exaggeration • Understatement harmony. • Spontaneity • Predictability • Activeness • Stasis Contrast gets • Boldness • Subtlety our interest & • Accent • Neutrality stimulates us. • Transparency • Opacity • Variation • Consistency • Distortion • Accuracy Harmony give us rest & security. • Depth • Flatness • Juxtaposition • Singularity • Randomness • Sequentiality • Sharpness • Diffusion • Episodicity © 2010, Craig DeLarge • Repetition 33
  • 34. VizLit Basic Elements 34 © 2010, Craig DeLarge
  • 35. VizLit Basic Elements • Dot • Color • Line • Texture • Shape • Scale/Proportion • Tone • Dimension • Motion • These are like the letters, words, & sentences in linguistic literacy. • Literacy requires the ability to use these elements to create meaning 35 © 2010, Craig DeLarge
  • 36. 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 36 © 2010, Craig DeLarge
  • 37. The power of a Dot 37 © 2010, Craig DeLarge
  • 38. Lines are dots, end to end and in motion 38 © 2010, Craig DeLarge
  • 39. Lines can express abstractly or concretely 39 © 2010, Craig DeLarge
  • 40. Shape ■ The union of different lines ■ There are basically 3 shapes ■ squares ■ triangles ■ circles ■ Each has an inherent meaning 40 © 2010, Craig DeLarge
  • 41. Tone ■ Variance in the lightness or darkness of objects ■ Allows is to distinguish between this and that, even without color ■ Most critical for survival 41 © 2010, Craig DeLarge
  • 42. Color ■ Shapes perception ■ Affects emotion 42 © 2010, Craig DeLarge
  • 43. Texture Tactile 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. 44 © 2010, Craig DeLarge
  • 44. 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 45 © 2010, Craig DeLarge
  • 45. VizLit Questions • Who is intended audience? • What is intended message? • How is communications successful? • Why is communication successful? 46 © 2010, Craig DeLarge
  • 46. This Week’s Focus • Read Chapters 1-2 • Read Chapters 3-4, if ambitious • Complete Chapter 1 & 2 exercises • Contemplate your final project choices 47 © 2010, Craig DeLarge