Digital Design - Portfolio Semester 1, 2018 In-Between Space
Jiahong Huang 900513 Samuel Lalo - Studio 12
Skills: Jiahong Huang Student Number: 900513 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
Content: 03
Precedent Study
13
Generating Design Through Digital Processes
45
Leaf Pavilion
2
Precede
SANAA’s Serpent
3
ent Study
tine Pavilion-2009
4
5
‘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.
6
7
Trace shape of pavilion from plan
Allocate position of columns
Build the surface of roof
Build translusent wall
SANAA’s Serpentine Pavilion
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.
Set height of each column
Adjust the height of top and rebuild
Adjust the roof surface and scale it
8
9
10
Frequency of people occured in the pavilion
11
Circulation of people walk into the p
pavilion
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.
Main threshold of the pavilion
12
Generating Ideas
In-betwee Blurring the Boun
13
s through Process
en Space ndary (definition)
14
CONTRAST & INBETWEE
In this task, the purpo to create two spaces ments (sharp and flat a standing strcture. In define in-between sp geometry and comb a a third space betw it can vague the bou in-between space.
15
T SURFACE & EN SPACE
ose of my design is s with different elet) and fold them to n this process, I try to pace by using basic bine them to create ween spaces, so that undary and have a
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 2
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
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 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.
Big opening on the ground is usually regarded as an entrance, provide a way to move into another space.
Exploded Axonometric 1:1 0
21
20
60mm
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.
Gap opening make the boundry of two spaces thickened, also create the in-between sapce from the opening. On site, these panels engage into the the panel wall, which is a part of structure and successfully make the boundary vague.
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.
22
23
The way to generate ideas Relation of surfaces
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.
24
Lofts
1.2 {225,300,300}
1.3
{275,150,300}
{300,150,300} {250,300,300} {180,300,300}
{150,300,300} {300,300,150}
{150,300,150}
{300
{283.3,150,150}
{300,300,150} {270,300,150}
{150,150,150}
{22
{200,150,300}
{180,150,150}
Definition of panel grids
{Index Selection}
{Index Selection}
{Index Selection
2.1
2.2
2.3
{42,86,360}
{159,248,194}
Panels and
{Attractor Point Location}
{Attractor Point Location}
{Panel Cell Loca
3.1
3.2
3.3
Design Matrix 1:5
25
Key
1.4
{0,0,0}
{300,150,300}
25,300,300}
{300,150,300} {150,150,300}
{200,300,300}
{275,150,300}
Attractor / Control Points (X,Y,Z) Grid Points
{180,300,300}
0,300,150}
{240,150,150} {240,150,150} {300,300,150}
{240,150,150}
{150,300,150}
n}
ation}
Surface group itteration and definition. Use Grasshopper (a plugin of Rhinoceroes) to generate different types of surface group.
{Index Selection}
2.4
{255,223,259} {332,224,200}
{263,170,209} {269,248,182}
Pattern types itteration. Try different methods to generate different pattern base, label definitions.
{252,179,152}
{Pull Point Location}
3.4
Patterns itteration. Apply different geometry on pattern bases, and show different effects.
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
29
Laser cut Explode patterns and seperate waffel structure, arrange them in order and send to laser cut.
30
31
32
OCCU & VACANT
In this task, idea of th ed duing the process task, which is whethe pied or not. Deometr same as what genera of the shape come u the true space, and i inspire people to thin different way.
13
UPIED & T SPACE
he design is generats of completing the er the space is occury generated is the ated it, the similarity up a question about in some way it may nk and experience in
34
35
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.
36
{Point Attracted Circles}
{Point Attracted Cubes}
Design Matrix 1:5
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.
Axonometric 1:1 Solid boolean using 3.4 morph itteration. 0
37
20
60mm
{Point Attracted Octanhedrons}
{Point Attracted Octanhedrons}
The thin area can hang some vertical displayed items or display platform.
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
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
39
The way to generate ideas Selection of different geometries Geometry 1 Six octahedrons
Geometry 2 Three octahedrons
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.
40
Centroid point generation
1.1
1.2
1.3
{-246,132,315}
{-43,242,41}
Geometry generation Scaling geometry
{Index Selection}
{Index Selection}
{Index Selectio
2.1
2.2
2.3
{Geometry Location}
{Cube Location}
{Octanhedron
3.1
3.2
3.3
{-246,132,315}
{-43,242,41}
{Point Attracted Circles}
Design Matrix 1:5
41
{Point Attracted Cubes}
{Point Attracte
Key
1.4
{0,0,0}
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}
on}
{Index Selection}
2.4
Geometry selection. Try different types of geometry, put them in the center of each cells.
Location}
ed Octanhedrons}
{Octanhedron Location}
3.4
{151,-0.5,147}
Geometries attraction itteration.
{139,-48,105}
Put attractor points on then see and select attracted effect.
{Point Attracted Octanhedrons}
The thin area can hang some vertical displayed items or display platform.
42
43
3D-Print Use 3D-print to present accurate and delicate changing of attracted octahedrons.
44
45
Leaf Pavilion An architecture melts into the nature, as SANAA’s Serpentine Pavilion did.
46
47
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.
48
Generate the shap
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 through points in the b vein organisation.
pe of Leaf Pavilion
d the end points box, to have a leaf
Revolve each polyline and twist an isocurve of each recolved surface in 360 degree, to have an organic shape.
50
Generate the structu
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 itima make the main structure of p primary and secondary rela the middle structure a surfac highlight the shape.
ure of Leaf Pavilion
ate the cell arrays of leaf, pavilion thicker to show the ation of structure, remain ce to have a shelter and
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
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.
Connect Structure Points to be Polylines
Revolve Polylines and Select Appropriate Curves
Exploded Isometric 1:25 53
0
500
1500mm
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.
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.
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.
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.
Circulation Path 1:125
54
55
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.
56
57
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.
58
59
60
61
62
64
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
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.
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.
Leaf Pavilion In-Between Space
Jiahong Huang Dgital design-Portfolio