SlideShare une entreprise Scribd logo
1  sur  25
Kuliah Proses Komunikasi
                        Oleh Coky Fauzi Alfi
               cokyfauzialfi.wordpress.com




Visual Semiotics
Topics

• Semiotics
• Sign
• The Hidden Meaning of Layout
“A message is a construction of
signs and through interaction
with the viewer it produces
meaning”
(Fiske, 1990)
Semiotics
• Semiotics is generally described as the
  “study of signs.”
• Semiotics tries to investigate how images
  create meaning.
• Visual semiotics is a subdomain of
  semiotics that analyzes visual signs.
• The philosopher: Ferdinand de
  Saussure, Roland Barthes and Charles
  Sanders Peirce
Three important principles when analyzing a
semiotic system:

1. Semioticians believe all people see the world
   through signs.
2. The meaning of signs is created by people
   and does not exist separately from them and
   the life of their social/cultural community.
3. Semiotic systems provide people with a
   variety of resources for making meaning.
Sign
• Denotation: What you see
• Signifier: The visible or present component
  1. Icon: The signifer represents the signifed by
     apparently having likeness to it (as for example
     photographs and maps)
  2. Symbol: Symbolic signs have a conventionalized
     but clearly arbitrary relationship between
     signifer and signifed.
  3. Index: The sign refers to something, which is not
     in the image (you see smoke, but not what
     produced the smoke). It is about causal
     relationships and narrative aspects
• Connotation: What you think
• Signified: The invisible or tacit
  component
  1. Paradigm: A substitution of a group of
     elements
  2. Syntagm: A whole sequence of elements,
     like a layout.
The text operates on a denotative level. It
describes what is already shown in the image.
In this image the anchorage of the text works on the connotative meaning.
The Yin Yang
                                            emphazises that
                                            a city should live
                                            in balance with
                                            its surrounding
                                            nature.

                                            The blue of the
                                            flag is
                                            substituted with
                                            water, showing
                                            that the rising
                                            sea level
                                            threatens the
                                            Netherlands.

                                            The signature
                                            makes human
                                            rights a
                                            personal matter.


An iconic representation of an ice bear,
which is in danger due to the rise of the
oceans.
Indexical signs are showing a causal relationship and supporting a narrative
aspect in the image. The wholes and the wall are standing for war, the
imprints of the ball show that also in war zones children play and should
have the right to play.
Sign Systems
• A set of signs is called a sign system or a code.
• Meaning comes not just from the individual
  sign, but more importantly from the set of
  signs within which it appears.
• Codes include language, gestures,food,
  clothing, objects, dance, and music.
• In real life, just as no one sign stands alone,
  codes must be understood in terms of their
  mutual influences.
The Hidden Meaning of Layout
Gunther Kress and Theo Leeuwen analyze layout in terms of
three systems:
1. Information Value
   The placement of elements endows them with the specific
   informational values attached to the various ‘zones’ of the
   image: left and right, top and bottom, centre and margin.
2. Salience
   The elements are made to attract the viewer’s attention to
   different degrees, as realized by such factors as placement in
   the foreground or background, relative size, contrasts in
   tonal value (or colour), differences in sharpness, etc.
3. Framing
   The presence or absence of framing devices disconnects or
   connects elements of the image, signifying that they belong
   or do not belong together in some sense.
Information value can have three different structures:

1. Top-Bottom Structure
   The ideal is found on the top, the real is found at the
   bottom
2. Centre-Margin
   Whatever is placed in the center is the nucleus of
   information, there is little left-right movement, more
   common in certain eastern cultures
3. Left-Right Structure
   On the left hand side information is found that the
   viewer already knows, on the right side information
   which is new
‘Make some noise for those who can’t be heard.’
© 2011
cokyfauzialfi.wordpress.com
What’s Your Message?

Contenu connexe

Tendances

Introduction to Visual Culture
Introduction to Visual CultureIntroduction to Visual Culture
Introduction to Visual CultureDeborahJ
 
