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