Digital Design - Portfolio Semester 1, 2018 In-Between Space
Jiahong Huang Samuel Lalo Studio 12 - 900513
Skills: Jiahong Huang Student Number: 900513
Content: 03
Precedent Study
13
Generating Design Through Digital Processes
45
Leaf Pavilion
Email: vickyhuang976@gmail.com School: University of Melbourne Bachelor of Design
My work starts from the precedent study about “in-between space” from SANAA’s Serpentine Pavilion, bases on the definition of “threshold”, tries to find different types of “in-between space” and explore them. In my design, I figured three types of “in-between space”: the boundary of architecture, space between two surface and space on and under the ground. In this process, I tried different kinds of digital technology to achieve my design purpose, such as modeling, parametric design, graphic design and rendering, then use different methods to make them as models. I major in architecture design, focus on the relationship among architecture, people’s experience and the environment, try to find out the balance between people’s desire, the environmental protection, architectural function and visual sarisfaction, and try to make them in harmony.
1
2
Precedent Study
SANAA’s Serpentine Pavilion-2009
3
4
‘The Pavilion is floating aluminium, drifting freely between the trees like smoke. Its appearance changes according to the weather, allowing it to melt into the surroundings. It works as a field of activity with no walls, allowing uninterrupted view across the park and encouraging access from all sides.’ --Kazuyo Sejima and Ryue Nishizawa
SANAA’s Serpentine Pavilion is a program under Serpentine Pavilion Gallery series in 2009. This pavilion sat in a park in front of a building, is an architecture in the park and a part of the park. To enter the park or the building, it is the threshold to walk through. As an architecture, its distinctive shape determines it it property as an architecture, however, its open structure and reflective material makes it a part of the surroundings, and vagues property of an architecture. As the threshold, it is the threshold between the building and the park, the park and its entrance. It vagues the boundary between spaces.
5
6
SANAA’s Serpentine Pavilion Structure analysis The structure of the pavilion is simple, several thin columns on the floor support the roof, make the pavilion an open structure. Two pieces of transparent patterns make part of the space partly enclosed. People can access the pavilion from anywhere in the park by any direction, the open structure allows them randomly walk within and move in between the pavilion and its outside. Seats and tables are randomly placed and can be removed, they remain the flexibility of the use of space. Two pieces of translute plastic walls half enclose the bar space and event area to create a protected space from wind and seperate them. The hight of them is just over human scale, leave the space above continuous so that can have the connection with the surroundings.
7
Trace shape of pavilion from plan
Allocate position of columns
Set height of each column
Build the surface of roof
Build translusent wall
Adjust the roof surface and scale it
Adjust the height of top and rebuild
8
9
10
SANAA’s Serpentine Pavilion Circulation and threshold analysis SANAA’s Serpentine Pavilion is in free form, the roof of it is not completely overlapped on its base, the plasic walls are partly exposed under the sky, the threshold of it is vague, the boundary of the pavilion is indistinct, therefore, it is hard to define which part of the park is in the pavilion, so that can melt the pavilion into the nature. As multiple types of threshold, people in SANAA’s Serpentine Pavilion is active. They enter the pavilion from anywhere of it boundary, its shape is the threshold, but the gravels beside the shape may guide them walk through other piece of ground.
Frequency of people occured in the pavilion
11
Circulation of people walk into the pavilion
Main threshold of the pavilion
12
Generating Ideas through Process
In-between Space Blurring the Boundary (definition)
13
14
CONTRAST SURFACE & INBETWEEN SPACE In this task, the purpose of my design is to create two spaces with different elements (sharp and flat) and fold them to a standing strcture. In this process, I try to define in-between space by using basic geometry and combine them to create a a third space between spaces, so that it can vague the boundary and have a in-between space.
15
16
Pattern 1
17
Set pattern with different size of opening in same scale, create a different sense of the threshold that showing different gesture. Meanwhile, openings are the gate of the environmental contact, in this pattern, different size of openings can generate different microclimate, which can influence people’s behavior.
18
Pattern 1
19
Set triangles to fit the surface, and scale them into middle, extrude them with random height, create a rhythm sensation, the empty space in the middle may attract people to climb and stay, is an in-between space of the surface.
20
Design Matrix 1:5
Opening at the end of architecture provide a contrast compare with the beginning, the changing in between encourage people to move in and out in the architecture.
Narrow opening makes the architecture like a shelter, the shape of it can give people a sense of security, attract people to come in the architecture
Gap opening make the boundry of two spaces thickened, also create the in-between sapce from the opening. On site, these panels
Openings are the gate of the connection with the environment, in this pattern, different size of openings can generate different microclimate, which can influence people’s behavior.
engage into the the panel wall, which is a part of structure and successfully make the boundary vague.
Big opening on the ground is usually regarded as an entrance, provide a way to move into another space.
Different height of panels can create different light effect, this sunk area is usually in shad ow may guide people to get in touch with the panel wall.
Exploded Axonometric 1:1 0
21
20
60mm
22
The way to generate ideas Relation of surfaces Surfae 1
Surfae 2
Surfae 3
Surfae 4
Adjust index number in Grasshopper, create different surfaces. To have a better present of blurring boundary, the surface 4 is selected. Touching on one poine of the surfaces and with different distance to another point on the other surface, surfaces involve four types of opening: colsed, semi-closed, opened and large opened.
23
24
Lofts
1.2 {225,300,300}
1.3
Key
1.4
{0,0,0}
{300,150,300}
{275,150,300}
{300,150,300} {250,300,300} {180,300,300}
{150,300,300} {300,300,150}
{150,300,150}
{300,150,300} {150,150,300}
{200,300,300}
{275,150,300}
Grid Points
{180,300,300}
{300,300,150}
{283.3,150,150}
{300,300,150} {270,300,150}
{150,150,150}
{225,300,300}
{200,150,300}
Attractor / Control Points (X,Y,Z)
{240,150,150} {240,150,150} {300,300,150}
{180,150,150}
{240,150,150}
{150,300,150}
Definition of panel grids
{Index Selection}
{Index Selection}
{Index Selection}
{Index Selection}
2.1
2.2
2.3
2.4
Surface group itteration and definition. Use Grasshopper (a plugin of Rhinoceroes) to generate different types of surface group.
{42,86,360} {255,223,259} {332,224,200}
{263,170,209} {269,248,182} {159,248,194}
Pattern types itteration. Try different methods to generate different pattern base, label definitions.
{252,179,152}
Panels and
{Attractor Point Location}
{Attractor Point Location}
{Panel Cell Location}
{Pull Point Location}
3.1
3.2
3.3
3.4
Patterns itteration. Apply different geometry on pattern bases, and show different effects.
Design Matrix 1:5
25
26 Opening at the end of architecture provide a contrast compare with the beginning, the changing in between encourage people to move in and out in the architecture.
Supporting Structure--Waffel Structure
From this vew, the top of the waffel structure is close, which provide a shelter-liked structure and give a sense of security. Big opening at the bottem show the gesture of welcoming.
27
Intersecting perpendicular contour pieces to have a stable independent structure.
Big opening at the top and small opening at the bottom is the inverse status of the left image, which provide a way at the bottom and also maximize space on top, the changing in-between create an interesting sense.
28
Laser cut Explode patterns and seperate waffel structure, arrange them in order and send to laser cut.
29
30
31
32
OCCUPIED & VACANT SPACE
In this task, idea of the design is generated duing the process of completing the task, which is whether the space is occupied or not. Deometry generated is the same as what generated it, the similarity of the shape come up a question about the true space, and in some way it may inspire people to think and experience in different way.
13
34
In this isometric structure, the spaced occupied and left is similar, the usage of it will become difficult to define, so that in some way can urge people to think about the question: are we managing the space or it is the space is managing us. Gray area is the vacant area in this geometry, it gradually disminish from the right to the left, seems like providing the option of space, but in fact, it is misguiding people so that they can think about the question.
35
36
{Point Attracted Circles}
{Point Attracted Cubes}
{Point Attracted Octanhedrons}
{Point Attracted Octanhedrons}
Design Matrix 1:5
The thin area can hang some vertical displayed items or display platform.
As the exterior of a display wall, the disminishing scale shape the space of displaying.
Middle part of the panel wall is where items are placed, the different size of space siut different scale items. Shaped by the scale, displaying area could be continious or interrupted, which may suit for different purpose of placing, and the light transluted provide different effect.
The shape and scale of the displaying space and the apprearance of the wall are similar, which inspire people to think about the question that whether it is the item decorates the wall or the wall decorates the item.
Gray area is the displaying space.
Pattern of display wall 1:5
Axonometric 1:1 Solid boolean using 3.4 morph itteration. 0
37
20
60mm
Gray area is vacant space for display, in this instance, white area inside or outside the gray area is similar, which vague the definition of space be use, is that the large space is for using or, n this case, it is occupied? The hardness of defining the space for usage, like the concept of “in-between space”, it is “in-beween definition”.
38
The way to generate ideas Selection of different geometries Geometry 1 Six octahedrons
Geometry 2 Three octahedrons
Geometry 3 Three cubes
Geometry 4 Three spheres
Choosing different shape of geometry to cut the box, circles, cubes, octahedrons and double octahedrons. In this process, geometry generated double octanhedrons is more confused than other geometry, the after-cut geometry is similar to the geometry setted to cut, which which may encourage people to think about the difference and figure out the which is the space that may be used.
39
40
Centroid point generation
1.1
1.2
1.3
Key
1.4
{0,0,0} {-246,132,315}
Attractor / Control Points (X,Y,Z) Centroid point
{151,-0.5,147}
Cells attraction itteration. Try different density of cells and attractor points, see their difference.
{139,-48,105}
{-43,242,41}
Geometry generation
{Index Selection}
{Index Selection}
{Index Selection}
{Index Selection}
2.1
2.2
2.3
2.4
Geometry selection. Try different types of geometry, put them in the center of each cells.
Scaling geometry
{Geometry Location}
{Cube Location}
{Octanhedron Location}
{Octanhedron Location}
3.1
3.2
3.3
3.4
{-246,132,315} {151,-0.5,147}
Geometries attraction itteration.
{139,-48,105}
Put attractor points on then see and select attracted effect.
{-43,242,41}
{Point Attracted Circles}
{Point Attracted Cubes}
{Point Attracted Octanhedrons}
{Point Attracted Octanhedrons}
Design Matrix 1:5
41
The thin area can hang some vertical displayed items or display platform.
42
3D-Print Use 3D-print to present accurate and delicate changing of attracted octahedrons.
43
44
Leaf Pavilion An architecture melts into the nature, as SANAA’s Serpentine Pavilion did.
45
46
Leaf
The inspiration of Leaf Pavilion came from a piece of fallen leaf. The leaf was found on my way home when I tried to seize the mark of the Fall on vegetations. It was yellow and green when I brought it home, then it became twisted when it dried out, The shape of the leaf is interesting, organic curve with initiative structure, starts from one end to the other end, follows the main vein, extended in order but not restricted. The organic form attracts me to make an observation on it, and inspired me to produce the pavilion according to its shape and the biological structure.
47
48
Generate the shape of Leaf Pavilion
To find the organic form, I generate several random point within a box, and chose a start point and an end point (red).
49
Connect the start and the end points through points in the box, to have a leaf vein organisation.
Revolve each polyline and twist an isocurve of each recolved surface in 360 degree, to have an organic shape.
50
Generate the structure of Leaf Pavilion
Loft two neighbouring curves to generate smooth surfaces, and show the organic form of the pavilion, make it as many pieces of leaves connect from its edge.
51
Use voronoi structure to itimate the cell arrays of leaf, make the main structure of pavilion thicker to show the primary and secondary relation of structure, remain the middle structure a surface to have a shelter and highlight the shape.
Make the middel structure with geomitric patterns, to represent cell arrays of leaf. In reality, the middle surface with voronoi structure may attract people to climb on, make the surface as geometric patterns can provide a reletive safer place for them stay on.
52
Landscape of pavilion site, is about two meters sunk where the pavilion is. When people stand inside Leaf Pacilion, the environment is visually scaled up so that can provide a sense of stand under a leaf. Top pavilion frame, is made of steel and with hollow out structure to maintain the translucency of the space. The structure of it somulates the biological structure of leaf.
Generate Structure Points
Middle surface structure, is made of translucent perspex, the translucency allows the light to translute, and reflection on it increase the complexity of structure and make it looked more like a piece of leaf. With trangle panels, people can have a flat surface to sit on.
External part of terrain, made of rough gray concrete, is smoothly higher than inner part of terrain, and where people can stand or sit on while having a concert.
Connect Structure Points to be Polylines
Bottom pavilion frame, same material as top pavilion strucutre, is for maintaining structure integrity, both ends touch the ground, is also the support of Leaf Pavilion. Revolve Polylines and Select Appropriate Curves
A sunk of sunk ground, is made for placing the bottom of the top pavilion frame, to make the structure stable.
Inner part of terrain, is also the lowest part of this sunk ground. Consisting of rough white concrete, highlight the position of Leaf Pavilion and visually scale up the environment in further step.
Exploded Isometric 1:25 53
0
500
1500mm
Circulation Path 1:125
54
Terrain The form of terrain follows the imitaion of leaf structure. Each closed curve is a piece of dried leaf which may be twisted, overlap them and protrude their edge, to show the “vein” of the terrain. The terrain is sunk on where the pavilion is, when people stand under the pavilion, the environment is visually scaled up and make them as if they are standing under a real leaf. Each pattern isolated by “veins” is smooth, they are like cells stay next to each other, when people stand on them, people will become a part of cell, so that can melt the boundary between people and the nature. Yellow box is where the pavilion is cut and the position of section model.
55
56
Model Scale 1:25 Model of pavilion section is made by 3D-print and laser cut. Use 3D-print to produce the pavilion structure in order to present the complicated structure and delicate changing of surface and voronoi structure. Use laser cut to cut the vertical contour of terrain to show the delicate changing of terrain. Then sand the terrain model to make it smooth and also to clean up the burned mark of laser cut raser. The leaf beside is also found on my way home, when I saw it, I thought the shape of it is more similar with my pavilion. There was an insect hidden under it, when I picked the leaf up, the insect quickly ran away.
57
58
59
60
61
62
63
64
Sunny Afternoon Overview the Leaf Pavilion and its terrain in sun, shows the ground texture and relation of paviliona with the Melbourne city. Melbourne is an environmentally friendly city, architectures are well planned and the nature is well protected. Therefore, the sunk terrain is necessary for the pavilion to speak to the city context, it is half raised and half hidden, makes it could be view but dose not break the harmony of its surroundings. The pavilion is on the ground but also under the ground, its position is vague like SANAA’s Serpentine Pavilion, in order to melt the boundary of the architecture and the nature.
Rainy Dusk View on the entrance of the pavilion, with vegetation in rainy and foggy weather, present the relation with its surroundings. In this image, translucent and reflective middle surface is in harmony with the ponding under the pavilion, the fog make the structure of pavilion more indistinct, enhance the relation of pavilion with its surroundings that the “leaf� is a part of these vegetations.
65
66
Peaceful Night View near Leaf Pavilion at night, with flowers and fireflies, the present of pavilion itself. When the night falls, animals and insects like fireflies are active, they become the users of the Leaf Pavilion. Fireflies slightly light up the night, the light of the pavilion make it like a piece of huge leaf covers a group of fireflies, the architecture finally becomes the part of the nature.