20.101 ASD Code One Studio  

The studio establishes foundations for architectural design through three projects that build in scope and complexity to have students engage issues of 3-dimensional geometry and drawing, space and component aggregation, ordering systems, structure, circulation and narrative, and tectonics. The design process is introduced as an iterative form of research, experimentation, and play, enabling students to develop conceptual ideas about architecture and translate them into a series of physical and material investigations. Each exercise is envisioned as an introduction to design thinking through an increasingly more complex set of relationships with regard to formal procedures, programs, and systems. Students are required to work in both physical and digital models, and rehearse both analogue and digital drawing techniques for each exercise. The exercises will test both conceptual and analytical thinking as well as aid in the development of representational skills.

2017.01.01 Exemplary Projects

Excercise 3. Eileen Wong


Exercise 2. Ong Ying Ying


Exercise 1. Rebekkah Low


11.24.2016 - Composite Images Workshop




* A few principles of Composition


  • There are no fixed rules 
  • Rule of thirds 
  • Leading Lines
  • Framing
  • Cropping
  • Symmetry and Patterns
  • View points
  • Background
  • Depth
  • Experimentation


1. Architectural Photography

MIT Unmaterial Studio with Selgas Cano (2014). Photographs by Iwaan Baan.




2. Architectural Montage 

El Lissitzky Pier Vittorio Aurelli, Christian Kerez, Diller Scofio Renfro



3. Today's Demo.. 




1. Computer Model composited into photograph

  • set Image as background wallpaper... display options -> viewport properties -> wallpaper

  • adjust focal length, rotate, zoom

  • save view.. display options --> named view --> saved view

  • wireframe view... ctrl+w, shaded view... cntrl+s, rendered view

2. Physical Model Montage

  • Use filters / noise to unify image elements

3. Photoshop Tricks

  • Set lowest dimension2000 px.. this will allow the image to scale to A3 at high resolution
  • Use adjustment layers

  • Use selection layers to save masks

  • Invert Selection - Cntrl + I

  • Right / Left square brackets ... increase brush / decrease brush size

  • Polygonal Lasso

  • rendered view... cntrl+r

  • Highlights - > threshold -> select black -> delete -> gaussian blur

4. Tutorial Assets


Apparently plants are passe, it's all about #ASDTEXTURES now ☺ // pardon the craftsmanship pls

A photo posted by Yilei (@universedogg) on

So someone thinks she is a flower 🙄 #asdtextures

A photo posted by sofia (@itbeganwithastep) on


A photo posted by 🍥🍥🍥 (@natyeo_) on

#asdtextures #archiying

A photo posted by OYY (@yingyingongg) on



2:00 - 3:00 PM

  • Rebecca
  • Sofia
  • Eileen
  • Jeremy

3:00 - 4:00 PM

  • Yang Hui
  • MK
  • Jan

4:00 - 5:00 P

  • Ying 
  • Yilei
  • Nat

5:00 - 6:00 PM

  • Fish
  • Elizabeth
  • Angel




09.21.2016 Design Development


Please follow the design procedure:

  • making sections in 2d of the texture
  • making a volume
  • cutting sections of the simple volume
  • grafting the textures onto the volume sections 


9.13.2016 Survey


9.13.2016 Texture Mining


1. What is texture?

1.the visual and especially tactile quality of a surface:

rough texture.

2. the characteristic structure of the interwoven or intertwined threads,strands, or the like, that make up a textile fabric:

coarse texture.

3. the characteristic physical structure given to a material, an object, etc.,by the sizeshapearrangement, and proportions of its parts:

soil of a sandy texture; a cake with a heavy texture.

4. an essential or characteristic qualityessence.

2. Examples