DL03 2021 FA W01


01 Course introduction


Course overview

Required Materials:


  • Download Slack App on your phone
  • type your email address on the chat field
  • I’ll send you an invite
  • activate the account





04 Student Introductions

05 In-class exercise – Diagram Case Studies

Break out into groups of three.  Each group will select one of the following projects and conduct internet research to collect and analyze various diagrams about the project.  Each group will then present to the class, and also put the info together in a single PDF to hand in Week 2 (upload to Miro).

Class discussion items:  What does each diagram represent and how does it do it?  What do you see in common with the diagrams?  How do they relate to each other?  How many types of information does a diagram contain and what is that information?

      • OMA / CCTV
      • OMA / Seattle Library
      • OMA / Casa da Musica
      • OMA / PRADA LA
      • OMA / Prada NY
      • OMA / Dee + Wyly Theatre
      • BIG / Air+port
      • BIG / ST7
      • BIG / DRY LINE
      • BIG / PHO
      • BIG / ZOO
      • BIG / NYPD

06 Pictograms


Lecture on pictogram graphics

Download Slides from here.

Category discussion

Discussion on appropriate iconography subjects.  Find a family of things that can be translated to iconographic graphics.

      • Airport Signage
      • Olympic Sports
      • Cities in a country
      • Product range of Apple
      • Your Friends

In-class exercise – Pictogram sketches

Get out your sketchbook, or just a pen and some paper, and start sketching a parent icon and 10+ child icons based on your chosen theme.

Take a photo and pin up to Miro and we’ll discuss as a class.

Illustrator Getting Started

CLICK HERE to download the example Illustrator file

Assignment 1.1

Based on your in-class sketches, create 1 parent icon and 10+ child icons, using Adobe Illustrator.  Lay them out using the Web-Large Illustrator template (1920×1080 pixels).  Turn off Snap to Pixel.  Do not add any text unless your theme is about text — viewers should be able to understand the icons and their relationship as a family without explanation.

Important things to consider are:

  • Simplicity
  • Clarity of meaning
  • Consistency among the family members

Save your completed work as a PDF as DL03_21FA_1.1_FirstLast.pdf , and pinup to our Miro board.

Assignment 1.2

A Diagram of You.

Create 1 diagram of who you are.  Use the Web-Large Illustrator template (1920×1080 pixels).  Turn off Snap to Pixel.  Some suggestions:

  • Friends / Social circle
  • Places you have lived / visited
  • Musical / Filmic preferences
  • Your hobbies
  • Favorite designers
  • Timeline of your life
  • Transitions of your hairstyle

Choose any number of different concepts, but include at least three examples.

Save your completed work as a PDF as DL03_21FA_1.2_FirstLast.pdf and pinup to the Miro board.