SlideShare a Scribd company logo
VDIS10021
WORKING IN DIGITAL DESIGN
SANGEETA JAIN
VISUAL
COMMUNICATION
THEORIES
WHY THE THEORIES?
• Our world is full of visuals. Visuals are an essential and expected part of the
digital world too. Visual communication is communication through images and
communication of ideas and information. Thus the study of the theories of
visual communication is an absolute must us designers. When designers take,
edit pictures or create digital images they cannot capture the entire view in
their frame. They must select a part and compose that aesthetically to appear
in the frame available to them. The knowledge and understanding of the
theories of visual communication helps to do this proficiently and artistically.
VISUAL COMMUNICATION THEORIES
There are 2 types of theories in visual communication:
• Sensual Theories are raw data from nerves transmitted to brain.
• Gestalt Theory
• Constructivism Theory
• Ecological Theory
• Perceptual Theories are meanings concluded after the stimuli are received.
• Semiotics Theory
• Cognitive Theory
GESTALT IS A GERMAN WORD WHICH MEANS
"UNIFIED WHOLE".
GESTALT THEORY
• In 1910, psychologist Max Wertheimer had an insight when he observed a series of
lights flashing on and off at a railroad crossing. It was similar to how the lights
encircling a movie theatre marquee flash on and off. Wertheimer’s observation was
that we perceive motion when there is nothing more than a rapid sequence of
individual sensory events such as a series of lights flashing in sequence.
• We visually and psychologically attempt to make order out of chaos, to create
harmony or structure from seemingly disconnected bits of information.
• This observation led to a set of principles about how we visually perceive objects.
Similarity
• Similarity refers to groupings by number of characteristics can be similar:
colour, shape, size, texture, etc. Thud when a viewer sees these similar
characteristics, they perceive the elements to be related due to the shared
characteristics.
GESTALT THEORY – LAWS OF GROUPING
SIMILARITY
The example above (containing 11 distinct objects) appears
as single unit because all of the shapes have similarity.
Continuation
• Continuance is the principle that once you start looking in a direction, you’ll
continue to look in that direction until something significant catches your eye.
GESTALT THEORY – LAWS OF GROUPING
CONTINUATION
Continuation occurs in the example above, because the viewer's eye will
naturally follow a line or curve. The smooth flowing crossbar of the "H"
leads the eye directly to the maple leaf.
Closure
• Closure occurs when an object is incomplete or a space is not completely
enclosed. If enough of the shape is indicated, people perceive the whole by
filling in the missing information.
GESTALT THEORY – LAWS OF GROUPING
CLOSURE
Imaginary lines called counter forms, are generated by relationships, even
though there is “nothing” there.
Proximity
• Proximity occurs when elements are placed close together. They tend to be
perceived as a group.
GESTALT THEORY – LAWS OF GROUPING
PROXIMITY
The nine squares above are placed
without proximity. They are perceived as
separate shapes.
When the squares are grouped in
close proximity, unity occurs. Grouping
can be achieved by colour, shape,
size, tone, physical attributes etc.
Figure and Ground
• The eye differentiates an object form its surrounding area. a form, silhouette,
or shape is naturally perceived as figure (object), while the surrounding area
is perceived as ground (background). This principle shows our perceptual
tendency to separate whole figures from their backgrounds based on one or
more of a number of possible variables, such as contrast, color, size, etc.
GESTALT THEORY – LAWS OF GROUPING
FIGURE AND GROUND
CONSTRUCTIVISM THEORY
• Julian Hochberg, a psychology professor at Columbia University found that
human eyes constantly in motion as they scan an image. He came up with the
Constructivism Theory to explain “eye-fixations” as a way for viewers to make
sense of their own perceptions. In his experiments, Hochberg used eye tracking
machines to monitor what how the participants looked at an image. In the
study, by using graphic images, it was found that viewers found the largest
picture on a page first, and then looked the headline for the story.
• When we look at anything, we have to piece it together. We do this through a
series of rapid eye movements that assemble a blueprint of what we’re
looking at, while at the same time comparing the results to memory and past
associations. So, in effect, we construct images out of many narrowly focused
observations. Thus the Constructivism Theory helps to understand exactly how
certain visual cues are noticed and how others are not noticed.
CONSTRUCTIVISM THEORY
ECOLOGICAL THEORY
• This theory was founded by James J. Gibson, an American psychologist. Gibson
challenged the idea that the nervous system actively constructs conscious visual
perception and instead promoted ecological psychology, in which the mind directly
perceives environmental stimuli without additional cognitive construction or processing.
Gibson developed what he called an “ecological approach” to the study of visual
perception, according to which humans perceive their environments directly, without
mediation by cognitive processes or by mental entities such as sense-data. This idea
was radical because it contradicted a centuries-old model of the origins of human
knowledge. As Gibson himself put it, “The old idea that sensory inputs are converted
into perceptions by operations of the mind is rejected.”
ECOLOGICAL THEORY
• We interpret what we see through spatial properties in the environment:
Surface layout, composition, lighting, motion, gradation, shape, size, solidity
and scale.
• Light is the way it reveals the three dimensionality of objects and scale, the
way objects diminish as they recede from us are the two most important
properties that we use to interpret space.
• Many perceptions about size and depth require no “mental calculation”
SEMIOTICS THEORY
• It is based on “semiosis,” the relationship between a sign, an object, and a meaning.
Signs is simply anything that stands for something else. There are 3 types of signs
with different speeds of comprehension:
• Iconic – some form similarity between signs and object it represents. Easiest to understand.
• Indexical – harder to interpret than icons, but still a logical connection to the thing they
represent. Examples: footprint, smoke, fingerprints, crumbs
• Symbolic – most abstract; no logical or representational connection to the thing they
represent. Examples: letters, words, numbers, colors, gestures, flags, costumes, music etc. They
are the most flexible and involve manipulation of universally understood signs.
• Semiotics emphasize the importance of symbolism in the visual perception and
communication.
COGNITIVE THEORY
• Cognitive theory suggests that perception is not just the result of visual stimuli,
but involves a series of mental processes in which we compare what we see to
our memories and use those to interpret and analyse. In other words, we
understand what we’re looking at most easily by comparing it to what we’re
familiar with. We are constantly on the lookout for things with which we’re
familiar. So we see, for example, faces in inanimate objects simply because
some features look vaguely like eyes and a mouth, such as the man in the
moon.
COGNITIVE THEORY
Comic strip characters might bear little resemblance to real
humans, yet we recognize them as such because they fit into our
preconceived images of basic human characteristics.
COMPOSITIONAL THEORIES
The Golden Ratio
• The Golden Ratio is a mathematical ratio that describes the perfectly
symmetrical relationship between two proportions. Approximately equal to a
1:1.61 ratio, the Golden Ratio can be illustrated using a Golden Rectangle
and is used to create pleasing, natural looking compositions in any design
work. The Renaissance artists of 15th and 16th Centuries used divine
proportion to create their paintings, architecture or sculptures.
THE GOLDEN RATIO
COMPOSITIONAL THEORIES
The Rule of Thirds
• The rule of thirds is one of the most useful composition technique to produce images
which are more engaging and better balanced. The rule of thirds is applied by
aligning a subject with the guide lines and their intersection points, placing the
horizon on the top or bottom line or allowing linear features in the image to flow
from section to section. The idea is that an off-centre composition is more pleasing to
the eye and looks more natural than one where the subject is placed right in the
middle of the frame. It also encourages to make creative use of negative space, the
empty areas around the subject.
THE GOLDEN RATIO
ASSESSMENT TASK 1
Visual Communication Theory & Photo Media
• Conduct a research project into Visual Communication Theories to establish
their role in the production of photo media. Refer to Assessment Task 1 brief
for details. If you have any questions/concerns, feel free to post them on the
Discussion Forum.
• Due Date: End of Week 4
• Weight: 30%

