Digital Design - Module 01 Semester 1, 2018 Mario Yohanes Rinaldy (917889) Michael Mack + Studio 5
Week One
Reading: Zeara Polo, A. 2010. Between Ideas and Matters.
According to Zeara-Polo, the diagram does not play a representational role in the design process but provides an organisational and can have a performative quality depending on how it is deployed. Explain how Diagram is different from Signs and Symbols? (100 words Maximum)
For decades, the usage of diagrams have been debated in the architecture world of whether it is the correct way to consistently represent concepts, materials, and organization, instead of icons, indexes, and symbols. According to Peirce, in the Zaela-Polo reading, an icon is used to represent dynamic objects, to represent the qualities and functions of the object (such as religious images). An index represent its effects on a dynamic object and accompanied by measurements (such as wind weather data). A symbol is a formal representation of a dynamic object (such as a trophy). However, diagrams does not represent a role in presenting a dynamic object. Diagrams are an abstraction of existing data as a simplifaction to define spaces an object occupies.
2
Week One
Precedent Analysis
North Elevation rendering
East Elevation rendering
West Elevation rendering
Above. Sylvain Deleu, Serpetine Gallery Pavilion 2002 / Toyo Ito + Cecil Balmond + Arup, 2002.
South Elevation rendering
The process of modelling the Toyo Ito Pavilion has several challenges. The first and more prevalent challenge being the source of reference. The plans given were quite blurry and so the scale of the pavilion is not entirely accurate. Additional research on the internet on the size of the pavilion was taken to increase its accuracy. Additional challenges being that there have been several differences between the plan and the built object, possibly due to on-site sudden changes. Several personal intrepretations on the model were made, such as the thickness of the structural beams and the angles of which they were given.
3
Week Two
Reading: Hertzberger H. 2005. The in-between and The Habitable Space Between Things, from Lessons for Students in Architecture. Herzberger discusses how design should not be extreme in its functionality. Use your precedent study to explain how the pavilion allows for an appropriation of use. (100 words Maximum)
Herzberger discussed about the capability of a space to accomodate more functions than its intended purposes. Another term for the concept is to design “in-between spaces”. In-between spaces, or thresholds, defines the transitions of two overlapping environments. Architects must not design a structure only for the sole purpose of aesthetics, but also pay attention to its functionality. Multifunctional spaces complemented by aesthetic design can be seen in Toyo Ito’s Serpentine Pavilion. The major use of the pavilion is a place of gathering of people. Tables and seats were located inside the pavilion, so that people may come and interact inside the enclosed space. However, the way the pavilion was designed with glass windows and through openings created a certain degree of permeability. People inside the pavilion will be enclosed from the outside enviroment, with the walls acting as a barrier. However, the openings and windows created a softer transition so that people might still see what is happening outside. Additionally, in some in-between spaces of the through opening, people may sit inside on the triangles, creating its own personal area inside the threshold itself.
4
Week Two
Isometric
Toyo Ito- Serpentine Pavilion 2002. Northeast Isometric. Toyo Ito’s Serpentine Pavilion was not made with random lines on a box, rather with complex geometries based on the distortion of the box. Some call this work as a ‘liberation of the box’, as it breaks the existing cubistic movement in architecture. The isometric view was taken from the Northeast to give an emphasis on the two close entry points with steps. The modelling process started off with tracing the plans, adjusting it, before extruding each side inward to give the thickness to its beams, which can be seen in the isometric view. Another detailed aspect in the isometric view is the glass transparency and thickness, to emphasize the permeability (access of light and people) into the pavilion. To determine the pavilion’s people circulation, a study of the surrounding site were taken based on Google Earth and photos available on the internet. The close proximity of the pavilion to the gallery created a huge flow of people entering the eastern entrance, while the south entrance people flow originated from the road and car park (see Circulation Diagram). Inside the pavilion, people tend to group up near the places where seats and tables were available. The thresholds that was defined in this structure is its permeability, due to the significant amount of glass and holes. It allows a public to private transition, in which the people inside seems to be enclosed from the outside world, but still can see the outside due to the openings. The thickness of the wall created a more private threshold for people to sit in between the openings (see Appendix).
5
Week Two Diagrams
Structure Glass
Grouping Area
Circulation Area Solids
Overall Circulation
Site Circulation
Structure
Circulation
Threshold (Permeability)
The diagram shows people’s circulation paths from an overall site perspective and zooming in to the pavilion perspective. In relation to the site, most people will enter from the door nearer to the main street and the Gallery while grouping inside where the seats are.
The pavilion boasts a big number of access area for light and people to enter and leave. It allows a certain degree of privacy in some area, where people may or may not see the outside to the inside and vice versa. Due to the thickness, it can also be used as private space
6
Appendix
Process
First step on creating the pavilion is to trace all sides of the pavilion. Several personal intrepretations occured
The model after the inward extrusion. Windows and openings are still not filled in. To filled it in, each respec-
in this step to satisfy the lack of some reference. After tracing, each face/elevations were rotate vertically and made into a box made out of curves. Then. each side were extruded inward to create the structural beams and solids.
tive openings were traced and then extruded inward by 15 mm. A rough standard on window thickness acquired during my summer internship in the planning department of a property developer.
7
Appendix Process
The windows 15 mm thickness shown in the model. In this rendered view, the material were set to glass to create this transparent effect.
Top Row. Justification pictures for the grouping area representation in the Circulation Diagram. Tables and seatings were available inside the pavilion which allows people to group. Bottom. Justification picture for Threshold (Permeability) Diagram. Holes allows access to the inside as well to the outside, as well as privacy use
Rendered isometric view to show the glass positions and transparency of the pavilion.
8
Appendix
Process
Prototype diagram. Glass Pavilion
Solids
Thresholds / Enviroment Transition
Grouping Area
Structure Circulation Area
Base
On the left, it shows the structural breakdown of the pavilion, which later became the Threshold (Permeability) Diagram in the final version. On the right shows a combination of circulation paths and threshold diagram. In this early version, the threshold was defined as an entryway or enviroment transition between the outside enviroment and the inside of the pavilion. A gradient highights all entryway points into the pavilion.
Circulation Paths, Grouping, and Thresholds
A Google Earth satellite view of the location of the Toyo Ito pavilion in relation to the Serpentine Gallery and surroundings, defining the entryway and major waypoints of the site.
9