ah teaches graphic design (Sketchapalooza lecture)

Sketchapalooza

Lecture outline

An overview of the course and the fundamentals of sketching and design process. Lecture slides will be made available on the day of the lecture.

Sketchapalooza

Welcome to IAT-102!

Your teaching team

(of one)

This guy ↓ (Andrew Hawryshkewich)

A magazine layout on bagels
SIAT Outlines
An e-ink digital photo frame with an image displayed
An e-ink digital photo frame with an image in transition
The back of an e-ink digital photo frame showcasing the hardware

Icebreaker

Please introduce to your neighbour:

You have 4 minutes.

Contacting your instructors

A friendly how-to

Andrew is available via:

Email rules

No design critique via email or chat. Please arrange a meeting or attend office hours for design critique.

To make responses faster, please include the following in your email:

  • Your full name.
  • The course number (IAT-102).
  • A clear question.

Chat conduct

Please treat our online interactions the same way you would in-person interactions.

If you have concerns about anyone's conduct at any point, please direct message or email Andrew.

Announcements

There will be a weekly announcement posted to Canvas and to the announcements page. These will serve as a 'what is coming up' notification.

Illness policy

If you are ill, stay home. Follow-up with Andrew to arrange an alternative time for critique.

If you will be ill for a prolonged period of time (more than a week) please email Andrew to arrange accommodations.

If Andrew is ill, I will notify you via Canvas and course chat before 8:30am on the day of the lecture.

Lectures/labs

What to expect

Our lecture/labs will involve a fair bit of talking, but not always by your instructor. These will include:

Workload

A reminder that this course expects about 3-6 hours of work per week outside of class. You will be able to complete some of this work during lecture.

If you ever have concerns with workload please email Andrew.

Canvas

Our main course-site

Andrew opens up Canvas and briefly introduces it here.

https://102.ah1.ca

Projects

  1. Process — 5% (Individual)
  2. Layout — 25% (Group)
  3. Presenting — 5% (Group)
  4. Colour — 10% (Individual)
  5. Portfolio — 30% (Individual)

75% of your grade.

Readings

Fee-free!

Readings are available entirely digitally.

Reading reflections

Reading reflections are done just after completing a reading, in class.

There are eight reflections available, and you are only required to complete two. Reflections are due before the end of lecture.

You may complete up to three reflections and have the lowest grade dropped.

10% of your final grade.

Sketching exercises

Sketching exercises are to help further explore your projects and practice your sketching. We will typically discuss some of the prior week's sketches at the start of lecture.

10% of your final grade.

Plagiarism

This course has a zero tolerance policy for plagiarism on projects. If you are found presenting work that is not your own or resubmitting old work without notice, you will receive a failing grade on that project. No exceptions.

Concerns with grades

Please notify Andrew of any grading concerns within 10 days of the grades being released. This can include just getting some further feedback and/or wanting to have something regraded.

Course overview questions?

If you have any questions that linger about the course overview, please feel free to email Andrew or ask during our lecture time.

Let's get you on Canvas

To the computers! Once on Canvas please start the 'Getting Started with SFU Adobe' process.

Graphic Design is Process

Ideate

Generate ideas, lots of them

For today we'll be focusing on ideation through sketching.

Good Sketching

When generating ideas

We are looking to suggest and explore, not to confirm our ideas.

Generating ideas

We are looking to suggest and explore, not to confirm our ideas. Our sketches should be:

Quick sketching

Quick sketching can be achieved through making appropriate sized sketches and not committing too much time to each sketch.

One three centimeter tall sketch next to the same sketch at eight centimeters tall

Work small and fast for ideation

Plentiful

We want to be generating lots of different ideas when we sketch.

'Similar' ideas:

A series of sketches of a page with small variations in the positioning of elements on the page

Less 'similar' ideas:

A series of sketches of a page with larger variations in the positioning of elements on the page

Appropriate detail

When generating ideas our sketches should be low fidelity; rough with enough detail to talk about.

A series of three sketches of a page. One with a question mark and two with content positioned

Let's sketch

Let's recap a bit of 'sketching language' before we move forward.

How to Choose the Best?

When dealing with a series of sketches, picking the best options to further explore is part of the challenge of learning design.

Technical Notes

Some things to be wary of in the coming weeks

Good Scan Quality

If you don't have access to a scanner taking photos is okay only if the clarity of the image is good. (see image on the right)

An example of a good scan quality; high contrast and good white-balance

Bad Scan Quality

If we have trouble seeing the sketch clearly, we have a problem. If using your phone, 'scan' apps can help clean up the image for you.

An example of a good scan quality; low contrast and bad white-balance

Sketching Exercises

I will be shortly introducing your first sketching exercise, but just some items to remember about the exercises before we start:

Sketching exercise #1
Reading reflection #1

Keep Your Work

We will require all your paper, digital and in-process materials for your final project. Therefore keep all materials.

Thinking Visually

Make use of your sketchbook; regularly

"I want the logo to be a 3d box with the word awesome on it."

Please sketch it. You have 60 seconds

Design Thinking

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

Design Thinking

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

Visual Research

A primer

  1. Collect materials in your chosen topic area.
  2. Compare.
  3. Analyze.
The beginning of a magazine article

For example, nature or travel magazines

The beginning of a magazine article

Looking at the start of articles is good...

The continuation of a magazine article

..but also look at articles.

Visual Research

A primer

  1. Collect materials in your chosen topic area.
  2. Compare what you have collected.
  3. Analyze.

Visual Research

A primer

  1. Collect materials in your chosen topic area.
  2. Compare what you have collected.
  3. Analyze what is similar, and show us.
A pair of similar looking beginnings to articles

What patterns do you see?

Exploring Graphic Design

Your term, in IAT-102

Including (but not limited to):

  • Process
  • Creativity
  • Perception
  • Composition
  • History
  • Type
  • Audience

 

  • Presenting
  • Colour
  • Medium
  • Message
  • Portfolio
  • Ethics
  • Interacting
P1: Process
1/1