More Related Content

What's hot

Visual communication the more you know the more you see
Visual communication the more you know the more you seeVisual communication the more you know the more you see
Visual communication the more you know the more you see
Danielle Oser, APR
 
Visual communication and Visual cues part one
Visual communication and Visual cues part oneVisual communication and Visual cues part one
Visual communication and Visual cues part one
Danielle Oser, APR
 
Semiotics
SemioticsSemiotics
Semiotics
Mike Gunn
 
Representation in Media
Representation in MediaRepresentation in Media
Representation in Media
khalfyard
 
Media Theories.
Media Theories.Media Theories.
Media Theories.
Geoff Moss
 
History of Visual Communication | Guide to Visual Communication by ADMEC Mult...
History of Visual Communication | Guide to Visual Communication by ADMEC Mult...History of Visual Communication | Guide to Visual Communication by ADMEC Mult...
History of Visual Communication | Guide to Visual Communication by ADMEC Mult...
Ravi Bhadauria
 
Visual culture and culture jamming
Visual culture and culture jammingVisual culture and culture jamming
Visual culture and culture jamming
Jenna Duncan
 
Two step flow theory
Two step flow theoryTwo step flow theory
Two step flow theory
Sana butt
 
Various advertising Theories
Various advertising TheoriesVarious advertising Theories
Various advertising Theories
Athul Kamath
 
