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

Questions?

Please raise your hand or feel free to type it into the chat and I will address it when I next pause.

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

Contacting your instructor

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, SD).
  • 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 and unable to attend please 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/email before 8:30am on the day of the lecture.

Lectures

What to expect

Our lecture 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 class.

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://sd102.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.

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.

In-class activities

To help explore readings or course concepts we will have small in-class activities most weeks.

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.

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 Figma!

Meet your neighbours

We are going to take a moment to meet your neighbours. In Figma, you are going to:

  1. Introduce yourself (Hello, my name is INSERT_NAME_HERE!)
  2. State your pronouns
  3. Describe any previous experience with graphic design (I once Photoshopped myself out of a photo...)
  4. Explain why you are interested in this course (I am in this course because I really want to learn about octopods...)
  5. Share a fun winter break anecdote (I didn't know it was possible to rain so much...)

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.

Switch over to Figma and write down as many 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'?

Please type responses into the chat and/or raise your hand.

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?

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

Homework review

Things to work on this week:

Next week we talk about perception and design principles.

To Figma for the activity

We have a small in-class activity (and will have one most weeks) for you to complete. Let's head to Figma to get started.

1/1