IAT-102: 02 Understanding Seeing

IAT-102: 02 Understanding Seeing — A slide deck

Understanding Seeing

Lecture outline

On the docket this week:

  • Design principles
  • Perception and form
  • How we critique

Lecture slides will be available the morning of the lecture.

A blurry photo
Understanding seeing

Close All Laptops Please

Only the last row is for laptop users.

Last Week

We were talking all about sketching and ideation.

Layout sketches
Does this demonstrate quantity and quality?
Layout sketches
Does this demonstrate quantity and quality?
Layout sketches

Design Thinking

Last week

  1. Define
  2. Research
  3. Ideate
  4. Choose
  5. Try
  6. Learn (and repeat)

Design Thinking

This week

  1. Define
  2. Research
  3. Ideate
  4. Choose
  5. Try
  6. Learn (and repeat)

Bauhaus

The 1920's to 30's

The Bauhaus Font
ITC Bauhaus Typeface

Form Follows Function

An outline of the Bauhaus' design course
The Bauhaus 'design' course

Inter-disciplinary Teaching

A poster for an exhibition by Kandinsky
Kandinsky Exhibition Poster by Herbert Bayer (1926)

Choosing

Considering form follows function, what might be some criteria for choosing a 'best sketch'?

An illustration demonstrating visual rhythm
Design Principles

What are some of the things a point can represent?

What are some of the things a line can represent?

What are some of the things a plane (not the air kind) can represent?

Rhythm & Balance

These help to direct and focus attention.

Sketch points, lines and planes directing attention.You have...

Scale

Helps to build an understanding of relationships.

Sketch an unlikely relationship between two objects.You have...

Pixel

A pixel rendering of an iPhone

Vector

A vector illustration of an iPhone
IAT-102: P01 — Process

Texture

Builds 'feeling' and associations.

Using points, lines, and planes, sketch three different textures.You have...

The Visual Form

Think about: What does the visual form afford us that other forms — i.e. auditory, tactile — do not?

Sequence of Cognition

  1. Shape
  2. Colour
  3. Form
The order of cognition

Sequence of Cognition

  1. Shape
  2. Colour
  3. Form
The order of cognition, in greyscale

Gestalt

A psychological theory that our minds self-organize disparate elements into a unified whole. Can you see the 'shape' in this picture?

An example of Gestalt

Building Relationships

Gestalt theory offers us tools for building meaningful visual relationships.

Figure & Ground

Figure & Ground

In layout

Proximity

What might proximity look like in a magazine?

 You have...

Similarity

Continuance

What might continuance look like in a magazine?

 You have...

Closure

A poster for an exhibition by Kandinsky
Gestalt Applied

My Rationale

My magazine will differentiate itself from other travel magazines by using a different layout from the very common layout pattern of...

Rationales need to use both visuals and text to convey their case.

Obvious vs. Obscure

The designer's challenge

P01 Due Next Week

Please remember that you must submit your materials as a PDF before your next week's lab.

Submitting to Canvas

Let's submit to Canvas together!

Learn

Critiques are guidance, not 'move this pixel here for an A'. Please make sure to take notes.

The Smiley System

Grading your deliverables

Each week you will receive an individual deliverable grade based on what you have brought in. It is your responsibility to ask your TA to check the grade you received.

The Smiley System:

  • :D = Exploring more (in quality and quantity)
  • :) = Keeping up (in quality and quantity)
  • :| = Finished a bit less (in quality and quantity)
  • ? = Not present or deliverables missing

Sketching Exercise

Using the elements of design — points, lines, and planes — sketch out examples of the following Gestalt relationships being demonstrated:

  • At least four elements being related through proximity.
  • At least four elements being related through similarity.
  • At least four elements being related through continuance.
  • At least four elements being used to demonstrate closure.
  • One clear figure-ground relationship.
  • One ambiguous figure-ground relationship.

A reminder that these sketches should:

  • Be labeled with which relationship they are showing.
  • Be understandable/readable by others then yourself.
An old-style poster advertising for a band
In the next lecture, I bringeth thee, TYPE HISTORY!

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