Networked Journalism
Networked JournalismNetworked Journalism
Networked Journalism
Seth Lewis
 
Spiral of silence
Spiral of silenceSpiral of silence
Spiral of silence
Adan Butt
 
Semiotics introduction
Semiotics introductionSemiotics introduction
Semiotics introductionHooria Touseef
 
Media dependency theory presentation
Media dependency theory presentationMedia dependency theory presentation
Media dependency theory presentation
htreece
 
Narrative theories
Narrative theoriesNarrative theories
Narrative theories
Sarah mediafilm
 
Semiotics
SemioticsSemiotics
Semiotics
jonmeier
 
Introduction to Visual Culture
Introduction to Visual CultureIntroduction to Visual Culture
Introduction to Visual CultureDeborahJ
 
Semiotics theory of visual communication
Semiotics theory of visual communicationSemiotics theory of visual communication
Semiotics theory of visual communication
Xoya Nadeem
 
Elements of visual storytelling
Elements of visual storytellingElements of visual storytelling
Elements of visual storytelling
Danianese Woods
 

What's hot (20)

Semiotic analysis
Semiotic analysisSemiotic analysis
Semiotic analysis
 
Visual communication the more you know the more you see
Visual communication the more you know the more you seeVisual communication the more you know the more you see
Visual communication the more you know the more you see
 
Visual communication and Visual cues part one
Visual communication and Visual cues part oneVisual communication and Visual cues part one
Visual communication and Visual cues part one
 
Advertising Theories
Advertising TheoriesAdvertising Theories
Advertising Theories
 
Semiotics
SemioticsSemiotics
Semiotics
 
Representation in Media
Representation in MediaRepresentation in Media
Representation in Media
 
Media Theories.
Media Theories.Media Theories.
Media Theories.
 
History of Visual Communication | Guide to Visual Communication by ADMEC Mult...
History of Visual Communication | Guide to Visual Communication by ADMEC Mult...History of Visual Communication | Guide to Visual Communication by ADMEC Mult...
History of Visual Communication | Guide to Visual Communication by ADMEC Mult...
 
Visual culture and culture jamming
Visual culture and culture jammingVisual culture and culture jamming
Visual culture and culture jamming
 
Two step flow theory
Two step flow theoryTwo step flow theory
Two step flow theory
 
Various advertising Theories
Various advertising TheoriesVarious advertising Theories
Various advertising Theories
 
Networked Journalism
Networked JournalismNetworked Journalism
Networked Journalism
 
Spiral of silence
Spiral of silenceSpiral of silence
Spiral of silence
 
Semiotics introduction
Semiotics introductionSemiotics introduction
Semiotics introduction
 
Media dependency theory presentation
Media dependency theory presentationMedia dependency theory presentation
Media dependency theory presentation
 
Narrative theories
Narrative theoriesNarrative theories
Narrative theories
 
Semiotics
SemioticsSemiotics
Semiotics
 
Introduction to Visual Culture
Introduction to Visual CultureIntroduction to Visual Culture
Introduction to Visual Culture
 
Semiotics theory of visual communication
Semiotics theory of visual communicationSemiotics theory of visual communication
Semiotics theory of visual communication
 
Elements of visual storytelling
Elements of visual storytellingElements of visual storytelling
Elements of visual storytelling
 

Similar to Lecture 3 - Visual Communication Theories

1676987669_63f4cd1559cc0.pptx
1676987669_63f4cd1559cc0.pptx1676987669_63f4cd1559cc0.pptx
1676987669_63f4cd1559cc0.pptx
aryabarch22
 
