Page 1

DIGITAL DESIGN - MODULE 01 (TOYO ITO PAVILION) SEMESTER 1, 2018 GERALDO LEWA 884322 CHELLE + STUDIO 2


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 MAX) Signs are classified to either symbols, icons, or indexes. A symbol represents dynamic objects of the studied system. Unlike symbols and signs, diagrams do not represent dynamic objects, but instead they display the relationship and actions and/or performances of the dynamic objects within the system. Diagrams may exist in different dimensions of reality (not restricted to only three-dimension), unlike symbols and/or signs. Dissimilar to symbols and signs, once a diagram receives information (“determinant form of mediation�), it would then become drawings which can be universally understood by many others.

2


WEEK ONE

Precedent Analysis - given on the LMS (no space for Chicago footnotes - full citations on the Reference section)

TOYO ITO SERPENTINE PAVILION 2002 Firms - Balmond Studio and Toyo Ito & Associates Architects (1) Architects - Toyo Ito, Cecil Balmond, and Arup (2) Client - Serpentine Gallery Trust (4) Type - Cultural Pavilion (1) Area - 309.76 sqm (2) Location - Kensington Garden, London, United Kingdom (2) Completion - June 2002 (4) Budget - 1,000,000 GBP (4) Design and Materials Arrangement of cubes that enlarges as it rotates, composed by Balmond (3). The intersecting lines, made out of supportive steel blades, formed shapes of triangles and trapezoids, which are then filled with either aluminium panels or chequered-patterned glass (4)

Deleu, Sylvain. Toyo Ito Serpentine Pavilion, 2002, web. London. Accessed March 3, 2018. https://www.archdaily. com/344319/serpentine-gallery-pavilion-2002-toyo-ito-cecil-balmond-arup/51423db9b3fc4bd202000043-serpentinegallery-pavilion-2002-toyo-ito-cecil-balmond-arup-photo

Photos - by Sylvain Deleu (2002) colour-corrected by Geraldo Lewa

Deleu, Sylvain. Toyo Ito Serpentine Pavilion, 2002, web. London. Accessed March 3, 2018. https://www.archdaily.

Deleu, Sylvain. Toyo Ito Serpentine Pavilion, 2002, web. London. Accessed March 3, 2018. https://www.archdaily.

com/344319/serpentine-gallery-pavilion-2002-toyo-ito-cecil-balmond-arup/51423db8b3fc4bae2c00004e-serpentine-

com/344319/serpentine-gallery-pavilion-2002-toyo-ito-cecil-balmond-arup/51423dcfb3fc4b43eb00005a-serpentine-

gallery-pavilion-2002-toyo-ito-cecil-balmond-arup-photo

gallery-pavilion-2002-toyo-ito-cecil-balmond-arup-photo

3


WEEK ONE

Precedent Analysis - given on the LMS

Deleu, Sylvain. Toyo Ito Serpentine Pavilion, 2002, web. London. Accessed March 3, 2018. https://www.archdaily.com/344319/ serpentine-gallery-pavilion-2002-toyo-ito-cecilbalmond-arup/51423db9b3fc4bd202000043-serpentine-gallery-pavilion-2002-toyo-ito-cecil-balmond-arup-photo

3

Source cannot be located. Found on Pinterest, given through the University of Melbourne LMS

4

Labels Young, Braden M. Toyo Ito Serpentine

Young, Braden M. Toyo Ito

Jordan, Chase Mitchell. Toyo Ito

(1) - plan and elevation (front, back, east,

Pavilion Plan and Elevation, n.d, web.

Serpentine Pavilion Plan and

Serpentine Pavilion Floor Plan, n.d,

and west) views of the pavilion

Chicago. Accessed March 3, 2018.

Elevation, n.d, web. Chicago.

web. Chicago. Accessed March 3,

http://payload314.cargocollective.

Accessed March 3, 2018. http://

2018. http://chasemitchelljordan.

(2) - isometric exploded diagram of the pavilion

com/1/17/549291/8583711/10-9-14-

payload314.cargocollective.

com/wp-content/uploads/2016/10/

(3) - a SW photograph of the pavilion

1_1000.jpg

1

com/1/17/549291/8583711/10-9-142_1000.jpg

2

Floor-Plan-1024x640.jpg

5

(4) - an achromatic render of the pavilion (5) - plan view of the pavilion and furnitures (and structures) inside

Using the given plan and elevation drawings of the Toyo Ito Pavilion, I traced the frame using the “Polyline” command. After the frames are traced, I used the “Offset” command and offset the polylines in both sides. Using the “Trim” command, I managed to obtain both the surfaces of the frames and solids. After getting both the solid surfaces and frame surfaces, I extruded them using the “Offset Surface” component on Grasshopper. More info of the modelling process on the Appendix section.

4


WEEK TWO

Reading: Hertzberger H. 2005. The in-between and The Habitable Space Between Things, from Lessons for Students in Architecture.

Herzberger discuss 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 MAX) In a nutshell, the Toyo Ito Pavilion is simply designed as a roofed rectangle with four walls surrounding its edges. By restricting the pavilion’s design to its very essence, it opens to a broad spectrum of functionality. It can host many different programs. The pavilion then becomes an “instrument”, rather than a “tool”, as pictured by Herzberger, because it can achieve different functions, unlike tools which are designed for a single function. As mentioned by Herzberg, it is the architect’s responsibility for their design to add value, which can easily be achieved by increasing functionality of a design.

5


WEEK TWO Isometric

A

