SlideShare ist ein Scribd-Unternehmen logo
1 von 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 specic
   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?

Weitere ähnliche Inhalte

Was ist angesagt?

Theory Of Semiotics
Theory Of SemioticsTheory Of Semiotics
Theory Of Semiotics
Halfmazin
 
Semiotics and Logo Designs
Semiotics and Logo DesignsSemiotics and Logo Designs
Semiotics and Logo Designs
Ms Walters
 
Introduction to Visual Culture
Introduction to Visual CultureIntroduction to Visual Culture
Introduction to Visual Culture
DeborahJ
 
Semiotics
SemioticsSemiotics
Semiotics
Sana Hasan
 
Introduction to Visual Culture
Introduction to Visual CultureIntroduction to Visual Culture
Introduction to Visual Culture
DeborahJ
 
Icon index revision
Icon index revisionIcon index revision
Icon index revision
emmsav
 
Kress erika
Kress erikaKress erika
Kress erika
FALE - UFMG
 

Was ist angesagt? (20)

Semiotic analysis
Semiotic analysisSemiotic analysis
Semiotic analysis
 
Semiotics
SemioticsSemiotics
Semiotics
 
Theory Of Semiotics
Theory Of SemioticsTheory Of Semiotics
Theory Of Semiotics
 
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
 
Art100Module6 Semiotic Analysis
Art100Module6 Semiotic AnalysisArt100Module6 Semiotic Analysis
Art100Module6 Semiotic Analysis
 
Signs, symbols and visual codes
Signs, symbols and visual codesSigns, symbols and visual codes
Signs, symbols and visual codes
 
Semiotic Codes: Metonymic, Analogical, Displaced and Condensed
Semiotic Codes: Metonymic, Analogical, Displaced and CondensedSemiotic Codes: Metonymic, Analogical, Displaced and Condensed
Semiotic Codes: Metonymic, Analogical, Displaced and Condensed
 
Semiotics and Logo Designs
Semiotics and Logo DesignsSemiotics and Logo Designs
Semiotics and Logo Designs
 
Roland Barthes - Semiotics
Roland Barthes - SemioticsRoland Barthes - Semiotics
Roland Barthes - Semiotics
 
Semiotics theory of visual communication
Semiotics theory of visual communicationSemiotics theory of visual communication
Semiotics theory of visual communication
 
The application of semiotics in advertising
The application of semiotics in advertisingThe application of semiotics in advertising
The application of semiotics in advertising
 
Introduction to Visual Culture
Introduction to Visual CultureIntroduction to Visual Culture
Introduction to Visual Culture
 
Semiotics
SemioticsSemiotics
Semiotics
 
semiotic Analysis
semiotic  Analysissemiotic  Analysis
semiotic Analysis
 
Introduction to Visual Culture
Introduction to Visual CultureIntroduction to Visual Culture
Introduction to Visual Culture
 
Media language
Media languageMedia language
Media language
 
Icon index revision
Icon index revisionIcon index revision
Icon index revision
 
Kress erika
Kress erikaKress erika
Kress erika
 
Visual communication and Visual communication theories
Visual communication and Visual communication theoriesVisual communication and Visual communication theories
Visual communication and Visual communication theories
 
Is a picture worth 1,000 words? Textual Analysis
Is a picture worth 1,000 words? Textual AnalysisIs a picture worth 1,000 words? Textual Analysis
Is a picture worth 1,000 words? Textual Analysis
 

Ähnlich wie Visual Semiotics

Interpreting The Media
Interpreting The MediaInterpreting The Media
Interpreting The Media
Belinda 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 reality
Nadia 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 dimensions
Anila Cherian
 

Ähnlich wie 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
 

Mehr von Coky Fauzi Alfi

Ogd indonesia-final-for-publication
Ogd indonesia-final-for-publicationOgd indonesia-final-for-publication
Ogd indonesia-final-for-publication
Coky Fauzi Alfi
 
Gsar id final 18 apr _smaller
Gsar id final 18 apr _smallerGsar id final 18 apr _smaller
Gsar id final 18 apr _smaller
Coky Fauzi Alfi
 
Jumpa pers-kemdikbud-akhir-tahun-2012
Jumpa pers-kemdikbud-akhir-tahun-2012Jumpa pers-kemdikbud-akhir-tahun-2012
Jumpa pers-kemdikbud-akhir-tahun-2012
Coky 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_opt43
Coky Fauzi Alfi
 
M05 mengelola proses desain
M05 mengelola proses desainM05 mengelola proses desain
M05 mengelola proses desain
Coky Fauzi Alfi
 
M03 mengelola strategi desain-key skills
M03 mengelola strategi desain-key skillsM03 mengelola strategi desain-key skills
M03 mengelola strategi desain-key skills
Coky Fauzi Alfi
 
M04 mengelola strategi desain
M04 mengelola strategi desainM04 mengelola strategi desain
M04 mengelola strategi desain
Coky Fauzi Alfi
 
M06 introduksi jaringan komputer
M06 introduksi jaringan komputerM06 introduksi jaringan komputer
M06 introduksi jaringan komputer
Coky Fauzi Alfi
 
M02 introduksi manajemen desain
M02 introduksi manajemen desainM02 introduksi manajemen desain
M02 introduksi manajemen desain
Coky Fauzi Alfi
 
M05 introduksi perangkat lunak
M05 introduksi perangkat lunakM05 introduksi perangkat lunak
M05 introduksi perangkat lunak
Coky Fauzi Alfi
 
M04 introduksi perangkat keras
M04 introduksi perangkat kerasM04 introduksi perangkat keras
M04 introduksi perangkat keras
Coky Fauzi Alfi
 
M01 introduksi teori manajemen
M01 introduksi teori manajemenM01 introduksi teori manajemen
M01 introduksi teori manajemen
Coky Fauzi Alfi
 
M03 introduksi dikw
M03 introduksi dikwM03 introduksi dikw
M03 introduksi dikw
Coky Fauzi Alfi
 
M02 introduksi teknologi informasi
M02 introduksi teknologi informasiM02 introduksi teknologi informasi
M02 introduksi teknologi informasi
Coky Fauzi Alfi
 
M02 introduksi teknologi informasi
M02 introduksi teknologi informasiM02 introduksi teknologi informasi
M02 introduksi teknologi informasi
Coky Fauzi Alfi
 

Mehr von 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
 

KĂźrzlich hochgeladen

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Victor Rentea
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 

KĂźrzlich hochgeladen (20)

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital AdaptabilityPlatformless Horizons for Digital Adaptability
Platformless Horizons for Digital Adaptability
 
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Vector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptxVector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptx
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 

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 specic 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.