ah teaches graphic design (Context Shmontext lecture)

Context Shmontext

Lecture outline

Understanding how context and audience plays into understanding our design. Lecture slides will be made available on the day of the lecture (Oct 4).

Today's critique

Our approach

We will be asking questions of the work. Please phrase every 'critique' as a question.

Today's critique context

Context Schmontext

Context

The relationship between a user and all the parts of their environment, as they perceive it.

Layers of Information

Within this class I would like you to think about three layers of information:

  1. Physical: A user's relationship to their environment.
  2. Semantic: Messages or meaning established for others.
  3. Digital: Encoded/computer-centric messaging.

Semiotics

Put simply, is the study of signs.

Signs Aren't Just Signs

(in semiotics)

A caution sign

Signs

The Saussurean model

Have two parts:

  1. The Signifier, was the psychological impression of the sound.
  2. The Signified was a concept.

Signs

The modern model

Have two parts:

  1. The Signifier; is the material form we can physically sense.
  2. The Signified; is the mental or psychological associations.

One Signifier, Many Signified

Signifier

A digitally rendered drawing of a dog

Signified?

One Signifier, Many Signified

Signifier

A digitally rendered drawing of a dog

Signified

  • Dog
  • Fuzzy
  • Cuddly
  • Noisy
  • Slobber

Abstract Relationships

Signs are relational; we only understand cat in relation to dog.

Icon, Index, Symbol

The Peirce addition

These define three approaches that we take to defining the relationship between the signifier and signified.

Icon

A digitally rendered drawing of a dog

Index

A digitally rendered drawing of a bone

Symbol

Dog

How We Talk About Meaning

How might we talk about this as an:

  • Icon?
  • Index?
  • Symbol?
The British Petroleum (BP) company logo

Why These Are Important

Icon, index and symbol illustrate different ways we can interpret meaning of a given message. It also help assess how clearly that relationship may be understood.

Substance and Form

Hjelmslev and semiotics

"...there can be no content without an expression, or expressionless content; neither can there be an expression without a content, or a content-less expression."
Louis Hjelmslev

Understanding Meaning

A bit more semiotics

Denotation is a literal or descriptive meaning of an item.

  • What is this a picture of?
  • What typeface is this?
  • What is this colour?

Connotation is a individual or cultural meaning of an item.

  • How does this picture make you feel?
  • What does this typeface remind you of?
  • How does this colour effect your opinion?

DENOTATION

A photo of a broken starbucks bottle in the sand

What are the denotations of this photo?

A photo of a broken starbucks bottle in the sand

What are the connotations of this photo?

A magazine spread
A magazine spread
A car advertisement
An iPhone ad

Metaphor

Icons from the 1984 Mac interface
A bird stuck in a cage with the words 'a land of freedom' written over top

How do the denotations/connotations of this photo compete?

Obvious vs. Obscure

The designer's challenge

Contexts

Consider:

  • How is it accessed?
  • Environment used in?
  • Time of use?
A bus stop caution sign in an unnatural shade of green
A bus stop caution sign in an unnatural shade of green with trees and a grey sky in the background
1/1