Roland Barthes - Semiotics
Roland Barthes - SemioticsRoland Barthes - Semiotics
Roland Barthes - SemioticsZahra Khan
 
Signs and codes semiotic analysis
Signs and codes semiotic analysisSigns and codes semiotic analysis
Signs and codes semiotic analysisRiyaztyagi21
 
Visual communication
Visual communicationVisual communication
Visual communicationRida Farooq
 
Media language lesson one
Media language lesson oneMedia language lesson one
Media language lesson onecigdemkalem
 
Narrative Image: The How and Why of Visual Storytelling
Narrative Image: The How and Why of Visual StorytellingNarrative Image: The How and Why of Visual Storytelling
Narrative Image: The How and Why of Visual StorytellingDaniela Molnar
 
SEMIOTICS OF BRAND BUILDING
SEMIOTICS OF BRAND BUILDINGSEMIOTICS OF BRAND BUILDING
SEMIOTICS OF BRAND BUILDINGSudio Sudarsan
 
visual communication
visual communication visual communication
visual communication asun camarasa
 
Representation in Media
Representation in MediaRepresentation in Media
Representation in Mediakhalfyard
 
Visual Communication
Visual CommunicationVisual Communication
Visual Communicationk.baskar
 
Visual communication and Visual communication theories
Visual communication and Visual communication theoriesVisual communication and Visual communication theories
Visual communication and Visual communication theoriesDanielle Oser, APR
 

Tendances (20)

Semiotics
SemioticsSemiotics
Semiotics
 
Introduction to Visual Culture
Introduction to Visual CultureIntroduction to Visual Culture
Introduction to Visual Culture
 
Semiotics for beginners
Semiotics for beginnersSemiotics for beginners
Semiotics for beginners
 
Roland Barthes - Semiotics
Roland Barthes - SemioticsRoland Barthes - Semiotics
Roland Barthes - Semiotics
 
Semiotics
SemioticsSemiotics
Semiotics
 
Signs and codes semiotic analysis
Signs and codes semiotic analysisSigns and codes semiotic analysis
Signs and codes semiotic analysis
 
Semiotics
SemioticsSemiotics
Semiotics
 
Kress erika
Kress erikaKress erika
Kress erika
 
Chap 1 visual communication
Chap 1 visual communicationChap 1 visual communication
Chap 1 visual communication
 
Visual communication
Visual communicationVisual communication
Visual communication
 
Media language lesson one
Media language lesson oneMedia language lesson one
Media language lesson one
 
Narrative Image: The How and Why of Visual Storytelling
Narrative Image: The How and Why of Visual StorytellingNarrative Image: The How and Why of Visual Storytelling
Narrative Image: The How and Why of Visual Storytelling
 
SEMIOTICS OF BRAND BUILDING
SEMIOTICS OF BRAND BUILDINGSEMIOTICS OF BRAND BUILDING
SEMIOTICS OF BRAND BUILDING
 
visual communication
visual communication visual communication
visual communication
 
Media language
Media languageMedia language
Media language
 
Representation in Media
Representation in MediaRepresentation in Media
Representation in Media
 
Visual Communication
Visual CommunicationVisual Communication
Visual Communication
 
Visual communication and Visual communication theories
Visual communication and Visual communication theoriesVisual communication and Visual communication theories
Visual communication and Visual communication theories
 
Semiotics
SemioticsSemiotics
Semiotics
 
Visual Communication
Visual CommunicationVisual Communication
Visual Communication
 

Similaire à Visual Semiotics

Media language theory
Media language theoryMedia language theory
Media language theoryLiz Davies
 
Interpreting The Media
Interpreting The MediaInterpreting The Media
Interpreting The MediaBelinda Raji
 
Symbolism – its significance and role in human
Symbolism – its significance and role in human Symbolism – its significance and role in human
Symbolism – its significance and role in human swarna dey
 
