IAT-102: 07 The Colourful World

IAT-102: 07 The Colourful World — A slide deck

The Colourful World

Lecture outline

In this week's lecture

  • Colour theories
  • Application of colour
  • Meaning of colour

Lecture slides will be available the morning of the lecture.

Close All Laptops Please

Only the back row may use their laptops.

Sketch of slides exemplifying proximity, continuance, and similarity
These slides present proximity, continuance, and similarity in multiple ways. What are they?
Sketch of slides exemplifying proximity, continuance, and similarity
Where might there be concerns with the rendering or use of Gestalt in these sketches?
Sketch of slide exemplifying continuance
Which Gestalt principle appears to be used here?

P03 Due

Please be at the lab on time as we will be starting the presentations right away.

Presentation Rules

For presenters:

  • You will have 3 minutes for your presentation
  • Please keep the presentation open when done

For the audience:

  • No device use during presentations
  • No talking during presentations

Talking or device use during someone else's presentation will cost you 0.5 points off your grade for each time it occurs.

A photo of a flamingo
The Colourful World

As of P04, you are now allowed colour.

Rejoice! or not...

How We See Colour

Humans are trichromats. This means we have three distinct cones which sense different wavelengths and intensities of light.

A diagram illustrating how trichromatics work

Gamut

The gamut describes the colours of the visible spectrum that are available.

An illustration showcasing the colours available in the print and screen gamuts

Additive vs. Subtractive

Different ways of rendering colour

Additive colour (RGB)

An illustration demonstrating additive colour

Subtractive colour (CMYK)

An illustration demonstrating subtractive colour

Talking About Colour

  • Hue: The name of the colour.
  • Saturation: How intense is the colour.
  • Lightness: The lightness or darkness.
The photoshop colour picker

Nothing Talks Like a Swatch

Colour Harmonies

Types of harmonies

  • Monochromatic: One colour's tint, tone and shade
  • Analogous: Colours next to one another
  • Complementary: Colours opposite one another
  • Triadic: Colours evenly spaced 3-ways
The colour wheel

Making Colour Harmonies

Types of harmonies

  • Monochromatic: One colour's tint, tone and shade
  • Analogous: Colours next to one another
  • Complementary: Colours opposite one another
  • Triadic: Colours evenly spaced 3-ways

Please make each of the colour harmonies listed above from objects around you.

The colour wheel

Colour Relationships

Colour Relationships

How does the relationship change our views of the colours?

Colour Relationships

How does the relationship change our views of the colours?

Text
Text
Text
Text

Colour Relationships

How does the relationship change our views of the colours?

Colour Relationships

How does the relationship change our views of the colours?

Text
Text
Text
Text

Colour Contrasts

Contrast of hue.

Contrast of light and dark.

Contrast of saturation.

Colour Contrasts

Contrast of hue.

Text
Text

Contrast of lightness.

Text
Text

Contrast of saturation.

Text
Text

Why Harmonize?

Colour harmonies allow you to easily build visual relationships. Remember that not all colours are meant to be dominant in a harmony; you should focus on a key colour, and let the others highlight or support.

An example of a magazine spread using colour heavily
Care of Hieu Nguyen Design

Applying Colour

I spy with my little eye...

How is colour being used in this room?

Meaning of Colour

Colour can help to provide both cultural and informational meaning to a viewer.

A caution sign

Informational Colour

We frequently use colour to convey information, which can run into problems on occassion. While resolving some of the colour-dependency issues of a light standard, why might the 'uni-signal' have other concerns?

Colour Blindness

more common protanopia (red cones missing) and deuteranopia (green cones missing) which effect approximately 7% of all males.

Common colour vision

Demonstrating common colour vision

Protanopia

Demonstrating protanopia

Deuteranopia

Demonstrating deuteranopia

Common vision

A light standard

Protanopia

A light standard

Deuteranopia

A light standard

Common vision

A light standard

Tritanopia

A light standard

Achromatopsia

A light standard
Colour Tester

Applying Meaning

We also use colour to imply or add meaning. Be careful to pay attention to what colours mean.

An illustration including the Soviet hammer and sickle beside cupid

Why meaning matters

How is meaning being applied to suggest 'cultural' meaning?

An advertisement for Dasani's new thinner and 'greener' bottle

Colour Interactions

Beware when colour interactions go bad.

Overthinking Meaning

By making this slide blue, I have not magically calmed you all down and made you think of freedom.

Gradients

Gradients

What kind of meaning do these gradients provide us with?

An example of gradient use on the web
An example of gradient use on the web

Drop Shadows

They can make things visually confusiong when inconsistently applied.

Subtle treatments

Often subtle treatments of gradients and drop-shadows can be used effectively to connote depth without confusing the viewer.

IAT-102 — P04: Colour
A poster for an exhibition by Kandinsky
Herbert Bayer, 1926

Sketching Exercise

Find five different colours that you encounter on a daily basis. Sketch out the context in which you usually see those colours, and use colour to show the colours in context. For each of the sketches:

  • Describe this colour as a hue, saturation, and brightness phrase (i.e. blue rich dark).
  • Briefly describe the connotations of this colour in a couple of words (i.e. the ocean, a dark sky, etc).
  • Briefly describe the connotations of this colour in context: With where it is being used, what does this colour connote?

Quiz

Your first second is to be completed before 10:20am on the day of next week's lecture. It will be available on Canvas later today. Please note:

  • You will have 30 minutes
  • There will be 10 questions
  • You have one attempt per question
  • It is to be completed individually
  • It covers all materials between (and including) May 24 to Jun 21

Next lecture we will talk more about audience, and .... uhhh, I forgot something here... dang. I knew if I had just left it where my keys were. Wait. Meme! No, that's not it. Ugggghhh. Uh, memo, memento, moment, mnemonic, me, mortadella, mentos, menthol, meridian... this isn't helping... memory! Yes, we're going to talk about memory!

Contacting Andrew

Your Lecturer

Reachable at:

  • Office hours — Mondays from 8:30-9:30am and Thursdays from 8:30-9:30am at the Surrey campus mezzanine.
  • ac.ufs@h_werdna
1/1