Digital Media I

Hybrid Workflows

48-120 F'17

Lecture Outline

  • Assignment 2 Review
  • Assignment 3 Overview
  • Hybrid Workflows
  • Representational Theory

RealtimeBoard Progress Submission Policy Reminder

  • First unexcused absence from a Critique will result in a whole letter grade reduction of the assignment.
     
  • Second will result in a whole letter grade reduction of the final semester grade.
     
  • Third will result in the failure of the course.

Assignment 2 Review

Assignment 2 Review

  • Detail-oriented 3D modeling and representational rigor

  • Effective communication of atmospheric qualities of the space

  • Imaginative renderings of users activating the space

  • Insightful inclusion of contextual information

  • Tidiness of work (e.g. layer management, accurately scaled textures)

  • Depth of research insight and inspiration, particularly in the employment of compositional techniques

Grading Criteria

Ellen Zhu

Rohan Zeng

Rohan Zeng

Clover Chau

Vivien Teng

Maya Greenholt

Adam (Xiaotian) He

Carol (Yuxin) Huang

Sean (Han) Meng

Tim Nelson

Tim Nelson

Tony (Lingheng) Tao

Yangjian Wang

Yingying Yan

Olivia Werner

Assignment 3 Overview

Assignment 3 Overview

Create a set of spatial diagrams and renderings of the assigned urban site using hybrid representational techniques. This assignment is a design exercise of rapidly iterating through preliminary design schemes for a building that consists of a public space, bookstore, and office space that is at least 4 stories tall. Hybrid techniques are ones that interchangeably use analog and digital representational media in service of efficiently working through design schemes. You will first create diagrams and drawings for 2 massing schemes. Afterwards, you will choose one of the 2 schemes to create 2 high quality rendered perspective views.

 

Assignment Description

Assignment 3 Overview

Assignment 3 Overview

Exterior Studies ONLY

Assignment 3 Overview

Classes 12 ~ 13 – Hybrid Workflow I – Diagrams & Elevations

Classes 14 ~ 15 – Hybrid Workflow II – 3D Rendering

No class Friday November 10th

Class 14: Guest Lecture on Representation!

Assignment 3 Overview

  • Creative and effective use of hybrid representational techniques

  • Focus on schematic resolution of the design problem, without excessively dwelling on details

  • Use of representational techniques to test design strategies in context

  • Clear communication of design intent and iterations through the use of diagrams and sketches

  • Effective communication of spatial qualities of your final scheme through the use of rendered perspective views, particularly in the provisions for providing and activating public space.

  • Depth of research insight and inspiration, particularly in the employment of hybrid techniques

Grading Criteria

Assignment 3 Overview

Digital Submission – submit one 42”×30” (W×H) PDF file no larger than 20MB via the course Canvas site. The PDF must contain the following:

  • 2 initial schemes

    • Minimum of 2 axonometric analysis diagrams for each scheme

    • 1 elevation drawing each scheme

  • 1 final scheme

    • 2 high quality rendered perspective views of 1 chosen scheme

  • Research images, citations, and descriptions of how they have served as your source of conceptual and graphical inspiration

Final Deliverables Due Nov 27 at 10:30am

(Monday after Thanksgiving break — plan ahead!)

Assignment 3 Overview

  • All drawings and diagrams must include context information.

  • The initial massing schemes must be created using the provided template.

  • The rendered perspective views must use real photographs of the site as an underlay.

  • The final PDF must be smaller than 20mb.

  • The final PDF must include the title block with the following information:

    • Your name

    • Digital Media I

Deliverables Requirements

Assignment 3 Overview

  • Archigram / NA680 .A68 1999

  • Buckminster Fuller : starting with the universe / NA737 .F8 A4 2008

  • Delirious New York : a retroactive manifesto for Manhattan / NA735 .N5 .K66 1994

  • Superstudio : life without objects / NA1118.5 .S96 L36 2003

  • Conditional Design (reference for diagramming)

We've talked about these during class 4 lecture.

Available on the library book cart in studio.

Suggested Research Channels

Assignment 3 Overview

  • Not Applicable​

    • ​It is about combining the skills covered in assignments 1 & 2

    • Up to you to to acquire and develop skills on your own

Supplemental Software Training

Assignment 3 Overview

Diagrams & Elevations

  • Class 13 – Sketches of massing diagrams and elevations

3D Rendering

  • Class 14 – Photoshopped massing diagrams and elevations
  • Class 15 – Drafts of 2 perspective views

 

Critiques – To upload on Assignment RealtimeBoard