Unit 2: Spinning webs of meaning, language and social reality
Unit 2: Spinning webs of meaning, language and social realityUnit 2: Spinning webs of meaning, language and social reality
Unit 2: Spinning webs of meaning, language and social realityNadia Gabriela Dresscher
 
chapter 5, public places urban spaces- Perceptual dimensions
chapter 5, public places urban spaces- Perceptual dimensionschapter 5, public places urban spaces- Perceptual dimensions
chapter 5, public places urban spaces- Perceptual dimensionsAnila Cherian
 
Different Culture - Different sign perception
Different Culture - Different sign perceptionDifferent Culture - Different sign perception
Different Culture - Different sign perceptionguest5efb65
 

Similaire à Visual Semiotics (6)

Media language theory
Media language theoryMedia language theory
Media language theory
 
Interpreting The Media
Interpreting The MediaInterpreting The Media
Interpreting The Media
 
Symbolism – its significance and role in human
Symbolism – its significance and role in human Symbolism – its significance and role in human
Symbolism – its significance and role in human
 
Unit 2: Spinning webs of meaning, language and social reality
Unit 2: Spinning webs of meaning, language and social realityUnit 2: Spinning webs of meaning, language and social reality
Unit 2: Spinning webs of meaning, language and social reality
 
chapter 5, public places urban spaces- Perceptual dimensions
chapter 5, public places urban spaces- Perceptual dimensionschapter 5, public places urban spaces- Perceptual dimensions
chapter 5, public places urban spaces- Perceptual dimensions
 
Different Culture - Different sign perception
Different Culture - Different sign perceptionDifferent Culture - Different sign perception
Different Culture - Different sign perception
 

Plus de Coky Fauzi Alfi

Bagaimana Memahami Islamic Marketing?
Bagaimana Memahami Islamic Marketing?Bagaimana Memahami Islamic Marketing?
Bagaimana Memahami Islamic Marketing?Coky Fauzi Alfi
 
Ogd indonesia-final-for-publication
Ogd indonesia-final-for-publicationOgd indonesia-final-for-publication
Ogd indonesia-final-for-publicationCoky Fauzi Alfi
 
Gsar id final 18 apr _smaller
Gsar id final 18 apr _smallerGsar id final 18 apr _smaller
Gsar id final 18 apr _smallerCoky Fauzi Alfi
 
Jumpa pers-kemdikbud-akhir-tahun-2012
Jumpa pers-kemdikbud-akhir-tahun-2012Jumpa pers-kemdikbud-akhir-tahun-2012
Jumpa pers-kemdikbud-akhir-tahun-2012Coky Fauzi Alfi
 
Annual report kip_(17_juli_2012)_rev_1_opt43
Annual report kip_(17_juli_2012)_rev_1_opt43Annual report kip_(17_juli_2012)_rev_1_opt43
Annual report kip_(17_juli_2012)_rev_1_opt43Coky Fauzi Alfi
 
M05 mengelola proses desain
M05 mengelola proses desainM05 mengelola proses desain
M05 mengelola proses desainCoky Fauzi Alfi
 
M03 mengelola strategi desain-key skills
M03 mengelola strategi desain-key skillsM03 mengelola strategi desain-key skills
M03 mengelola strategi desain-key skillsCoky Fauzi Alfi
 
M04 mengelola strategi desain
M04 mengelola strategi desainM04 mengelola strategi desain
M04 mengelola strategi desainCoky Fauzi Alfi
 
M06 introduksi jaringan komputer
M06 introduksi jaringan komputerM06 introduksi jaringan komputer
M06 introduksi jaringan komputerCoky Fauzi Alfi
 
M02 introduksi manajemen desain
M02 introduksi manajemen desainM02 introduksi manajemen desain
M02 introduksi manajemen desainCoky Fauzi Alfi
 
