ah teaches graphic design (SD-36) (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.

Welcome to IAT-102!

User-flow sketches for an application

Your teaching team

(of one)

This guy ↓ (Andrew Hawryshkewich)

A magazine layout on bagels
SIAT Outlines
A collection of physical fabrication projects include a board game, wine-cork stamps and glasses

Icebreaker

Please introduce to your neighbour:

Be prepared to introduce your neighbour to the class in 4 minutes.

Contacting your instructors

A friendly how-to

Andrew is available via:

Email rules

No design critique via email. 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, SD36).
  • A clear question.

Announcements

There will be semi-regular announcements posted to Canvas. 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://sd36.ah.link/

Projects

  1. Process — 10% (Individual)
  2. Layout — 20% (Group)
  3. Presenting — 15% (Group)
  4. 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 four 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.

Critique quiz

Near the end of the term we will have a quiz on your ability to critique other work.

5% 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.

Late or problematic submissions

Late submissions receive 10% per day late.

Problematic submissions — i.e. we can't open the URL or the wrong files were submitted — receive an immediate 20% off plus late penalties on the resubmission.

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.

Graphic Design is Process

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)
P1: Process

Define

Let's brainstorm possible magazine project ideas.

Pull out your sketchbooks and a pen and write down as many new or novel online magazine ideas as you can.

You have 5 minutes.

Look back at your ideas

How do you know your ideas are 'new or novel'?

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

Take your brainstorming ideas from earlier, and turn them into something visual. What could visually represent the ideas you came up with earlier?

You have 5 minutes.

Sketching exercise #1

Keep Your Work

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

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:

Moodboarding

A primer

  1. Have a clear goal.

Moodboarding

A primer

  1. Have a clear goal.
  2. Collect materials — images, typography, colours — that evoke the 'mood' you are striving for.

Moodboarding

A primer

  1. Have a clear goal.
  2. Collect materials — images, typography, colours — that evoke the 'mood' you are striving for.
  3. Review, edit, and present.
A pair of similar looking beginnings to articles

What patterns do you see?

To the computers!

For a primer in Figma...

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
Reading reflection #1
1/1