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 (October 21/22).

In preparation for lecture...

Please close up any laptops, cellphones, Kindles, Razrs and other 'beep-boop' devices.

P1 grades

Your P1 grades will be released to you by end of day Wednesday. If you have any questions or concerns with your grades please follow-up with Andrew.

Ninta & Zi will be unable to discuss grades.

P2: Layout

Today's critique

Our approach

You choose the critique approach, but be prepared to explain why.

Today's critique context
A sketch of
A sketch of
A sketch of

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 car advertisement

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
Exploring Meaning sketch

Composing Without Grids

Composing without grids is not an excuse to do whatever you want.

Considerations include:

Center of Interest

A strong center of interest often involves use of contrast and balance to focus our attention.

An old US military poster stating 'We need You'

Directing the Eye + Rhythm

Using position, emphasis, and the visual cues within your composition can help direct the eye through.

A magazine layout directing attention

Photos as structure

Remember that the photos you choose can strongly suggest a structure.

A crow on a snowy backdrop

Balance, Unity and Harmony

Ensuring that we perceive the composition as one piece.

A series of symbols and shapes with varying sets of unifying elements, such as line weight, colour, and fill.

Bring P2 to lecture

We will be doing a mass-crit as part of next week's class. Please bring your P2 deliverables to class for further feedback.

Reflection #2
1/1