Portfolio 900621

Siyao Lin Digital Design - Portfolio Semester 1, 2018 900621 Samuel Lalo - Studio 12

Content: Reflection

01

02

Module 01 - Precedent Study Module 02 - Generating Design Through Digital Processes

02

Module 03 - Queen Victoria Garden Pavilion

03

Reflection: Email: siyaol5@student.unimelb.edu.au

As a designer, design for me is a process of discovering the beauty around the world. It gave me more possibilities to find out the aesthetics of architectural and landscape designs. Also, architectural design is a process of solving many social and environment issues, which raises my interest in design.

Digital Design served as a solid introduction of different technical skills, allowing me to apply my design concepts on the complex and mathematical practice of both digital and physical modules. Throughout this semester, I have established and improved the knowledge of different design applications such as Rhino, grasshopper and Epic Games. Overall the course provided a great flexibility and access to explore new ways and ideas to achieve a higher standard work through

Education: 2017 - current

Bachelor of Design University high School

the individual thinking and a series of practice.

Through the process of designing the modules, I have learnt that concept is always important for a designer. It is necessary to consider about the concept before entering into the process of designing. This is because the concept provides me a greater possibility for the outcome of the design. Also, the concept can clearly give me an understanding of what I am going to achieve in my design and guide me into the next step of designing. For the three modules in this course, the effect of light and shadow probably is my focus point. Learning from the Toyo Ito pavilion, the interaction between solids, open and glazed panels and the shadow effect of the pavilion give me inspirations for the following modules.

For the module 2 and 3, I aimed for creating spaces that allow people to interact with the light and shadow. Therefore, I practiced a lot on the combination of solids and open panels to create a variation of shaded and lighted areas. I also done researches to find out the impacts of shadows in different seasons on people’s behaviour. Nevertheless, reflecting on the design process of the modules, I felt

Awards / Exhibition: 2017

FOD:R Exhibition, AFLK Gallery

Skills: Rhino Grasshopper Unreal Photoshop Illustrator Indesign Fabrication

that I can still further do more research to improve my technical skills especially the render skills in photoshops.

1

Diagramming Design Precedent -Toyo Ito Pavilion

Photo of Toyo Ito Pavilion

Isometric View

The main concept of the Toyo Ito Pavilion is to create the semi-internal and semi-external quality through the the intergration of solid, open and galzed panels. The Pavilion appeared to use very complex and random pattern to construct, it actually derived from a very simple and small square which is continually expanded and rotated.

After that, each edged of squares are extended again to form a complex geometric form. Then it was folded in to a cubid. The combination of solids and glazing in the constrcution give a sense of extensibility of interio spaces of the who building. The glazing parts allow more natural light to get into the space, which is not any more a restrcit cubic interior space.

2

Diagrams of Toyo Ito Pavilion

Structure

Solids

Primary Circulation Space

Glazing

Structure

Circulation paths Parking Area Visitors Distribution Arrow Pathway Shadow

Circulation There are totally four entrances that form the circulation paths. The bule dots indicate the density and flows of visitors. The statice bar and counter which are allocated along the caercorner are convinient for people to access. The second shaded primary circulation space shows the numbers of accumulated people as the time goes on. The darker area represents the space where people would stay a longer time.

Threshold The threshold of the pavilion is formed by three key parts: solids, glazing and steel structure. The solids actually defines the outside and interior spaces. The glazing allows more natural lights to get into the interior spaces and gives a sense of extensibility of spaces.

3

Process of making module: This is the process of making the digital module in Rhino. I began with the tracing of the structural lines on the top view. Secondly, I rotated the sides to be vertical and then combined them to be a cubic. Lastly, I seperated the lines of solids and structure in different layers in rhino and used the command ‘extrudecrv’ to extrude them to be solids.

05

01

02

04

03

4

Generating Design Through Digital Process Task 1 Surface and Waffel

Physical Model

Digital Model

For the creation of the panels for my surfaces, I emphasis on the effects of the shadow and lights in between the space. Therfore, I tries to design some patterns which are hollowed-out with a particular angle which can be used as a control of the light direction. The reson why I choose the solid panel which are in hexagon shape is because it could be used to definite the inside and outside space, while the in-between holes created by panels convey a sense of continuity of the space. In this case, people who stay inside would not be totally blocked in the limited interior space. For the orther surfaec, I choose a hollow-out 3D panels which is to highlight the effects of light and shadows. The pyramid shapes can control the sunlight direction in which follow the paths of visitors.

5

Task 1 Axonometric Drawing:

The size of panels are decreasing from the widest opening to the most narrow opening between two surfaces. Indicating the space formed by two surface are getting smaller, which might give visitors an experience from a public space to a semi-private space.

