Dd portfolio iris by IrisChan1222

DIGITAL DESIGN PORTFOLIO

HoiYing Chan 860368 Semester 1 , 2018 Siavash Malek + Studio 20

Email: minerva..hy..chan@hotmail.com

C O T E N T 03

Precedent Study Education:

Generating Design Through Digital Processes

2017 - current 2010 - 2016

Queen Victoria Garden Pavilion Project

Work Experience:

[Twisting Pavilion]

2018

Reflection: Bachelor of Design (The University of Melbourne) True Light Middle School of Hong Kong

ArQStudio (Hong Kong)

Awards / Exhibition: 2017

FOD:R Exhibition, AFLK Gallery

Finnish architect Alvar Aalto said, â&#x20AC;&#x153;Building art is a synthesis of life in materialised form.â&#x20AC;? In my opinion, architecture is not only about enormous sculptures in a city, but also human beings, technologies and art interaction. An architecture enhances the whole living experience. Therefore, I aspire to study architectural studies and become a professional architect. I have a strong passion and desire to make the world a better place for people to live, this motivates me in architectural design. A myriad of skills that can make s design process successful has taught in this subject. Each module has involved different skills. In the first module, the assignment mostly focuses on the circulation and threshold diagram. By making the circulation and threshold diagrams, we learnt that the construction and threshold design of a space can affect the circulation. After that, we learnt how to use grasshopper to generate our idea through the process of making iteration. The most interesting fact is that we are not having a concrete idea in the beginning, but we are developing our idea through the process of making iteration.

Skills: Rhino Grasshopper Unreal Photoshop Illustrator Indesign Fabrication

The natural environment is always the most precious element in the world. As a designer, I aspire to design a space that can integrate into the natural environment. In order to create a wonderful space for human, we can make use of the amazing natural environment. In my pavilion project, I decided to create a semi-open space that can integrate into the natural environment.

DIAGRAMING DESIGN PRECEDENT

ZAHA HADID BURNHAM PAVILION 2009 3

ZAHA

HADID

BURNHAM

PAVILION

Isometric

The Burnham pavilion is located in the city in Chicago, it becomes an isolated space that let people escape from the busy life. The pavilion is a tensioned fabric shell fitted over a curving aluminum framework. The fluid shape and the hollow ceiling are the features of the pavilion. By making the circulation and threshold diagrams, I realised that the construction and threshold design of a space can affect the circulation. For example, the location of entrance will determine the way people chose to pass through. In the pavilion, the entrance are located in the north and south side of the pavilion. It creates the shortest path in the pavilion, but people are attracted by the hollow ceiling, so the didnâ&#x20AC;&#x2122;t pass through the shortest path. It shows that the design also affects the circulation path. The precedent study lets us learn a lot about the diagram and how the design of threshold related to the circulation. Elevation

Interior

CIRCULATION DIAGRAM

THERSHOLD DIAGRAM

Solids

Structure

Hollows on the celling

Primary Circulation Space

ENTRANCE

Major circulation paths Shortest paths

Bottom part of pavilion

GENERATING IDEAS THROUGH PROCESS 6

DESIGN MATRIX Lofts

1.1

1.2

1.3

Key

1.4

{0,0,0}

{-1921,1622,140}

{-1701,983,140}

