Dd_

Digital Design - Portfolio Semester 1, 2018 Cherry Lai

868768 Samuel Lalo Studio (11)

1

about Education: 2017 - current Bachelor of Design 2012 - 2016 St. Stephen’s College, Hong Kong Work Experience: 2016

Zara, Hong Kong

Awards / Exhibition: 2016

Exhibition of Student Visual Arts Work Hong Kong Education Bureau

Skills: Rhino Grasshopper Sketch Up Cherry Lai

Unreal

20.5.1998

Photoshop

email: www.cherrylai@gmail.com

Illustrator Indesign Fabrication Microsoft Offices: word, excel, PowerPoint

2

I had learnt arrays of digital skills in this semester through Digital Design Studio. The various type of fabrications helped to me stop limiting myself on idea or creativity. As fabrication like 3D printing can display my idea efficiently. From the first assignment, I had been inspired by the precedent, the serpentine pavilion by Sanaa. The dynamic and free flow shape of the pavilion suggest merging the pavilion into the surrounding area and landscape.

This concept helps me to develop the idea of fluidity in the later on assignments which I focused on the multiple circulation and shape. Finishing this subject, I think I should improve on the application of grasshopper. As the grasshopper’s script is developed by a lot of commands, I need to explore more on their usage in order to apply them flexibly.

Content: 04 Precedent Study 06 Generating Design Through Digital Processes 14 Queen Victoria Garden Pavilion

3

Diagramming Design Precedent

Precedent Study The Serpentine Pavilion Architects: Kazuyo Sejima and Ryue Nishizawa, SANAA

Source:https://www.archdaily.com/28672/the-2009-serpentine-gallerypavilion-sanaa

The Serpentine Pavilion by Sanaa has a key concept of merging with the surround landscape. The pavilion is composed by single roof which supported by many columns. Its dynamic shape rooftop makes it blends with the surrounding grassland. Its curved shape also suggests the free flow circulation in the site that visitors can walk through from several entrances. The rooftop is arranged in different height which defines the zones of the pavilion. The zone with higher height encourage people to stay for a long time, such as the cafĂŠ and seminar room while the flattened part allows children to play hide and seek. Apart from its form, architects applied mirror finish in the whole pavilion. The reflective feature enable the pavilion reflects the green environment, creating a harmony feeling to visitors.

Isometric 1:50

Isometric of the study of Sanaa Serpentine Pavilion

4

Ciculation Diagram The pavilion suggests several pathways for visitors and people. Visitors not only can pass through the pavilion directly, but also they can walk around according to the curves and flow of the pavilion.

Threshold Diagram The whole pavilion has a open approach that visitors do not have much limitation on pass the pavilion in different direction. The columns created the threshold under the roof. The glass walls are transparent that can create a visual threshold, but also define the area within the pavilion.

5

Generating Ideas Through Process

6

Design Matrix

Lofts

1.1

1.2

1.3

{150,68,150}

Key

1.4

{0,0,0}

{-81,0,150} {54,-50,122}

{0,150,150}

{136,-81,150} {54,68,0}

{-40,-150,150}

{-150,0,150}

{-40,0,150} {27,-150,0}

{-95,150,0}

{0,0,0} {13,-150,0} {150,-81,0} {0,0,0}

{-95,-150,27}

Paneling Grid & Attractor Point

{Index Selection}

{Index Selection}

{Index Selection}

{Index Selection}

2.1

2.2

2.3

2.4

{101,77,18}

{88,-20,-118}

{88,16,39}

Paneling

{Attractor Point Location}

{Attractor Point Location}

{Attractor Point Location}

{Index Selection}

3.1

3.2

3.3

3.4

+

+

+

7

+

Attractor / Control Points (X,Y,Z) Attractor / Control Curves Grid Points

Module 2 is my first time trying out grasshopper. I deigned the two surfaces like a double twisted form, having a wider opening on the top and a narrower opening in the bottom. This design concept is to give visitor a visual threshold when they walk into this pavilion structure. Visitors walk in from a narrow entrance, but they will find out it is spacious when they get in. It also fits with the twisting form which emphasizes a change of space. On the other hand, there are panels covers two sides of the structure that one side is 2-D panels and another side is 3-D panels.

The hollowed 2-D panels enable the air-flow and sunlight to enter the pavilion. The 3-D panels are formed with different scales of triangle which are exaggerated in wavy form in height, to making the whole pavilion more aesthetic.

Surface and Waffle

The wide open can give visitor a visual threshold and emphasize the change of space

The hollowed panels allow airflow and sunlight to pass through the wall of pavilion