Ask
AskAsk
Unit -3.pptx
Unit -3.pptxUnit -3.pptx
Unit -3.pptx
AGILA R
 
Visual Perception Lecture 2
Visual Perception Lecture 2Visual Perception Lecture 2
Visual Perception Lecture 2
Wilfred Dexter Tanedo
 
4-Elements-Principles-of-Visual-Design (1).pdf
4-Elements-Principles-of-Visual-Design (1).pdf4-Elements-Principles-of-Visual-Design (1).pdf
4-Elements-Principles-of-Visual-Design (1).pdf
rrrf0813
 
Pile Chapter 3 Design Basics Ym
Pile Chapter 3   Design Basics   YmPile Chapter 3   Design Basics   Ym
Pile Chapter 3 Design Basics YmGalala University
 
Perception.pptx
Perception.pptxPerception.pptx
Perception.pptx
sujitha108318
 
009457343.pdf
009457343.pdf009457343.pdf
009457343.pdf
EidTahir
 
Psykofysik
PsykofysikPsykofysik
Psykofysik
Torben Helstrup
 
Visual Principles of Experience Design: Blending Art and Science
Visual Principles of Experience Design: Blending Art and ScienceVisual Principles of Experience Design: Blending Art and Science
Visual Principles of Experience Design: Blending Art and Science
Dan Berlin
 
Week 1-2. Reading Visual Introduction.pptx
Week 1-2. Reading Visual Introduction.pptxWeek 1-2. Reading Visual Introduction.pptx
Week 1-2. Reading Visual Introduction.pptx
MAEABEGAILBAUTISTA1
 
Perception.pptx
Perception.pptxPerception.pptx
Perception.pptx
sujitha108318
 
perception .pptx
perception .pptxperception .pptx
perception .pptx
Ayesha Yaqoob
 
Visualization, Meaning Making and Collaboration
Visualization, Meaning Making and CollaborationVisualization, Meaning Making and Collaboration
Visualization, Meaning Making and Collaboration
Nicola Marae Allain, PhD
 
perception.pptx
perception.pptxperception.pptx
perception.pptx
Roopa127518
 
Section a revision
Section a revisionSection a revision
Section a revision
Aarono1979
 
Presentation notes
Presentation notesPresentation notes
Presentation notes
Beth Koch
 
Perception and Illusion
Perception and IllusionPerception and Illusion
Perception and Illusion
Zain ul Abideen
 

Similar to Lecture 3 - Visual Communication Theories (20)

1676987669_63f4cd1559cc0.pptx
1676987669_63f4cd1559cc0.pptx1676987669_63f4cd1559cc0.pptx
1676987669_63f4cd1559cc0.pptx
 
8 perception (short)
8   perception (short) 8   perception (short)
8 perception (short)
 
8 perception
8   perception8   perception
8 perception
 
Ask
AskAsk
Ask
 
Unit -3.pptx
Unit -3.pptxUnit -3.pptx
Unit -3.pptx
 
Visual Perception Lecture 2
Visual Perception Lecture 2Visual Perception Lecture 2
Visual Perception Lecture 2
 
4-Elements-Principles-of-Visual-Design (1).pdf
4-Elements-Principles-of-Visual-Design (1).pdf4-Elements-Principles-of-Visual-Design (1).pdf
4-Elements-Principles-of-Visual-Design (1).pdf
 
Pile Chapter 3 Design Basics Ym
Pile Chapter 3   Design Basics   YmPile Chapter 3   Design Basics   Ym
Pile Chapter 3 Design Basics Ym
 
Perception.pptx
Perception.pptxPerception.pptx
Perception.pptx
 
009457343.pdf
009457343.pdf009457343.pdf
009457343.pdf
 
Psykofysik
PsykofysikPsykofysik
Psykofysik
 
Visual Principles of Experience Design: Blending Art and Science
Visual Principles of Experience Design: Blending Art and ScienceVisual Principles of Experience Design: Blending Art and Science
Visual Principles of Experience Design: Blending Art and Science
 
Week 1-2. Reading Visual Introduction.pptx
Week 1-2. Reading Visual Introduction.pptxWeek 1-2. Reading Visual Introduction.pptx
Week 1-2. Reading Visual Introduction.pptx
 