B

C

ISOMETRIC “A” = MASTER ISOMETRIC; “B” = MAIN ENTRANCE/EXIT, “C” = DETAILS This is a South-West isometric of the Toyo Ito Pavilion generated using Rhinoceros 5’s “Make2D” command and graphically altered using Adobe Illustrator. Line weights, colours, and patterns on this figure were intentionally reworked. The ground lines and the surrounding volumes has thick lines, while the rest of the figure uniformly has thin lines. The glaze has a dark tint and objects beneath the glaze were made grey and dashed, in which they contrasts harmoniously. The interior spaces are coloured with light grey.

6


WEEK TWO

Isometric Diagrams SECONDARY CIRCULATION SPACE

GLAZING

PRIMARY CIRCULATION SPACE AND OPENING AREA % OPENINGS (OPENING AREA/TOTAL OPENING AREA x 100%)

% HIGHEST VERTICAL DISTANCE (HIGHEST VERTICAL DISTANCE/ TOTAL VERTICAL DISTANCE X 100%)

NORTH OPENING - 19.68% HIGHEST VERTICAL DIST - 18.64%

SOLID

EAST OPENING - 39.08% HIGHEST VERTICAL DIST - 31.19% SOUTH OPENING - 18.81% HIGHEST VERTICAL DIST - 31.79% WEST OPENING - 22.43% HIGHEST VERTICAL DIST - 18.38%

CIRCULATION PATH WITHIN THE STRUCTURE AND OPENING AREA

STRUCTURE

PERMEABILITY (EXPLODED ISOMETRIC) DIAGRAM

CIRCULATION DIAGRAM

Toyo Ito Pavilion is composed of three essential elements: structure, solid, and glazing. Toyo Ito Pavilion’s

Toyo Ito Pavilion’s path of circulation is constructed based on the location and size of the openings. Behaviourally, people

permeability is mainly determined by the size of the opening (seen on the “Circulation”) and presence

would prefer to enter or exit a premise through openings that are relatively large and tall. In effect, most of the traffic within

of solids and glazes. The bigger the entrance/exit, more people would go through it. The more glazing

the premise would occur from the South opening to the East opening. Secondary circulation areas are areas outside the

present on an area, more natural light would enter, leading to more people staying on that area.

primary circulation areas. Secondary circulation areas in Toyo Ito Pavilion are used for seating or eatery.

7


APPENDIX

Process of Modelling

1

1) Import the image (plan and section image) into Rhinoceros using “PictureFrame” command. Resize the image using “Scale” command so that the length of pavilion side is 17600mm (17.60m). Trace the frame using “Polyline” command.

4

4) Using Rhinoceros’ Grasshopper, extrude the frame surfaces by using the set of components above. Bake the output.

2

3

2) Using Rhinoceros’ Grasshopper, offset the polyline in both sides using the set of components above. Bake the output. This output can also be achieved through Rhinoceros commands, however I wanted to achieve more flexibility in my model.

5

3) Lay rectangular surfaces on all five sides (four elevations + plan), then delete the fills (areas other than the frame areas) using the “Trim” command on Rhinoceros.

6

5) Lay rectangular surfaces on all five sides (four elevations + plan), then delete the glaze surfaces (leaving the solid areas behind) using the “Trim” command.

8

6) Using Rhinoceros’ Grasshopper, extrude the solid surfaces by using the set of components above. Bake the output.


APPENDIX

Process of Modelling

7

7) Lay rectangular surfaces on all five sides (four elevations + plan), then delete the solid surfaces (leaving the glaze surfaces behind) using the “Trim” command.

10

10) Using the “Boolean Difference” command, remove overlapping polysurfaces (solids).

8

9

8) Refer back to the real-life photo and delete glaze surfaces that are not there; essentially creating holes on the pavilion walls.

11

9) Using Rhinoceros’ Grasshopper, extrude the glaze surfaces by using the set of components above. Bake the output.

12

11) Set the view to South-West Isometric. Tidy up layers and minor flaws (if any).

9

12) Using the “Make2D” command, extract lineworks from the 3D Rhinoceros model of the pavilion. Export the linework into Adobe Illustrator file format and add colours using Live Paint on Adobe Illustrator.


APPENDIX

References Chicago (in-text cites are aqua-coloured bracketed numbers)

(1) = “Serpentine Gallery Pavilion with Toyo Ito”, Architizer, Web, date accessed 11 March 2018, https://architizer.com/projects/serpentine-gallery-pavilion-with-toyo-ito/ (2) = “Serpentine Gallery Pavilion 2002 / Toyo Ito + Cecil Balmond + Arup”, ArchDaily, Web, date accessed 11 March 2018, https://www. archdaily.com/344319/serpentine-gallery-pavilion-2002-toyo-ito-cecil-balmond-arup (3) = “Serpentine Gallery Pavilion 2002 by Toyo Ito and Cecil Balmond with Arup”, Serpentine Gallery, Web, date accessed 11 March 2018, http://www.serpentinegalleries.org/exhibitions-events/serpentine-gallery-pavilion-2002-toyo-ito-and-cecil-balmond-arup (4) = “Serpentine Pavilion 2002”, Balmond Studio, Web, date accessed 11 March 2018, http://www.balmondstudio.com/work/serpentine-pavilion-2002.php

10

M1 / DIAGRAMMING DESIGN PRECEDENT (Digital Design Module 1)  
M1 / DIAGRAMMING DESIGN PRECEDENT (Digital Design Module 1)  
Advertisement