Hybrid Workflows

Hybrid workflow could be a combination of:

  • Digital and analog media
  • Vector and raster based media
  • Two and three dimensional media
  • Static and dynamic media
  • Audio and video media
  • Social and tactical media
  • Augmented and virtual media
  • and many more...

Why Hybrid?

  • All an effort towards impactful and efficient communication of architectural design strategy and intent by deliberately utilizing and versatilely exhausting all types of media.
  • Architects must become versatile in using media to be professionally competitive and relevant in the real world.
  • The tools and media types architects use ultimately impacts the quality of the design.
  • Can be as simple or complex as necessary.
  • Could be considered a form of innovation in architectural design practice.

Let's shift (conceptually) into a higher gear.

 

This means the onus of technically learning the workflows and how to use the tools is increasingly on you.

 

Use the internet, software documentations, Google, Lynda.

Let's get real.

Hybrid workflows are not about fetishizing new/novel techniques.

Hybrid workflows are process-intensive and intentional.
(They are mental processes that take time and thinking)

Start developing your own Hybrid sensibilities.

Find precedents of Hybrid sensibilities to be inspired by.

Representational Theory

What I believe is that whether it be a question of sculpture or of painting, it is in fact only drawing that counts. One must cling solely, exclusively to drawing. If one could master drawing, all the rest would be possible.

Alberto Giacometti

MEDIA

  • Line
  • Render
  • Mixed Media

 

TYPES

  • Sketches
  • Diagrams
  • Plans
  • Sections and elevations
  • Axonometric and isometric projections
  • Perspectives

 

MEDIA - Line

Coop Himmelb(l)au

MEDIA - Line

Perry Kulper

MEDIA - Line

Owen Dore

MEDIA - Line

Archi-Tectonics

MEDIA - Line

Lebbeus Woods

MEDIA - Line - Pencil

MEDIA - Line - Charcoal

MEDIA - Line - Ink

Lines are the most vital components of almost any drawing. Great drawings are read through the character of individual lines and lines come together to define the spatiality of the drawing: lines are like boundaries and as such open up spatial relationships on a page.

The immediacy of a line is the most direct way to visualize thought and observation and as a line drawing evolves, and line weights differentiate, it can express a spatial depth and also define gradations of light and shadow.

David Dernie

MEDIA - Render

MEDIA - Render - Linocut Print

Anne Desmet

MEDIA - Render - Woodcut Print

Anne Desmet

MEDIA - Render - Colored Pencil and Crayon

Eric Parry

MEDIA - Render - Watercolor

Elizabeth Day

MEDIA - Render - Hybrid

Yakim Milev

MEDIA - Render - Hybrid

David Dernie

MEDIA - Mixed Media

Saraben Studio

MEDIA - Mixed Media

David Dernie

MEDIA - Mixed Media

David Dernie

MEDIA - Mixed Media

David Dernie

MEDIA - Mixed Media

Kenny Tsui

TYPES - Sketch

Eric Parry

TYPES - Sketch

Eduardo Souto de Moura

TYPES - Sketch

Ian Simpson

TYPES - Sketch

David Dernie

TYPES - Diagrams

Patkau Architects

TYPES - Diagrams

OMA

TYPES - Diagrams

TYPES - Diagrams

MVRDV

TYPES - Diagrams

David Dernie

TYPES - Diagrams

Sophia Cole

TYPES - Diagrams

David Dernie

While for some architects diagramming has become an essential mode of designing, diagrams are generally not used as a singular mode of representation, but as a drawing type they may help us to clarify a design at various stages of its development. Diagrams can be freehand, digital or hybrid; drawing technique will depend on the nature of the thinking or analysis that the diagram is articulating.

Diagrams can help us to understand essential components of a scheme and can be used at all stages of a building, from site analysis to initial design ideas to analysis of a building itself. Diagrams can be useful because they reduce complex architectural ideas to their composite elements. They can freeze otherwise shifting relational conditions, emphasizing clarity of communication of a singular aspect of a proposal or given condition.

David Dernie

TYPES - Plans

David Dernie

TYPES - Plans

David Dernie

TYPES - Plans

Philip Meadowcroft

TYPES - Plans

Philip Meadowcroft

TYPES - Plans

Archi-Tectonics

TYPES - Plans

Saraben Studio

TYPES - Sections and Elevations

David Dernie

TYPES - Sections and Elevations

David Dernie

TYPES - Sections and Elevations

Philip Meadowcroft

TYPES - Sections and Elevations

Buschow Henley

TYPES - Sections and Elevations