Perception.pptx
Perception.pptxPerception.pptx
Perception.pptx
 
perception .pptx
perception .pptxperception .pptx
perception .pptx
 
Visualization, Meaning Making and Collaboration
Visualization, Meaning Making and CollaborationVisualization, Meaning Making and Collaboration
Visualization, Meaning Making and Collaboration
 
perception.pptx
perception.pptxperception.pptx
perception.pptx
 
Section a revision
Section a revisionSection a revision
Section a revision
 
Presentation notes
Presentation notesPresentation notes
Presentation notes
 
Perception and Illusion
Perception and IllusionPerception and Illusion
Perception and Illusion
 

More from Virtu Institute

Lecture 5 - Writing a project report
Lecture 5 - Writing a project reportLecture 5 - Writing a project report
Lecture 5 - Writing a project report
Virtu Institute
 
Lecture 5 - Packaging Materials and Labelling
Lecture 5 - Packaging Materials and LabellingLecture 5 - Packaging Materials and Labelling
Lecture 5 - Packaging Materials and Labelling
Virtu Institute
 
Lecture 4 - Sustainable Packaging Design
Lecture 4 - Sustainable Packaging DesignLecture 4 - Sustainable Packaging Design
Lecture 4 - Sustainable Packaging Design
Virtu Institute
 
Legislation, Codes of Practice and Standards in Graphic Design
Legislation, Codesof Practice and Standards in Graphic DesignLegislation, Codesof Practice and Standards in Graphic Design
Legislation, Codes of Practice and Standards in Graphic Design
Virtu Institute
 
Web Design
Web DesignWeb Design
Web Design
Virtu Institute
 
Digital strategy for ebusiness
Digital strategy for ebusinessDigital strategy for ebusiness
Digital strategy for ebusiness
Virtu Institute
 
Managing Design and eBusiness - Lecture 2
Managing Design and eBusiness - Lecture 2Managing Design and eBusiness - Lecture 2
Managing Design and eBusiness - Lecture 2
Virtu Institute
 
Managing Design and eBusiness - Lecture 1
Managing Design and eBusiness - Lecture 1Managing Design and eBusiness - Lecture 1
Managing Design and eBusiness - Lecture 1
Virtu Institute
 
Design and the Environment - Sustainable Design
Design and the Environment - Sustainable DesignDesign and the Environment - Sustainable Design
Design and the Environment - Sustainable Design
Virtu Institute
 
Design and the Environment - Cradle to Grave
Design and the Environment - Cradle to GraveDesign and the Environment - Cradle to Grave
Design and the Environment - Cradle to Grave
Virtu Institute
 
Digital Print
Digital PrintDigital Print
Digital Print
Virtu Institute
 
OHS and Copyright
OHS and CopyrightOHS and Copyright
OHS and Copyright
Virtu Institute
 
Asset Management and Workflow
Asset Management and WorkflowAsset Management and Workflow
Asset Management and Workflow
Virtu Institute
 
Photomedia in Creative Practice (MANIPULATE IMAGES)
Photomedia in Creative Practice (MANIPULATE IMAGES)Photomedia in Creative Practice (MANIPULATE IMAGES)
Photomedia in Creative Practice (MANIPULATE IMAGES)
Virtu Institute
 
Photomedia in Creative Practice (CREATE IMAGES)
Photomedia in Creative Practice (CREATE IMAGES)Photomedia in Creative Practice (CREATE IMAGES)
Photomedia in Creative Practice (CREATE IMAGES)
Virtu Institute
 
Lecture 2 - Film VS. Digital Photography
Lecture 2 - Film VS. Digital PhotographyLecture 2 - Film VS. Digital Photography
Lecture 2 - Film VS. Digital Photography
Virtu Institute
 
Introduction to Digital Design
Introduction to Digital DesignIntroduction to Digital Design
Introduction to Digital Design
Virtu Institute
 
A little about Designing
A little about DesigningA little about Designing
A little about Designing
Virtu Institute
 
Lecture 4 - Media Strategy
Lecture 4 - Media StrategyLecture 4 - Media Strategy
Lecture 4 - Media Strategy
Virtu Institute
 
