30
Making Meaning Making Meaning Visual Literacy AAD4002 Dr Angela Tinwell Visual Literacy AAD4002

Making Meaning

  • Upload
    kobe

  • View
    44

  • Download
    0

Embed Size (px)

DESCRIPTION

Making Meaning. Visual Literacy AAD4002. Making Meaning Visual Literacy AAD4002. Dr Angela Tinwell. Making Meaning. Visual Literacy AAD4002. The aim of this module is to explore the mechanics of our visual language Looking at theories and terms, visual signals and concepts - PowerPoint PPT Presentation

Citation preview

Page 1: Making Meaning

Making Meaning

Making MeaningVisual Literacy AAD4002

Dr Angela Tinwell

Visual Literacy AAD4002

Page 2: Making Meaning

•The aim of this module is to explore the mechanics of our visual language

•Looking at theories and terms, visual signals and concepts

•Today we will consider: visual communication in imagery; colour theory; signs and semiotics.

Making MeaningVisual Literacy AAD4002

Page 3: Making Meaning

• What is happening here?• What is their relationship?• What has she just said?• What may he say in response?• What is going to happen next?• How do you know?

Making Meaning: Visual Communication in ImageryVisual Literacy AAD4002

Page 4: Making Meaning

• Is the person in Picture 1:• Happy • Sad• Agitated• Calm• Aggressive?

How about Image 2?

Making Meaning: Visual Communication in ImageryVisual Literacy AAD4002

Page 5: Making Meaning

• So, how about Graphical Images? Do they carry multiple messages?

Making Meaning: Visual Communication in ImageryVisual Literacy AAD4002

Page 6: Making Meaning

Line Drawings

Making Meaning: Visual Communication in ImageryVisual Literacy AAD4002

Page 7: Making Meaning

Ink Blots

Making Meaning: Visual Communication in ImageryVisual Literacy AAD4002

What do you see? Some are harder than others…

Page 8: Making Meaning

Maurits Cornelis Escher (1898-1972) is one of the worlds most renowned graphic artists.

Playing with visual communicationwas an obsession.

At first this seems like a realisticbuilding, but take a closer look…

Making Meaning: Visual Communication in ImageryVisual Literacy AAD4002

Ascending and Descending, lithograph print, M. C. Escher, 1960

Page 9: Making Meaning

Escher experiments with perspective and vanishing points.

How many vanishing points can you identify?

Making Meaning: Visual Communication in ImageryVisual Literacy AAD4002

Ascending and Descending, M. C. Escher, 1947

Page 10: Making Meaning

• Major issue with colour is poor selection• It is important to consider if a particular

colour is appropriate in the context of the given design problem

• Colour can make or break an artefact and can say a lot about the product without the need for text

• It can convey emotion and tell us a lot about an object without reading text

Making Meaning: Colour TheoryVisual Literacy AAD4002

Page 11: Making Meaning

• Colour can also show emotion through its symbolism • Let’s take a look at some colours and consider their effect…

Making Meaning: Colour TheoryVisual Literacy AAD4002

Page 12: Making Meaning

Making Meaning: Colour TheoryVisual Literacy AAD4002

Page 13: Making Meaning

• Yellow depicts sunlight and is an uplifting colour.

Making Meaning: Colour TheoryVisual Literacy AAD4002

Page 14: Making Meaning

Making Meaning: Colour TheoryVisual Literacy AAD4002

Page 15: Making Meaning

• Because of its associations with fire red is perceived as a warm colour.

• It may also be used to communicate a warning.

Making Meaning: Colour TheoryVisual Literacy AAD4002

Page 16: Making Meaning

Making Meaning: Colour TheoryVisual Literacy AAD4002

Page 17: Making Meaning

• Blue reminds us of the sea and sky and may be perceived as a cool colour.

• It can have a restful effect and is often used as a background colour.

Making Meaning: Colour TheoryVisual Literacy AAD4002

Page 18: Making Meaning

Making Meaning: Colour TheoryVisual Literacy AAD4002

Page 19: Making Meaning

• Green is associated with grass and foliage so is perceived as a fresh ‘healthy’ colour.

Making Meaning: Colour TheoryVisual Literacy AAD4002

Page 20: Making Meaning

• The web site at the link below has the same text content, but with different CSS style sheets applied to it:

http://www.mezzoblue.com/zengarden/alldesigns/

• The different colour schemes allow us to see how content and wording become irrelevant (as it is the same for each site) and it is the colour and imagery that primarily defines the ‘look and feel’ of the site.

• For each different example consider:oWhat first impressions does the site make from colour alone?oIs this an effective colour palette? oDoes it work with the images used on the page?

Making Meaning: Colour TheoryVisual Literacy AAD4002

Page 21: Making Meaning

• Semiotics means ‘the study of signs’.

• Taken from the Greek word for sign, Sema.

• What do we mean by ‘Sign’?

Making Meaning: Signs and SemioticsVisual Literacy AAD4002

Page 22: Making Meaning

• Signs are everywhere and help us read messages when there isn’t time to actually read reams of text.

• Road signs are the obvious example• Semiotics therefore is the study of visual

signs and can expand to the following:oDrawingsoPaintingoPhotographyoWordsoSounds oBody language

Making Meaning: Signs and SemioticsVisual Literacy AAD4002

Page 23: Making Meaning

Discourses that Semiotics may apply to:

Visual Literacy AAD4002Making Meaning: Signs and Semiotics

Page 24: Making Meaning

• Humans have the ability to read this meaning without the need to have the experience of the object itself.

• Semiotics is influenced by culture manipulated by: Religion; Government; Education etc.

Visual Literacy AAD4002Making Meaning: Signs and Semiotics

Page 25: Making Meaning

“Something which stands to somebody for something in some respect or capacity”

Charles S. Peirce on Semiotics, 1955

• In this definition the sign needs to be interpreted and we use sign and signification of objects in three main ways:

• ICON -Pictorial representation of an object, used heavily in multimedia (we will explore these further)

• INDEX – Indirect linkage like smoke to signal fire• SYMBOL – Direct linkage (i.e. text). ‘Dog’ allows us to

visualise just that.

Visual Literacy AAD4002Making Meaning: Signs and Semiotics

Page 26: Making Meaning

• Multimedia uses a vast array of imagery to make representations, both photographic and abstract. We use three different methods in multimedia based semiotics:

Visual Literacy AAD4002Making Meaning: Signs and Semiotics

• Icons – represent an idea symbolically• Picons – take this further and make a

clearer representation, mostly through photography

• Micons – move into animation (animated gifs, flash etc)

• Semiotics may occur to understand a navigation system

Page 27: Making Meaning

Learning Activity Icons:oSelf Assessment Question o Exercise o Problemso Key Informationo Supplementary Informationo References to Set Texto Suggested Readingo WWW Researcho Internal & External Links

Making Meaning: Signs and SemioticsVisual Literacy AAD4002

Page 28: Making Meaning

Meaning?

Visual Literacy AAD4002Making Meaning: Signs and Semiotics

Icons may be associated with branding.

Page 29: Making Meaning

•Now, consider how you as a designer may use these concepts in your work!

•How may you implement the principles of colour theory, signs and semiotics and our visual perception of images in the design decisions that you take?

Making MeaningVisual Literacy AAD4002

Page 30: Making Meaning

Thank you for listening, any questions?

Making MeaningVisual Literacy AAD4002