The panels are arranged in different sizes which form interesting window wall on the surface of pavilion

The 3D panels arranged in different height with the help of point attractor to make the whole structure more dynamic

8

Task 1

9

Fabrication Process

This assignment had utilsed grasshopper to generate the file for laser cut.

In the process of model making, i mainly used PVA to join and waffles and panels together.

10

Task 2

11

SOLID AND VOID

In task 2, I had tested on various shape to boolean with the cube. And this this the final product after testing.

Platonic tetrahetron solids connected together to creat more geometric faces within the interior space

This section have shown the threshold and circulation of the platonic shape. The platonic shape overlapped togerther and created negative space on the surface. The space created within the object is conected and created many scales of angles. Such connecting space with angles can generate multiple shading within the space.

When the sunlight penetrate within the space, the ligh will be reflected due to the angles.

The fickleness in the space makes the circulation become more interesting to visitors.

The overlapped platonic tetrahetron created open and connected space throughout the whole object

12

Design Matrix

Grid Manipulation

1.1

1.2

1.3

1.4

Key {0,0,0}

Grid Points

Shape Creation Paneling

{Index Selection}

{Index Selection}

{Index Selection}

{Index Selection}

2.1

2.2

2.3

2.4

{Attractor Point Location}

{Attractor Point Location}

{Attractor Point Location}

{Index Selection}

3.1

3.2

3.3

3.4

Design Matrix 1:5

13 Different sizes of platonic Tetrahedron

Attractor / Control Points (X,Y,Z) Attractor / Control Curves

{150,68,150}

The wooden pavilion - Parametric loop is a curvy pavilion composed by two isolated walls. The warm toned wood merged with the surrounding environment to create a harmony with the landscape. The wall separated structure allows different scales of activities, such as lunch seminar and night concert.

The waffle columns are arranged in variable distances to fit with needs. The closer columns provide privacy for people to chat while the wider columns make the pavilion more welcoming. The waffle structure makes the inner spaces more transparent that function like concert be seen by any people pass-by.

There is a gentle slope within the inner part of pavilion while the lowest point is the small parametric wall. The longer wall is elevated by decking which acts as seatings for people.

Parametric Loop

The free formed decking encourage people to maximise the use of seating and introduce several pathways. Also, such setting and landscape created sense of enclosure, like a sphere, to provide a inner space for people to stay longer.

14

M3 - Parametrice Loop

Isometric

The waffle is arranged in different columns that it can distinguish the pravite zone and public zone within the pavilion.

Circulation Pathway

Timber Structure Detail 1:25

The waffle design allows for the transfer of light.

Its curved shape will formed a dynamic shading along wall in a irregular shape.

The structure emphasizes parametric.

The radial z-axis members are placed in different distances to re-enforce its curvature and flow.

Cherry Lai - 868768

The threshold between two walls structurs and waffles increases the transparency pavilion, making it more welcoming to attract people.

The platform creates a speace for performing or people geather together.

The free platform around the wall allows people to maximize the use of the pavilion and usage of groups.

The platform follow the landscape design of two walls which the it match with the hole in the middle.

Exploded Isometric 1:25 0

500

1500mm

15

Design Iteration

The shape of it is too regular and rigid.

The curve leads people to an enclosured area instead of suggesting a pathway which is diffucult to attract people to walk in.

Tho two walls do not have much connection in between. Also, the space created is too oppressed that cannot create a welcoming feeling for people.

16

I quite like two different sizes openings that continued my concept in assignment 2 to create a chage of threshold. Also, I think the wall to be extended a bit to make poeople thinks they are connected. However, the shape of it is still too rigid as created from extrusion that I need to retry it in grasshopper.

Lunch Time Seminar The waffle structure of the pavilion provides shading during daytime. The two parametric walls gives shadow on both sides so that people can sit or lean on the wall to have lunch seminar or spend their leisure time there.

Night Concert The dome like shaped pavilion will be a great the stage for concert. The surrounding landscape and decking give at least 30 seats for people to enjoy the concert. The wide opening of pavilion allows different scales of concerts framed under the waffle beams and hold the audiences together.

17

18

19

Fabrication Process

In the module 3 model making, I had used both laser cutting and 3D printing.

I produced the waffle structure wall and contour base by laser cutting while the decking was produced by 3D printing. By using these two fabrication methods, i can display my pavilion in a more direct and accurate way.

I had leave some holes on the 3D printed decking for the insertion of waffle structure. This method allows to keep each part of the model intact without the use of glue, such that they can be separate for partial display.

20

360 Image Output

Digital Design Semester 1, 2018 21