Lecture 3 - Problem Statement
Lecture 3 - Problem StatementLecture 3 - Problem Statement
Lecture 3 - Problem Statement
Virtu Institute
 

More from Virtu Institute (20)

Lecture 5 - Writing a project report
Lecture 5 - Writing a project reportLecture 5 - Writing a project report
Lecture 5 - Writing a project report
 
Lecture 5 - Packaging Materials and Labelling
Lecture 5 - Packaging Materials and LabellingLecture 5 - Packaging Materials and Labelling
Lecture 5 - Packaging Materials and Labelling
 
Lecture 4 - Sustainable Packaging Design
Lecture 4 - Sustainable Packaging DesignLecture 4 - Sustainable Packaging Design
Lecture 4 - Sustainable Packaging Design
 
Legislation, Codes of Practice and Standards in Graphic Design
Legislation, Codesof Practice and Standards in Graphic DesignLegislation, Codesof Practice and Standards in Graphic Design
Legislation, Codes of Practice and Standards in Graphic Design
 
Web Design
Web DesignWeb Design
Web Design
 
Digital strategy for ebusiness
Digital strategy for ebusinessDigital strategy for ebusiness
Digital strategy for ebusiness
 
Managing Design and eBusiness - Lecture 2
Managing Design and eBusiness - Lecture 2Managing Design and eBusiness - Lecture 2
Managing Design and eBusiness - Lecture 2
 
Managing Design and eBusiness - Lecture 1
Managing Design and eBusiness - Lecture 1Managing Design and eBusiness - Lecture 1
Managing Design and eBusiness - Lecture 1
 
Design and the Environment - Sustainable Design
Design and the Environment - Sustainable DesignDesign and the Environment - Sustainable Design
Design and the Environment - Sustainable Design
 
Design and the Environment - Cradle to Grave
Design and the Environment - Cradle to GraveDesign and the Environment - Cradle to Grave
Design and the Environment - Cradle to Grave
 
Digital Print
Digital PrintDigital Print
Digital Print
 
OHS and Copyright
OHS and CopyrightOHS and Copyright
OHS and Copyright
 
Asset Management and Workflow
Asset Management and WorkflowAsset Management and Workflow
Asset Management and Workflow
 
Photomedia in Creative Practice (MANIPULATE IMAGES)
Photomedia in Creative Practice (MANIPULATE IMAGES)Photomedia in Creative Practice (MANIPULATE IMAGES)
Photomedia in Creative Practice (MANIPULATE IMAGES)
 
Photomedia in Creative Practice (CREATE IMAGES)
Photomedia in Creative Practice (CREATE IMAGES)Photomedia in Creative Practice (CREATE IMAGES)
Photomedia in Creative Practice (CREATE IMAGES)
 
Lecture 2 - Film VS. Digital Photography
Lecture 2 - Film VS. Digital PhotographyLecture 2 - Film VS. Digital Photography
Lecture 2 - Film VS. Digital Photography
 
Introduction to Digital Design
Introduction to Digital DesignIntroduction to Digital Design
Introduction to Digital Design
 
A little about Designing
A little about DesigningA little about Designing
A little about Designing
 
Lecture 4 - Media Strategy
Lecture 4 - Media StrategyLecture 4 - Media Strategy
Lecture 4 - Media Strategy
 
Lecture 3 - Problem Statement
Lecture 3 - Problem StatementLecture 3 - Problem Statement
Lecture 3 - Problem Statement
 

Recently uploaded

National-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxNational-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptx
AlecAnidul
 
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
7sd8fier
 
White wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva TschoppWhite wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva Tschopp
Mansi Shah
 
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
708pb191
 
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Mansi Shah
 
20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf
ameli25062005
 
Transforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting ProfitabilityTransforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting Profitability
aaryangarg12
 
Common Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themCommon Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid them
madhavlakhanpal29
 
Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
ameli25062005
 
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
h7j5io0
 
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
ameli25062005
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
9a93xvy
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
Can AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI preludeCan AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI prelude
Alan Dix
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
n0tivyq
 
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
h7j5io0
 
CA OFFICE office office office _VIEWS.pdf
CA OFFICE office office office _VIEWS.pdfCA OFFICE office office office _VIEWS.pdf
CA OFFICE office office office _VIEWS.pdf
SudhanshuMandlik
 