{-1603,1053,`40}

Attractor / Control Points (X,Y,Z)

SURFACE

Attractor / Control Curves

{-2227,1027,140}

{-2157,887,140}

Grid Points

{-1439,1631,140}

{-1851,1510,140}

AND

WAFFLE

{-1360,1472,140}

{-1561,1053,0}

{-1823,1650,0} {-2087,1027,0}

{-1921,1510,0}

{-2199,887,0}

{-1617,913,0}

{-1490,1472,0}

{-1310,1631,0}

Paneling Grid & Attractor Point

{Index Selection}

2.1

2.2

2.3

2.4

{-2218,-203,270}

{-2468,-365,413} {-1340,524,40}

{-1366,372,140}

{-1430,477,0}

{-1574,263,-22}

Paneling

{Attractor Point Location}

{Index Selection}

3.1

3.2

3.3

3.4

{0,0,0}

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

{-1360,1472,140}

{-1490,1472,0}

8 {-1366,372,140}

{-1430,477,0}

In task 1, we created two surfaces and a waffle structure connecting the surfaces in grasshopper. The Design matrix shows the iteration of the surfaces generated by grasshopper. Also, the pattern on the surface is disturbed by the attractor points. For the design matrix, I have chosen the last version

Key

Using Grasshopper in the design process can create several iterations. In this module, we learnt using grasshopper to generate our ideas into 3D model in Rhino.

of the surfaces. Because the two surfaces are like a parallel to each other, that can create a uniform shape of the waffle structure. As the surfaces are parallel to each other, it created waffle structure is like twisting along x- plane. The waffle structure can be a tunnel between two buildings, people can pass through it along the interior space of the waffle structure. Therefore, I created a hollow ceiling and a lot of openings on both of the panels. The light can be directed into the interior space from the hollow ceiling and the openings.

SURFACE AND WAFFLE

The size of the openings on panel different. It is controlled by point attractors. Solid panels act as a wall that separate the exterior and interior area. The openings in the solid panels allow light penetrate into interior space.

Panels are larger at the bottom and decrease in size towards the top of the volume.

A hollow waffle structure act as a interior space.

COMPUTATION WORKFLOW

Grasshopper Script

Lofting the X, Y, Z contours to construct the waffle

Finding the intersection in the waffle atructure by using

Orienting the curves on plane inorder to create curves

structure.

the “Brep I Brep” command. Trimming it to create the

required in laser cutting.

locktrix on the waffle structure.

Laser cutting layout

Exploded surface

LASER CUTTING PROCESS The time needed for fabrication process can be eliminated due to the efficiency of laser cutting. By unrolling the surface of the panel and exporting the curves of the waffle structure, the required lines for laser cutting can be exported. As all the lines are already cut and etched by the laser cutter, we can save the time on cutting the paper. Also, the edge cut by laser cutter is much sharper and accurate. Therefore, the model can be easily fabricated.

Unrolled surface of panels

SOLID

AND

The solid can act as a chair or table that can be place in the interior space of the waffle structure.

VOLID

In task 2, we asked to use grasshopper to generate an iteration of sphere distribution and transformation. We generated our ideas by creating the iteration of pattern in grasshopper. It is interesting that we didnâ&#x20AC;&#x2122;t got a concrete idea at the first, we are developing our ideas through the process of making iteration in grasshopper.

After booleaned the cube, it was cut in to a small triangular prism.

The subtracted geometry created a seating area.

In my design, the solid is created by subtracting the octagons. The subtracted area created is level differences from the top of the solid and created are depressed space as a seating area. The solid can act as a chair or table. It provides space for people to relax. Therefore, it can be an installation that can be placed in the interior

The intersection of octagons and the cube create a specfic pattern on the it.

space in the waffle structure. For the design matrix, I have chosen the last version to develop my idea. As the last version create much more variable of the size of the octagon, that can create a significant pattern on the surface.

DESIGN MATRIX

COMPUTATION PROCESS

Grasshopper Script

Redividing the cube using the “Cellutate 3D Grids”

Creating the mesh icosahedron in the cube.

command. Rescaling the icosahedron in the cube using the “Remap number”.

Thickness Analysis in Rhino

PRINTING

PROCESS

The time needed for fabrication process can be eliminated due to the efficiency of 3D printing. The 3D printing is one of the most accurate fabrication processes. The model can print it out directly by the 3D printer. In task 2, we asked to create a solid and use the 3D printer fabricate it.

3D Printing Makerbot Screenshot

TWISTING PAVILION 18

TWISTING

PAVILION

In the beginning, my pavilion project was inspired by the Serpentine pavilion designed by Toyo Ito. The structure of the Serpentine pavilion consisted of a series of triangular and trapezoid forms, which were generated by an algorithm developed by the structural engineer. Therefore, I have decided to use the triangular and trapezoid forms in my pavilion. The site of the pavilion project was located in the Queen Victoria Garden in Melbourne. It is a wonderful natural environment. Therefore, I want to create a pavilion that can integrate with the surrounding environment. I want to create a semi-open space that can differentiate from the landscape but still can enjoy the amazing view of the surrounding space. For my pavilion design, the frame is bounding with the pavilion. Some of the hollows on the frame are covered with the PVC panels. When the light casting on the pavilion, the shadow of the panels will cast on the interior floor. For the interior space, the level difference of the floor created some seating space and a platform for the presenter in the lunchtime seminar and the evening quartet performance. After that, the platforms under the pavilion are added to fit the terrain of the site and it also acts as the steps connecting the pavilion and the landscape. For the materiality, the frame is made of aluminum steel, the panels are PVC panels and the interior floor are constructed by white concrete stone.

CIRCULATION

DIAGRAM

The thresholds are located on the two side of the pavilion, the entrance arrow indicates the location of the thresholds. As it only got two entrances, the major circulation path should be along the axis of the entrances. The dashed lines indicate the major path. Also, the blue area indicates the primary circulation space. As the people may sit in the seating space to stay awhile in the pavilion, the red area is located in the seating space to indicates the major staying space in the pavilion.

PAVILION ENTRANCE

500

ITERATION

The design iteration is created in the grasshopper. In this module, we learnt how to develop our idea through the process of generating iteration. For the matrix, I tried to change the shape of the pavilion, the degree of twisting and the density of the curves. The dashed red square indicates the final design I used in my pavilion project.

Rendered Isometric 1:25 0

DESIGN

1500mm

Lofts

1.1

1.2

1.3

1.4

1.5

Rotation

2.1

2.2

2.3

2.4

2.5

Framing

3.1

3.2

3.3

3.4

3.5

RENDERED ISOMETRIC VIEW The panels on the frame allows shadow casting on the interior floor. The panels are made from PVC.

The steel frame structure is created from grasshopper. The curves are offset on the twisting surface in order to create the frame of the pavilion.

The platform creates a space for the presentator to stand on it in the lunch seminar.

The level different of the boxes creates a seating space for the lunch seminar. The boxes are made from white concrete. The steps creates a soft barrier to differentiate the pavilion space and the landscape. The steps also used to match the level different of the landscape. The lower level of the boxes in the interior space creates a threshold. The threholds are located in the both side of the pavilion, and both are orientated to the walkway.

ENTRANCE

Rendered Isometric 1:25 0

500

1500mm

22 Lofts

1.1

1.2

1.3

1.4

1.5

COMPUTATIONAL PROCESS

Move and rotate the curves.

Lofting the cuvres together to form a twisting surface.

Offsetting the curves on the twisting surface to form a frame.

FABRICATION PROCESS

LASER

CUTTING

PROCESS

The platform under the pavilion and the landscape are fabricated by the laser cutter. The above photos show the layout for laser cutting. The edges of the platform and the landscape are duplicated and oriented on the plane for laser cutting. After the completion of the laser cutting process, the boards are glued together to construct the physical model.

PRINTING

PROCESS

The frame of the pavilion contains a lot of curve, so it is difficult to use laser cutting for the fabrication process. The frame and the seating area part of the pavilion model are fabricated by the 3D printer. The above photo shows the 3D printing preview in the MakerBot. The 3D model is glued together with the landscape to form the physical model.

360 IMAGE OUTPUT

Digital Design Semester 1, 2018 29