Digital Design - Portfolio Semester 1, 2018 Hong Peng Yu
913511 Xuyou Yang+ Studio 02 1
email: johnyu.l.k.l@hotmail.com
Content:
Education:
04
2017 - current Bachelor of Design, University of Melbourne
Precedent Study
12 Generating Design Through Digital Processes
Queen Victoria Garden Pavilion
Reflection:
Awards / Exhibition: 2017 FOD:R Exhibition, AFLK Gallery 2017 Alpha Studio Exhibition
Motivation: John’s motivation for design is the potential for both creativity and improving the human experience through architecture. Design skills: John has acquired the ability to understand parametric modelling and applying these knowledges into his design Aspirations: John aspires to become a designer that aims for sustainability. Both for the environment and for the human living standard
Skills: Rhino Grasshopper Unreal Photoshop Illustrator Indesign Fabrication
Improvements: John can be more ambitious in exploring more technical design options that will further enhance the design complexity and efficiency. A more comprehensive understanding of grasshopper will also improve design flexibility and greater iterations as alternatives.
2
3
Exterior facade
Aluminium & glass cladding
Interior & furniture
Interior & seatings
Roof support and cladding
Roof support and cladding
Diagramming Design Precedent 4
Architect: Cecil Balmond, Toyo Ito & Arup Location: Kensington Gardens, London, United Kingdom
TOYO ITO PAVILION
Area: 309.76 sqm (17.6 x 17.6m) Project Year: 2002 Client: Serpetine Gallery Pavilion Design Concept: - Modern, asymmetrical, non-ornamental & rational - Base on algorithm that expands & rotates cubes to form intersecting lines which formed the geometry (triangles & trapezoids) - Attempts to blur the boundaries between walls, floor & ceiling, and between interior and exterior through the unified use of materials Materiality: - Glass glazing (transparent) - Aluminium panels for cladding (translucent) - Steel support blades (translucent structural frame) - Overall sharpness of form & visual infinitely repeated motion Access & circulation: - Stairs & openings in the pavilion on front, back & right of the facade - Ramp & opening on left facade (wheelchair access) Programs: - Talks on architecture - Film screening - Cafe (day) Construction: - Prefabricated & assembled on site
5
Isometric (NW) 1:100 0
1000
3000mm 6
Isometric (NW) The isometric from North West, as it shows the main access entrances and the wheelchair ramp to the internal space. This is indicative of the architect’s consideration and intention for the space to be accessible by all potential occupants. The isometric drawing communicates the dynamic forms of the façade, the mirrored geometry in the internal tiling from the roofs and walls, as well as the architect’s ambition to “blur the boundaries between walls, floor and ceiling.” (shown in the consistent and repetitive materiality). I have chosen to explicitly show the materiality of the individual elements of the pavilion through different tones of grey and different opacity. The steel frame is in the darkest grey compared to the aluminium cladding in light grey, this is to show the structural properties of the material (steel is stronger than aluminum, thus is used to support the whole structure). The glazing is represented using black at 20% opacity, so objects behind glass can be observed.
Through modeling the pavilion, it was observed that the structure is very technical and requires precise engineering in terms of erecting the structure and joining the different components together (fitting the glazing and aluminium cladding into the steel support). Therefore, the most appropriate method for construction would be prefabrication, as the manufacturing environment can be very controlled to meet the demands of the precision required of the architecture.
7
Entrance
Entrance
Plan The plan shows that the roof the pavilion is cladded with alternating aluminium & glass. The depth and volume of the aluminium cladding casts a dynamic shawdow on the tiled platform. While the permeability of the glazing allows sunlight to penetrate through to
Entrance
the internal space
8
Entrance
Elevation Diagram The South Elevation of the pavilion shows the various openings in the pavilion. This allows for ventilation and air circulation. These voids also created a private space for individuals as the frames intersect with the base of platform of the structure. The elevated platform itself can be seen as a bench near the entrances of the pavilion, this acts as a welcoming gesture for people to populate the space. It can be observed that these openings are very much deliberate & informed. Firstly, it creates an active dialogue between the internal space and the external environment. Secondly, the space also adapts to the human scale. The dimension and the shape of the gap is proportional to the human proportion and anatomy. Moreover, the void is just the right size, which does not compromise the comfort of the user. It also provides a threshold with the internal space of the pavilion: providing users of both spaces with privacy. Perhaps, it acts as transition between the public domain to a more semi-private domain. Lastly, these openings can be an attempt that allows the occupants to be immersed in between the worlds of nature and architecture.
9
0
5000
15000mm
0
5000
Improvised Area
Threshold Transition
Recreational Area
Circulation Area
Reception Area
Boundary & Rest Zone
15000mm
Threshold diagram (1:500)
Circulation and program diagram (1:500)
Annotations
The thresholds have created a gradual transition between
The circulation is influenced by the placement of the furniture
The diagram conveys the possible programs within the
the adjourning worlds of the natural context and the built
or fixtures that may obstruct the path of a person who tends
certain areas of the ground plane, as well as the circulation
form through the changing permeability of the material. The
to the shortest path from point A to Point B. Such obstruction
area. Various areas of the space is undefined and the func-
transparency of the glazing also captures a framed view of
can also be strategized to increase the possibility for attach-
tion can be improvised base on people’s behaviours and
the surroundings, which accommodates the overlapping
ment and occupation within a space.
actions through contact with the space
ideologies of both spaces. 10
11
Generating Ideas Through Process 12
Design Matrix
1.1
2.1
3.1
4.1
3.2
4.2
3.3
4.3
Waffle Frame
Panelling
{60,0,150}
{0,150,150} {61,75,95} {0,0,0}
{150,150,150}
{150,0,0} {45,150,0}
{150,150,0}
1.2
2.2 {0,0,150}
{150,150,150}
{90,150,150}
{135,0,0} {150,40,45} {38,9,0} {0,0,0} (38,160,0} {0,180,0}
1.3
2.3 {0,0,150}
{0,150,150}
{150,30,150} {90,15,150}
{150,0,75}
{0,0,0}
{150,0,0}
{150,40,45}
Index Selection & Lofts
{45,150,0}
Paneling Grid & Attractor Point
The iterations focused on transformative qualities of space as the surfaces are orientated in different directions. The waffle also has a transformative quality, from the slender curved ends to the larger geometric frames.
13
Key {0,0,0}
Attractor / Control Points {x,y,z}
{0,0,0}
Index Coordinates {x,y,z) Grid Points (Surface 1) Grid Points (Surface 2)
Surface and Waffle
Informed perforations on both panels allows light permeability, in a controlled and gentle manner.
The overall geometry is concaved, which forms a semi-open shelter. The panels extrude slightly towards the center of the void, therefore it will not impose on the occupants of the space.
During day time, it can act as a canvas to receive sunlight and cast dynamic shadows. At night, it within with
can radiate from internal lightings.
Protrusions in various directions allows the structure to actively interact with the surrounding environment, such as: sunlight, rain and wind.
A curvilinear waffle structure provides contrast with the geometric panels.
Panels are larger at the bottom and decrease in size towards the top. This takes into consideration of the overall geometry and the structure integrity
The waffle twists gradually to form dark ripples of light and shadow
14
Isometric 1:1
0
20
60mm
15
16
17
2D+3D Panels
Z Axis Waffle
3D Panels
Left Waffle
1. Fold 2D and 3D panels
2. Assemble panel (1) with PVA
3. Assemble 3D panels (central geometry) with PVA. Masking tape to secure
4. Trim tabs
Right Waffle
5. Assemble 3D panels (outer geometry) with PVA. Masking tape to secure
The key constraint is the size of the geometry, as size decreases the burn marks from the laser increases, especially where lines intersect. Moreover, the slender ends on both the left and rght waffle structure results in a weak structure. It required multiple applications of PVA to strengthen the material. 18
6. Finsihed panels
7. Stick panel (1) on waffle
8. Assemble 3D panels. Trim backside tabs
19
20
Design Matrix
Offset Surface Grid
1.1
1.2
1.3
1.4
Key Handle Control Points Control Points Grid Points Curve Attractors
Rhino manipulation of surface
Orientate
2.1
Opposite orientation
Boolean Difference & Union
3.1
Adjust bounding box and boolean
Graph manipulation of surface (sine)
Graph manipulation of surface (bezier)
2.2
2.3
Same orientation
Angled orientation and intersection
3.2
3.3
Boolean difference and trim bounding box
Adjust bounding box and boolean
Graph manipulation of surface (bezier)
2.4
Angled orientation and no intersection
3.4
Adjust distance and boolean
The iterations focused on the undulating mountainous forms, with transformation and adaptable spatial qualities when orientated in different directions. The two contour waffles are perpendicular to each other to emphasis the horizontality of the space, while the undulating verticality conveys dynamics and movement. 21
Key Handle Control Points Control Points Grid Points Curve Attractors
Solid and Void
The boolean union of the parametric surface contour waffle generated a mountainous structure. The in dynamic
between spaces are and completely open
The cantilevered blocks of continous curves provide shelter for the space below.
The boolean difference of the rectangular prism and the parametric surface contour waffle, provokes a monolithic array of openings that varies in height. The inversion of positive and negative spaces empasises on the horizontality and perpendicularity of the displaced and reoriented forms.
22
Isometric 1:1
0
20
60mm
3D Printing
23
24
25
26
27
28
29
TWEEN
Design Concept The 5 by 5 by 5 pavilion reflects the surrounding nature and cityscape: a lightweight polished steel structure The structural pipes and stepped water pond clad with mirrored tiles reflects the surrounding and the sky, allowing it to be embed within the landscape. The reflective roof articulates the sculptural quality of the pavilion.
PAVILION
A transparent ultraviolet market is laminated onto the polished steel to prevent bird collisions. On top, an interlocking pavilion creates two functional structures. Chambers within the interlocking grid form garden beds for local vegetation that drains naturally through the curve of the roof. The single axis waffle on the sail forms a brise soleil to maintain a gentle radiance of sun into the interior. The interior space is designed to accomodate an enclosed public space for performance, speech, recreation and play. It is depressed into the ground, to create an intimate cave within the earth. Using a charred timber palette, there is a juxtaposition in solid and void, dark and light, rough and smooth.
30
M3 - Shadow Diagram Sun and Shadow Diagram Summer Solstice
Winter Solstice
7:00 am
9:00 am
12:00 pm
12:00 pm
6:00 pm
4:00 pm
N
12:00
Winter solstice
17:08
07:36
W
E
20:42
05:55
Summer solstice
S 31
Exploded Isometric and materials Timber Waffle Structure
Polished Steel Pipe Charred timber
Concrete
Polished steel
Timber
Charred Timber Benches Charred Timber Stairs Vegetation Sloped Wall
Concrete Clad with Polished Steel Vegetation Steps
Base terrain
Vegetation
32
Isometric
The structure is formed from tweened curves of the base surface to reinforce three intersecton points and underlines the curvature of the form
The stepped water feature acts as an threshold that prevents people from approaching the pavilion from the “cliff� edge with a relative low roof line
The charred timber benches are cut with the curves projected from the pavilion to form various functions such as sitting, laying and playing
The monolithic concrete block clad with polished steel acts as the anchor point for the apex of the structure. While also functions as a cool resting place in summer
The mirrored polished stainless steel pipes embodies a reflective quality that resonates with the water feature
The access steps transition from grass to ahrred timber, this signifies more natural transition between the outisde to the inside.
33
Isometric 1:75 0
1500
4500mm
Design Iteration
Dynamic form with functional openings, but
Dynamic form with developable geometry,
Dynamic form with developable geometry,
too complex and overlapping geometry
but did not consider human scale
with consideration for human scale
34
35
36
37
38
39
Digital Design Semester 1, 2018 40