M05 introduksi perangkat lunak
M05 introduksi perangkat lunakM05 introduksi perangkat lunak
M05 introduksi perangkat lunakCoky Fauzi Alfi
 
M04 introduksi perangkat keras
M04 introduksi perangkat kerasM04 introduksi perangkat keras
M04 introduksi perangkat kerasCoky Fauzi Alfi
 
M01 introduksi teori manajemen
M01 introduksi teori manajemenM01 introduksi teori manajemen
M01 introduksi teori manajemenCoky Fauzi Alfi
 
M02 introduksi teknologi informasi
M02 introduksi teknologi informasiM02 introduksi teknologi informasi
M02 introduksi teknologi informasiCoky Fauzi Alfi
 
M02 introduksi teknologi informasi
M02 introduksi teknologi informasiM02 introduksi teknologi informasi
M02 introduksi teknologi informasiCoky Fauzi Alfi
 

Plus de Coky Fauzi Alfi (20)

Bagaimana Memahami Islamic Marketing?
Bagaimana Memahami Islamic Marketing?Bagaimana Memahami Islamic Marketing?
Bagaimana Memahami Islamic Marketing?
 
Ogd indonesia-final-for-publication
Ogd indonesia-final-for-publicationOgd indonesia-final-for-publication
Ogd indonesia-final-for-publication
 
Gsar id final 18 apr _smaller
Gsar id final 18 apr _smallerGsar id final 18 apr _smaller
Gsar id final 18 apr _smaller
 
Buku fakta-tembakau
Buku fakta-tembakauBuku fakta-tembakau
Buku fakta-tembakau
 
Jumpa pers-kemdikbud-akhir-tahun-2012
Jumpa pers-kemdikbud-akhir-tahun-2012Jumpa pers-kemdikbud-akhir-tahun-2012
Jumpa pers-kemdikbud-akhir-tahun-2012
 
Annual report kip_(17_juli_2012)_rev_1_opt43
Annual report kip_(17_juli_2012)_rev_1_opt43Annual report kip_(17_juli_2012)_rev_1_opt43
Annual report kip_(17_juli_2012)_rev_1_opt43
 
Isi
IsiIsi
Isi
 
Uu 2008 14..
Uu 2008 14..Uu 2008 14..
Uu 2008 14..
 
M05 mengelola proses desain
M05 mengelola proses desainM05 mengelola proses desain
M05 mengelola proses desain
 
M03 mengelola strategi desain-key skills
M03 mengelola strategi desain-key skillsM03 mengelola strategi desain-key skills
M03 mengelola strategi desain-key skills
 
M04 mengelola strategi desain
M04 mengelola strategi desainM04 mengelola strategi desain
M04 mengelola strategi desain
 
M06 introduksi jaringan komputer
M06 introduksi jaringan komputerM06 introduksi jaringan komputer
M06 introduksi jaringan komputer
 
M02 introduksi manajemen desain
M02 introduksi manajemen desainM02 introduksi manajemen desain
M02 introduksi manajemen desain
 
M05 introduksi perangkat lunak
M05 introduksi perangkat lunakM05 introduksi perangkat lunak
M05 introduksi perangkat lunak
 
M04 introduksi perangkat keras
M04 introduksi perangkat kerasM04 introduksi perangkat keras
M04 introduksi perangkat keras
 
M01 introduksi teori manajemen
M01 introduksi teori manajemenM01 introduksi teori manajemen
M01 introduksi teori manajemen
 
M03 introduksi dikw
M03 introduksi dikwM03 introduksi dikw
M03 introduksi dikw
 
Silabus
SilabusSilabus
Silabus
 
M02 introduksi teknologi informasi
M02 introduksi teknologi informasiM02 introduksi teknologi informasi
M02 introduksi teknologi informasi
 
M02 introduksi teknologi informasi
M02 introduksi teknologi informasiM02 introduksi teknologi informasi
M02 introduksi teknologi informasi
 

Dernier

