DIGITAL DESIGN 2018 Portfolio

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