DL03 2020 FA W06

Student Presentations

Assignment 5.1:
Program & Circulation Diagram

Continue working on the Programmatic Diagram in Rhino and Illustrator.

Progress pinup Week 6 on Bluescape

Final to be included on Mid-Term Presentation

Assignment 5.2:
Finalize God of Love diagram using Illustrator.

  • Create a 2160×1920 color PDF and pinup on Bluescape for Week 6.

01 Mid-Term Presentation

Download prior final slide decks here

    1. Flow of information
    2. Hierarchy
    3. Alignment and spacing
    4. Use common design elements to create a presentation that holds together
    5. Graphic language
    6. Plan / Section rules – poche
    7. Design Story – apply narrative tools to the overall presentation

It’s worth another look at how Bjarke Ingels Group presents their work.  As you look at the images and videos, see how they use the ideas that we have discussed so far.


If you were the director of the 8-House video, what would your storyboard look like?  Think of that possible storyboard as a model for your own mid-term presentation.

Midterm Deliverables for ENV3

For your midterm review, you will integrate diagrams from Design Lab 3 into your presentation.  You must include:

    • 2.1 – 2D Vicinity Site Diagram
    • 2.2 – 3D Analytical Site Diagram
    • 3.1 – Narrative Concept Diagram
    • 3.2 – Spatial Concept Diagram
    • 5.1 – Program & Circulation Diagram

DO NOT simply include them in the presentation just to have them.  You are REQUIRED to use them to help explain your project visually.  You are expected to be able to talk about what they show.  You are expected to discuss how you used them to justify design decisions.  Put them in your presentation where you need them to work with the flow of how you present your project; DO NOT just lump them all together in the same place in your presentation simply for the sake of having them.  Make these a part of the story of your project.

Some ways you can use them:

    • Vicinity and Analytical Diagrams:  Use them to explain your thought process and your analysis of the site, program, space, form, massing, etc.  Use the diagrams to show what you discovered about the site and context to begin with.  Use them as evidence to justify your design decisions, especially program arrangement.  They can also help support your design story.
    • Narrative and Spatial Concept Diagrams:  Think about the narrative arc of your presentation — what are the peaks and valleys of your story, who is the hero and what is the journey?  Which diagram goes where to help tell a specific part of it?  Remember the power of the Rule of Threes as an organizing principle for your presentation.  Use these to illustrate and succinctly summarize your design story.
    • Program & Circulation Diagram:  Use this diagram to give an overview of your whole project and provide an overall project walkthrough before showing details of individual spaces.  It demonstrates the overall spatial arrangement and relationships of all the parts as a whole, complete project that you have come up with.  You can use the 3D Analytical Diagram to support it.
    • All of the diagrams should be used to explain your design process and thinking.  Use them to show how your concept began and developed.  Use them to show how you generated the proposed spatial ideas.


02 Illustrator Tutorial


Practicing Paths with Pandas

03 Shepard Fairey

Portraits by Shepard Fairey

Click here for a detailed guide to creating a Shepard Fairey-like portrait

Some suggestions:

      • Step 2.2:  Create your entire color palette at this step, not just the pattern.   Don’t wait for Step 2.4.  Also, determine which order you want to use them in.  Establishing this before you start tracing will be helpful.
      • Step 2.3:  If you don’t save the swatch library to the default location, make sure you save it where you can find it easily.
      • Step 3.8:  When the tutorial says, “outlining the highlights with the color immediately below it,” refer to the order of the colors as I described above.  So if you start with the blue/beige pattern, when you trace the second layer, the bulk of the filled area will be your second color, but the highlights will be your blue/beige pattern (the first color).
      • With the new version of Illustrator, you can experiment with the Live Corner Widget vs. the Convert Anchor Point tool to get different types of curvature — circular vs. bezier.  Remember that to use the Live Corner Widget, select a sharp anchor point using the Direct Selection tool (the white arrow).
      • Experiment and have fun!

Assignment 6.1:
Shepard Fairey-Like, Post-Midterm Self-Portrait

  • Illustrator self portrait a-la Shepard Fairey.  Follow the procedure for creating a Shepard Fairey-like image from a selfie.  2160×1920 color PDF (portrait/vertical orientation).
  • Click here for a detailed guide to creating a Shepard Fairey-like portrait
  • YouTube Tutorial Part 1
  • YouTube Tutorial Part 2
  • YouTube Tutorial Part 3
  • Optional:  Print out each Illustrator layer separately (all have to be at the same scale) and cut out stencils from the prints.  Use your choice of variously colored media (spray paint, chalk, charcoal, etc.) to print the stencil and create a physical self-portrait.  Preferred physical size is 17×11 (portrait/vertical orientation).  Take a new selfie alongside your portrait and upload to Bluescape along with the original self-portrait.

Due Week 8.

Assignment 6.2:
Movie Diagram (Team up!)


The class will divide up into teams.  Each team will get one of the following movies and together create a narrative diagram of it.

  • Inception
  • The Hangover
  • Pulp Fiction
  • City of God
  • Die Hard
  • The Royal Tenenbaums
  • The Big Lebowski
  • Dunkirk

Watch the movie together as a team.  Together, brainstorm, sketch out, and decide what information to include in the diagram and how the diagram should look.  Divide up the workload and tasks between the team members.  For example, if there are three parts to the diagram, each team member can work on creating one part.  Or one person can be the art director, one person can create the graphic language, and one person can be the production artist.

Upload a color PDF to Bluescape for Week 8.  Size should be at least 2160×1920 pixels.