Stephenson Bell

TYPES - Sections and Elevations

Hodder Associates

TYPES - Sections and Elevations

Saraben Studio

TYPES - Sections and Elevations

LTL Architects

TYPES - Sections and Elevations

Atelier Bow-wow

TYPES - Axonometric and Isometric Projections

David Dernie

TYPES - Axonometric and Isometric Projections

Gary Butler

TYPES - Axonometric and Isometric Projections

Sophia Cole

TYPES - Perspectives

Alberto Campo Baeza

TYPES - Perspectives

Kyle Henderson

TYPES - Perspectives - One Point

David Dernie

TYPES - Perspectives - Two Point

David Dernie

TYPES - Perspectives

Meadowcroft Griffin

TYPES - Perspectives

Neil Denari

Let's dig deeper..

Composition (visual arts)

Composition (visual arts)

In the visual arts—in particular painting, graphic design, photography, and sculpture—composition is the placement or arrangement of visual elements or ingredients in a work of art, as distinct from the subject of a work. It can also be thought of as the organization of the elements of art according to the principles of art.

Design Elements

Line — the visual path that enables the eye to move within the piece
Shape — areas defined by edges within the piece, whether geometric or organic
Color — hues with their various values and intensities
Texture — surface qualities which translate into tactile illusions
Tone — Shading used to emphasize form
Form — 3-D length, width, or depth
Space — the space taken up by (positive) or in between (negative) objects
Depth — perceived distance from the observer, separated in foreground, background, and optionally middle ground

Wikipedia

Design Principles

Unity / Harmony — A good balance between unity and variety must be established to avoid a chaotic or a lifeless design.
Balance — It is a state of equalized tension and equilibrium, which may not always be calm.
Hierarchy — A good design contains elements that lead the reader through each element in order of its significance.
Scale / Proportion — Using the relative size of elements against each other can attract attention to a focal point.
Dominance / Emphasis — Dominance is created by contrasting size, positioning, color, or shape.
Similarity and Contrast — Too much similarly is boring but without similarity important elements will not exist and an images without contrast is uneventful so the key is to find the balance between similiarity and contrast.

Wikipedia

Design Principles - Unity / Harmony

Methods

  • Perspective: sense of distance between elements.
  • Similarity: ability to seem repeatable with other elements.
  • Continuation: the sense of having a line or pattern extend.
  • Repetition: elements being copied or mimicked numerous times.
  • Rhythm: is achieved when recurring position, size, color, and use of a graphic element has a focal point interruption.

Wikipedia

Design Principles - Balance

Types

  • Symmetrical balance
  • Asymmetrical balance produces an informal balance that is attention attracting and dynamic.
  • Radial balance is arranged around a central element. The elements placed in a radial balance seem to 'radiate' out from a central point in a circular fashion.
  • Noisy balance: Overall is a mosaic form of balance which normally arises from too many elements being put on a page. Due to the lack of hierarchy and contrast, this form of balance can look noisy but sometimes quiet.

Wikipedia

Design Principles - Similarity and Contrast

Similar environment

  • Build a unique internal organization structure.
  • Manipulate shapes of images and text to correlate together.
  • Express continuity from page to page in publications using a template. Items to watch include headers, themes, borders, and spaces.
  • Develop a style manual and adhere to it.

Wikipedia

Design Principles - Similarity and Contrast

Wikipedia

  • Space
    • Filled / Empty
    • Near / Far
    • 2-D / 3-D
  • Position
    • Left / Right
    • Isolated / Grouped
    • Centered / Off-Center
    • Top / Bottom
  • Form
    • Simple / Complex
    • Beauty / Ugly
    • Whole / Broken
  • Direction
    • Stability / Movement
  • Structure
    • Organized / Chaotic
    • Mechanical / Hand-Drawn
  • Size
    • Large / Small
    • Deep / Shallow
    • Fat / Thin
  • Color
    • Grey scale / Color
    • Black & White / Color
    • Light / Dark
  • Texture
    • Fine / Coarse
    • Smooth / Rough
    • Sharp / Dull
  • Density
    • Transparent / Opaque
    • Thick / Thin
    • Liquid / Solid
  • Gravity
    • Light / Heavy
    • Stable / Unstable

Contrasts

Gestalt Principles

Learn how to visually identify all the elements and principles visual representation.

 

There may be an exam on all the concepts covered in this class at the beginning of Digital Media II.

Assignment Walkthrough

48120 F17 Class 12

By Eddy Man Kim

48120 F17 Class 12

  • 1,323