The closed solid panel could be used to definite the inside and outside space, while the in-between holes created by panels convey a sense of continuity of the space.

The in-between space of the hexagonal panals at the bottom can be regarded as thresholds for circulation.

The hollowed-out panels provide more sunlight for the inside space. The pyramid shapes can control the sunlight direction in which follow the paths of visitors.

Axonometric 1:1 0

20

60mm

6

Task 1 Matrix

Lofts

1.1

{0,150,150}

1.2

{60,150,150}

1.3

{150,150,150}

{60,150,150}

{0,150,150}

Key

1.4

{30,0,150}

{120,0,150}

{0,150,150} {0,150,150}

{0,0,0}

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

{150,150,0}

{0,0,150}

{150,150,0}

{0,150,0}

{60,150,150}

Grid Points

{150,0,120}

{150,150,0} {0,0,120} {60,150,0}

{0,0,0}

{90,150,0}

{90,0,0} {150,150,0}

{60,150,0}

{120,150,0}

{150,0,0} {0,0,0}

{90,150,0}

{90,0,0}

Paneling Grid & Attractor Point

{Index Selection}

{Index Selection}

2.1

2.2

{90,0,0}

{Index Selection}

{120,150,0}

2.3

{60,60,0}

{Index Selection}

2.4

{177,189,0}

{76,156, -15} {-39,181, 0} {165,160,0.223}

Paneling

{Attractor Point Location}

{Attractor Point Location}

3.1

3.2

{100,-13,0} {74,-12,0}

{Attractor Point Location}

{Index Selection}

3.3

3.4

7

Task 1 Grasshopper Script

The script shows the process of making the surfaces through the selection of edges and points in list items within a 150*150*150 cube. Throughout the process, I can discover the interactions

between

two

constrcuted surfaces.

This script shows the process of creatong panels on the surfaces. I could also change the size and orientation of each panels through the use of ‘point attraction’.

8

Task 1 Fabrication Process

01

02

03

04

05

06

9

Task 1 Fabrication Process The laser cutting starts with the unroll of the panels and waffle sstructure.

The unroll of waffle structure is pretty much straight forward, which can be easily finished in Grasshopper. However, the process of unrolling the panels are more difficult as only a maximum of 3 panels can be unrolled at the same time without any overlapping.

10

Task 1 Physical Model

Waffle Structure

Finish Module

Shadow and light study

11

Generating Design Through Digital Process Task 2 Solid and Void

For the 3d module, it is the interaction of a cubic box and the platonic octahedron. My aim in creating this module is to emphsis the public and smi-private space. Instead of give the module a definition as a building, I choose to cut out the bollean solid into an architectural element in which has more possibilities to form different structures. After the boolean of the box with the comibine of octahedron shapes, I discoved that the middle part of the boolean interation actually can be use in my module as it involves some potential thresholds in between the solid. In order to further develope the differentiation of the public and semiprivat space, I used 3 cuboid and rotated them 45 degree and boolean them out left behind

Digital Model

the structure. In this case, the in-between spaces would beacome smei-close and have the potential for individuals to stay alone or private gathering. The whole solid could be interpretated as a panel of the entire wall, which have more possibilities to form different spaces by combining them together. Additionaly, the geometry hollowed-out spaces at the bottom reduce the heavy sensation of the whole structure. They could represent the threshold for different circulation. And the in-between holes allow more sunlight to get through the wall, and the bevel of those holes might control the light direction.

Physical Model

12

Task 2 Axonometric Drawing

The in-between spaces at the back of the solid can be interpretated as semi-private spaces.

The whole solid could be interpretated as a panel of the entire wall, which have more possibilities to form different spaces by combining them together.

The in-between holes allow more sunlight to get through the wall, and the bevel of those holes might control the light direction.

The geometry hollowed-out spaces at the bottom reduce the heavy sensation of the whole structure. They could represent the threshold for different circulation.

13

Task 2 Matrix Grid Manipulation

1.1

1.2

1.3

Key

1.4

{0,0,0}

{-42,28,149}

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

{0,15,70}

Circulation

{71,1027,103} {188,44,-4.622}

{Random Attractor}

{Curve Attractor}

{Point Attractor}

{Point Attractor}

Paneling Grid & Attractor Point

2.1

2.2

2.3

2.4

Geometry Distribution

3.1

3.2

3.3

3.4

Boolean Difference

4.1

4.2

4.3

4.4

14

Task 2 Grasshopper Script

Constructing bounding box

Selecting the surface

Changing the volumn of interior spaces

Combination of bounding box and geometry

15

Task 2 Fabraication Process

Concept 1

Concept 2