Expert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting ServicesExpert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting Services
ResDraft
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
boryssutkowski
 

Recently uploaded (20)

National-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxNational-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptx
 
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
 
White wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva TschoppWhite wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva Tschopp
 
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
 
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
 
20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf
 
Transforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting ProfitabilityTransforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting Profitability
 
Common Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themCommon Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid them
 
Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
 
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
 
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
Can AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI preludeCan AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI prelude
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
 
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
 
CA OFFICE office office office _VIEWS.pdf
CA OFFICE office office office _VIEWS.pdfCA OFFICE office office office _VIEWS.pdf
CA OFFICE office office office _VIEWS.pdf
 
Expert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting ServicesExpert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting Services
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
 

Lecture 3 - Visual Communication Theories

  • 1. VDIS10021 WORKING IN DIGITAL DESIGN SANGEETA JAIN
  • 3. WHY THE THEORIES? • Our world is full of visuals. Visuals are an essential and expected part of the digital world too. Visual communication is communication through images and communication of ideas and information. Thus the study of the theories of visual communication is an absolute must us designers. When designers take, edit pictures or create digital images they cannot capture the entire view in their frame. They must select a part and compose that aesthetically to appear in the frame available to them. The knowledge and understanding of the theories of visual communication helps to do this proficiently and artistically.
  • 4. VISUAL COMMUNICATION THEORIES There are 2 types of theories in visual communication: • Sensual Theories are raw data from nerves transmitted to brain. • Gestalt Theory • Constructivism Theory • Ecological Theory • Perceptual Theories are meanings concluded after the stimuli are received. • Semiotics Theory • Cognitive Theory
  • 5. GESTALT IS A GERMAN WORD WHICH MEANS "UNIFIED WHOLE".
  • 6. GESTALT THEORY • In 1910, psychologist Max Wertheimer had an insight when he observed a series of lights flashing on and off at a railroad crossing. It was similar to how the lights encircling a movie theatre marquee flash on and off. Wertheimer’s observation was that we perceive motion when there is nothing more than a rapid sequence of individual sensory events such as a series of lights flashing in sequence. • We visually and psychologically attempt to make order out of chaos, to create harmony or structure from seemingly disconnected bits of information. • This observation led to a set of principles about how we visually perceive objects.
  • 7. Similarity • Similarity refers to groupings by number of characteristics can be similar: colour, shape, size, texture, etc. Thud when a viewer sees these similar characteristics, they perceive the elements to be related due to the shared characteristics. GESTALT THEORY – LAWS OF GROUPING
  • 8. SIMILARITY The example above (containing 11 distinct objects) appears as single unit because all of the shapes have similarity.
  • 9. Continuation • Continuance is the principle that once you start looking in a direction, you’ll continue to look in that direction until something significant catches your eye. GESTALT THEORY – LAWS OF GROUPING
  • 10. CONTINUATION Continuation occurs in the example above, because the viewer's eye will naturally follow a line or curve. The smooth flowing crossbar of the "H" leads the eye directly to the maple leaf.
  • 11. Closure • Closure occurs when an object is incomplete or a space is not completely enclosed. If enough of the shape is indicated, people perceive the whole by filling in the missing information. GESTALT THEORY – LAWS OF GROUPING
  • 12. CLOSURE Imaginary lines called counter forms, are generated by relationships, even though there is “nothing” there.
  • 13. Proximity • Proximity occurs when elements are placed close together. They tend to be perceived as a group. GESTALT THEORY – LAWS OF GROUPING
  • 14. PROXIMITY The nine squares above are placed without proximity. They are perceived as separate shapes. When the squares are grouped in close proximity, unity occurs. Grouping can be achieved by colour, shape, size, tone, physical attributes etc.
  • 15. Figure and Ground • The eye differentiates an object form its surrounding area. a form, silhouette, or shape is naturally perceived as figure (object), while the surrounding area is perceived as ground (background). This principle shows our perceptual tendency to separate whole figures from their backgrounds based on one or more of a number of possible variables, such as contrast, color, size, etc. GESTALT THEORY – LAWS OF GROUPING
  • 17. CONSTRUCTIVISM THEORY • Julian Hochberg, a psychology professor at Columbia University found that human eyes constantly in motion as they scan an image. He came up with the Constructivism Theory to explain “eye-fixations” as a way for viewers to make sense of their own perceptions. In his experiments, Hochberg used eye tracking machines to monitor what how the participants looked at an image. In the study, by using graphic images, it was found that viewers found the largest picture on a page first, and then looked the headline for the story.
  • 18. • When we look at anything, we have to piece it together. We do this through a series of rapid eye movements that assemble a blueprint of what we’re looking at, while at the same time comparing the results to memory and past associations. So, in effect, we construct images out of many narrowly focused observations. Thus the Constructivism Theory helps to understand exactly how certain visual cues are noticed and how others are not noticed. CONSTRUCTIVISM THEORY
  • 19. ECOLOGICAL THEORY • This theory was founded by James J. Gibson, an American psychologist. Gibson challenged the idea that the nervous system actively constructs conscious visual perception and instead promoted ecological psychology, in which the mind directly perceives environmental stimuli without additional cognitive construction or processing. Gibson developed what he called an “ecological approach” to the study of visual perception, according to which humans perceive their environments directly, without mediation by cognitive processes or by mental entities such as sense-data. This idea was radical because it contradicted a centuries-old model of the origins of human knowledge. As Gibson himself put it, “The old idea that sensory inputs are converted into perceptions by operations of the mind is rejected.”
  • 20. ECOLOGICAL THEORY • We interpret what we see through spatial properties in the environment: Surface layout, composition, lighting, motion, gradation, shape, size, solidity and scale. • Light is the way it reveals the three dimensionality of objects and scale, the way objects diminish as they recede from us are the two most important properties that we use to interpret space. • Many perceptions about size and depth require no “mental calculation”
  • 21. SEMIOTICS THEORY • It is based on “semiosis,” the relationship between a sign, an object, and a meaning. Signs is simply anything that stands for something else. There are 3 types of signs with different speeds of comprehension: • Iconic – some form similarity between signs and object it represents. Easiest to understand. • Indexical – harder to interpret than icons, but still a logical connection to the thing they represent. Examples: footprint, smoke, fingerprints, crumbs • Symbolic – most abstract; no logical or representational connection to the thing they represent. Examples: letters, words, numbers, colors, gestures, flags, costumes, music etc. They are the most flexible and involve manipulation of universally understood signs. • Semiotics emphasize the importance of symbolism in the visual perception and communication.
  • 22. COGNITIVE THEORY • Cognitive theory suggests that perception is not just the result of visual stimuli, but involves a series of mental processes in which we compare what we see to our memories and use those to interpret and analyse. In other words, we understand what we’re looking at most easily by comparing it to what we’re familiar with. We are constantly on the lookout for things with which we’re familiar. So we see, for example, faces in inanimate objects simply because some features look vaguely like eyes and a mouth, such as the man in the moon.
  • 23. COGNITIVE THEORY Comic strip characters might bear little resemblance to real humans, yet we recognize them as such because they fit into our preconceived images of basic human characteristics.
  • 24. COMPOSITIONAL THEORIES The Golden Ratio • The Golden Ratio is a mathematical ratio that describes the perfectly symmetrical relationship between two proportions. Approximately equal to a 1:1.61 ratio, the Golden Ratio can be illustrated using a Golden Rectangle and is used to create pleasing, natural looking compositions in any design work. The Renaissance artists of 15th and 16th Centuries used divine proportion to create their paintings, architecture or sculptures.
  • 26. COMPOSITIONAL THEORIES The Rule of Thirds • The rule of thirds is one of the most useful composition technique to produce images which are more engaging and better balanced. The rule of thirds is applied by aligning a subject with the guide lines and their intersection points, placing the horizon on the top or bottom line or allowing linear features in the image to flow from section to section. The idea is that an off-centre composition is more pleasing to the eye and looks more natural than one where the subject is placed right in the middle of the frame. It also encourages to make creative use of negative space, the empty areas around the subject.
  • 28. ASSESSMENT TASK 1 Visual Communication Theory & Photo Media • Conduct a research project into Visual Communication Theories to establish their role in the production of photo media. Refer to Assessment Task 1 brief for details. If you have any questions/concerns, feel free to post them on the Discussion Forum. • Due Date: End of Week 4 • Weight: 30%