[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdfhans926745
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024The Digital Insurer
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationRadu Cotescu
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessPixlogix Infotech
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024The Digital Insurer
 
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilDeveloping An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilV3cube
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slidevu2urc
 
Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfTech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfhans926745
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobeapidays
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptxHampshireHUG
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoffsammart93
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CVKhem
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?Antenna Manufacturer Coco
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024The Digital Insurer
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...Neo4j
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024The Digital Insurer
 

Dernier (20)

[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilDeveloping An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of Brazil
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfTech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdf
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 

Visual Semiotics

  • 1. Kuliah Proses Komunikasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com Visual Semiotics
  • 2. Topics • Semiotics • Sign • The Hidden Meaning of Layout
  • 3. “A message is a construction of signs and through interaction with the viewer it produces meaning” (Fiske, 1990)
  • 5. • Semiotics is generally described as the “study of signs.” • Semiotics tries to investigate how images create meaning. • Visual semiotics is a subdomain of semiotics that analyzes visual signs. • The philosopher: Ferdinand de Saussure, Roland Barthes and Charles Sanders Peirce
  • 6. Three important principles when analyzing a semiotic system: 1. Semioticians believe all people see the world through signs. 2. The meaning of signs is created by people and does not exist separately from them and the life of their social/cultural community. 3. Semiotic systems provide people with a variety of resources for making meaning.
  • 7.
  • 9.
  • 10. • Denotation: What you see • Signifier: The visible or present component 1. Icon: The signifer represents the signifed by apparently having likeness to it (as for example photographs and maps) 2. Symbol: Symbolic signs have a conventionalized but clearly arbitrary relationship between signifer and signifed. 3. Index: The sign refers to something, which is not in the image (you see smoke, but not what produced the smoke). It is about causal relationships and narrative aspects
  • 11. • Connotation: What you think • Signified: The invisible or tacit component 1. Paradigm: A substitution of a group of elements 2. Syntagm: A whole sequence of elements, like a layout.
  • 12. The text operates on a denotative level. It describes what is already shown in the image.
  • 13. In this image the anchorage of the text works on the connotative meaning.
  • 14.
  • 15. The Yin Yang emphazises that a city should live in balance with its surrounding nature. The blue of the flag is substituted with water, showing that the rising sea level threatens the Netherlands. The signature makes human rights a personal matter. An iconic representation of an ice bear, which is in danger due to the rise of the oceans.
  • 16. Indexical signs are showing a causal relationship and supporting a narrative aspect in the image. The wholes and the wall are standing for war, the imprints of the ball show that also in war zones children play and should have the right to play.
  • 17. Sign Systems • A set of signs is called a sign system or a code. • Meaning comes not just from the individual sign, but more importantly from the set of signs within which it appears. • Codes include language, gestures,food, clothing, objects, dance, and music. • In real life, just as no one sign stands alone, codes must be understood in terms of their mutual influences.
  • 18. The Hidden Meaning of Layout
  • 19. Gunther Kress and Theo Leeuwen analyze layout in terms of three systems: 1. Information Value The placement of elements endows them with the specific informational values attached to the various ‘zones’ of the image: left and right, top and bottom, centre and margin. 2. Salience The elements are made to attract the viewer’s attention to different degrees, as realized by such factors as placement in the foreground or background, relative size, contrasts in tonal value (or colour), differences in sharpness, etc. 3. Framing The presence or absence of framing devices disconnects or connects elements of the image, signifying that they belong or do not belong together in some sense.
  • 20.
  • 21. Information value can have three different structures: 1. Top-Bottom Structure The ideal is found on the top, the real is found at the bottom 2. Centre-Margin Whatever is placed in the center is the nucleus of information, there is little left-right movement, more common in certain eastern cultures 3. Left-Right Structure On the left hand side information is found that the viewer already knows, on the right side information which is new
  • 22. ‘Make some noise for those who can’t be heard.’
  • 23.
  • 24.