Concept 3

Concept 4

16

Task 2 3D printing The 3D printing started with the construction of the 3d model in Grasshopper and Rhino. Then the model needed to be estimated in printing time in

3D printing Makerboat

Makerboat. It was helpful to rotate the model in a perfect position to reduce the printing time.

Phsical Module

Phsical Module

17

Task 2 3D Shadow and Light Study

Frontage of the panel

Reverse side of the panel

Flat down the panel

18

Module 3 - Queen Victoria Garden Pavilion Basically, the main concept of the pavilion is to allow visitors to experience the variation of light and shadow inside the pavilion. I try to design a pavilion that have an effect of interlacing between light and shadow by the transfer of natural light. So I firstly design a frame that is formed by different size of hexagons in order to create the variations of the shadow projecting on the ground.

The I am considering about the control of the sunlight that transfer through the pavilion. So I design the extruded hexagon panels that I learned from the last module to control the direction of the sunlight and that lights will be projected as the shadow in a hexagon shape on the ground. Moreover, I choose to close a portion of panels in order to create a mixture of bright area and shadow area on the ground. Therefore, visitors will have a great interaction with the shading on the ground inside the pavilion.

19

For the materials for the pavilion, I basically use steel and polycarbonate as my two major materials. I order to make the pavilion

Key:

M3 - Project Name

Isometric Drawing

Primary circulation Circulation paths

Main Entrances

Pavilion inside structure Detail 1:25

self-support, I choose the steel for the frame The steps on the slop creates more sitting spaces for visitors to sit around the pavilion and watch the concert. It also allows people to walk down along the slope.

structure as steel is more possible to be built into this kind of complicated shape. And for

and the film in-between the steel structure, I choose the polycarbonate as the material.

This is because polycarbonate has flexibility, providing a greater allowable deflection. It

SIYAO LIN_900621

the other part of the pavilion such as panels

The slopes of landscape is following the curve shape of the pavilion to show the continuity between the pavilion and the landscape.

The frame structure is formed by steel and transparent polycarbonate films in between the hollow spaces, which allows more natural light to transfer and create a better shadow effect formed by the panels.

A portion of panels are semi-open as to create a variation of shadow projecting to the ground, which allows visitors to experience the light and shadow effect inside the pavilion. Also links the interior space and outside environment together.

also have the transparency for natural light to transfer into the interior space. Also , it can reduce the heat build up, which means

These two entrances which close to the street would be the two main entrances for visitors.

The chair which is embaded with the pavilion allow a small amount of visitors to sit around.

that the interior space of the pavilion might not getting so hot in summer time.

The corner of the frame is touching the ground, which reduce the visual heavyness of the whole struture.

Exploded Isometric 1:25 0

500

1500mm

20

Threshold and Circulation

21

Render

Vignette 02 Pavilion approach from the slope of the landscape.

Vignette 01 The close-up view hightligts the threshold of the pavilion.

Vignette 03 The wings of the pavilion highlight the continuity with the landscape.

22

Grasshopper Script - Fabrication Process

Process 01 - Constructing the surface

Process 02 - Generating sizes of each hexagon panels on the surface

Process 03 - Turning the panels into solids

23

Fbrication Process

Panels laser cut and 3d printing

Laser cut for the panels of the pavilion and the landscape.

Panels

Landscape - 300mm*300mm*250mm

3D pinting in Makerboat. Due to the limited time for 3D printing time, I seperated the model into several parts to reduce the printing time.

24

Photographs Physical Module

The threshold creat different shadow projecting on the ground. It allow visitors to experience the change between light and shadow.

Close-up View

Plan View

Shadow and Light Study

Shadow and Light study

25

Key:

P

12ďźš22

12:33 10 am

3:40 pm

Shadow and Light Analyse

8 am

5 pm

The shadows are distinctive with the change of the seasons. The shadow will be shorter in summer while be longer in winter. This will alos affect the behavious of visitors. In summer, visitors might mostly gather under

Summer Shadow Analyse

Winter Shadow Analyse

the shadow area aroung the pavilion to watch the performance. In winter, visitors might choose to gather under the lightig area beside the pavilion as it is warmer.

Shadow analyse inside pavilion

26

Design Interation The idea was inspired by the splash of water.

The reason I did not use it was becasue the roof was too bent and it might affected the effect of light and shadow.

Interation 01

The idea comes from the interation 1. The reason I did not use it was because the circulation within the space was too simple.

Interation 02

This idea was the abstraction of the splashing water. It was similar to my final design, however, the frame structure cannot sel-support if I choose the transparent material such as glass to constructe it.

Interation 03

27

360 Capture View

Digital Design Semester 1, 2018

28