Digital Design
Portfolio Yilin TU
Semester 1, 2019 Samuel Lao, Studio 29 964532 1
Email: yttu@student.unimelb.edu.au
Education: 2019 - current Bachelor of Design 2017-2018 Foundation Studies, Taylors College
I am Yilin TU, from Shanghai and currently study my second year of architecture. Before having this design subject, FoDR was the first design contents I had learned. As Digital Design is the further development of the FoDR, I am quite looking forward to the contents of this subject.
Through the three modules I have explored this semester, I found myself starting to become creative about the design process. I learnt a lot of new design techniques, for instance, the using of grasshopper helps us to do our design more efficiently. However, it also limited the design concepts, as some parts of the design outcomes will be hard to achieve in the grasshopper. Besides, my fabrication skills are further developed through modeling the laser cutting and the 3D printing. One of the most interesting parts of this subject is the use of Unreal Engine, which has never been introduced to us before. Finally, after the study and practice of the whole semester, my basic techiques have improved a lot which is very gratifying.
Skills: Rhino Grasshopper Unreal Photoshop Illustrator Indesign Fabrication Photograph
My aspiration through the whole subject is to create a design interesting and easy for viewers to understand my concepts at the same time. For instance, in my M2 task B, I produced a module with a curving roof which is interested to attract viewers and my concept “Curving“ is also easy to explore. However, in task A, my concept about the diagonal line is not clear enough presented in my module.
Looking back the whole design outcomes, a lot of efforts still need to be developed in my later design process. Maybe a further push will be necessary for the later studies.
2
CONTENTS
M1 Diagraming Design Precedent
M2 Generating Design Through Digital Processes
4-7
8-23
M 3 Queen Victoria Garden Pavilion
24-36
3
M 1 Diagrams as a means of communication 4
Serpentine Summer
M1 - Precedent Study
House designed by Barkow Leibinger 2016
The 2016 Serpentine Summer Pavilion was designed by Barkow Leibinger. The pavilion was organized as four bands of structures. The first beginning level was with benches attached to the ground, and then was a band of three C-shaped walls crowned by a third and fourth level which forms a roof that cantilevers a tree-like canopy over the smaller footprint. Its landscape was also an interesting design, which will analyze later.
https://www.archdaily.com/790032/serpentine-summer-house-barkow-leibinger
As this pavilion consisted of five main layers and has various curved shapes, it was quite challenging as the first module. The main problem needs to be solved is the correct angle of each curving shape. Thus, the use of four elevations help to define the right angles, the height and the width of the pavilion.
5
e 2016
Isometric Isometric 1:50 1:25 0 0
1000 1000
M1 -Iso
3000mm 3000mm
Barkow Leibinger - Serpentine Summer House 2016
In the circulation diagrams, there are three layers of information. Firstly, the top layer is defining how shadows works with the roof.
Yilin TU - 964532
Circulation Diagrams
Then, moving on to the C-shaped walls, it analyses how the roof shadows affect the density of the people. During summer time, people are more willingly stay underneath the shadow. The bottom layer is about the circulation. The timber benches separate the movement of people. Moreover, there will be more flow of people coming from the main pathway.
TR
AN s
n’
oli
r Ca
S
EE
TR
CE
en ue le Q mp Te
Shadow Structure
Material Ana
Priva
Density of people
Low Density
Secluded Ar
High Density
Exposed Are
Layers of Openn
Circulation paths
Inner Space
Transition Spa Isometric 1:25 1:50 Isometric 0 0
1000 1000
Outer Space
3000mm 3000mm
Yilin TU - 964532
Circulation 1:200
EN
EN
TR
Shadow Structure
AN
CE
6
ometric
Threshold Diagrams
TH PA E M TH AIN W AY
Material Analysis
Privacy Secluded Area Exposed Area
Layers of Openness Inner Space Transition Space Outer Space
T
Material Analysis
The whole pavilion is divided into six areas: three exposed areas due to the main pathway; three secluded areas. The secluded area will offer more privacy to people. Three layers of openness are very clear when you take a look at the top plan image above. The inner layer without any grass, the transition layer with short grass and the outer layer connecting to surroundings.
CE
AN
TR
EN
S
E RE
The module also explodes into three parts to analyze the threshold. In order to distinguish the top layer with the other one, material analysis is displayed here.
7
M 2 Digital Fabrication & Parametric Software 8
M2
Task A
Task B
Surface and Waffle Structure
Solid and Void
9
Day Pavilion
Night Pavilion
One of the interesting parts about my module is its flipping view. Comparing to the original view, it provides more contrast, for instance, the enclosure interior (waffle structure) and the expanding exterior (shadow). Besides, it becomes more like a pavilion for viewers to explore. The inclining outward surfaces offer a shelter for people to stay. Moreover, the design of my patterns is differentiated. I decided to use dash line for one particular pattern (pyramids with openings), which is aim to add some decorations for the surface.
10
M2 -Task A: Matrix Lofts
1.1
1.2
{150,60,150}
1.3
{90,0,150}
{75,0,150}
1.4
{0,0,150}
{190,-25,0} {150,0,0}
{90,150,150}
{135,0,150}
{75,150,150} {0,0,75}
{75,0,150} {30,150,150}
{45,150,150}
{150,60,0}
{150,0,0}
{150,150,0} {0,0,30} {0,0,0}
{105,150,0}
{150,150,0}
{0,135,0}
{0,75,0} {0,30,0}
{105,150,0}
{30,150,150}
In order to distinguish the overlapping surfaces, using thicker lines to emphasize the parts that closer to viewers.
{0,150,60}
{150,150,0}
{0,120,0}
Paneling Grid & Attractor Point
{Two Flat Surfaces}
{Two Intersected Surfaces}
{Two Curved Surfaces}
{Final Surfaces}
2.1
2.2
2.3
2.4
{0,150,0}
{167, -588, 148}
{31,-4,95} {52,-650,72} {150,1157,0} {55,167,81}
{55,167,81}
{Original Grids}
{Offset Grids with the same distance}
{Attractor Point Location}
{Three Attractor Points}
Paneling 1
3.1.1
3.2.1
3.3.1
3.4.1
Paneling 2
3.1.2
3.2.2
3.3.2
3.4.2
Besides, using different sizes of points to highlight the effect of attractor points. The larger the points, the more influence they have. The isometric view of my paneling is not clear enough to see both of my surfaces, thus I add another row to show the other views.
11
M2-Task A Box Creating a 150*150*150 box to be the first step of creating the surface.
Creating Surfaces
Attractor Point
By changing numbers, different Using attractor points to change combinations will create vaious
the distance and direction of the
surfaces.
off set grids, which will provide differentiated patterns for the next step
There are four different patterns in my design, three of them contain two shapes (combinations of 2D and 3D) within one rectangle, besides two of them contain openness. Moreover, the design idea about my surface is contrariety. I used the cull index to choose the diagonal areas as the main openness for one surface and the other surface use the opposite way. Although the design idea is about contrariety, there is still connection between two surfaces.
12
A:Progress Creating Patterns
Creating Contour
Using cull index to combine different patterns
Creating x and z contour
instead of single one. Besides, adding six boolean
for two surfaces. The num-
toggle to control or select the grids for different
bers of the contours can
patterns. By turning true or false will result different
be reduced by changing
grids. Moreover, using weaverbird to create
the distance.
openness for the pyramids and control the size of the openness. Using different preview color to distinguish the patterns.
Loft Contours
Cleaning up the fins To fit the design of the panels, avoiding seeing
Trim z rings and fins
intersected contours from the openness, removing some fins to satisfy the design.
13
M2 -Task A: Explode Diagram I choose to explode the surface by its pattern (diagonal) instead of by rows. In this way, viewers can understand my design more directly.
Original pyramids, using weaverbird to create openings. The location of patterns that have openings is opposite to the other surface.
Combining two shapes into one pattern: two pyramids with one higher than the other, which offers a sense of hierarchy.
Combination of 2D and 3D patterns. One triangle and one pyramid with openings. The reason to create openness is to make the surface less solid and allows light coming through. Combination of two pyramids. According to the offset points, some parts of this pattern can be said as 2D pattern as one of the pyramids is extremely low.
14
Photos of Task A
Moving onto Task B 15
Task B Three Modules study Solid and Void
One of my main concepts of my design is the continuity offers by the curving surface and Torus. Viewers can go through one area to the other by these intersecting tunnels. Besides, the interior of tunnels is not totally smooth due to the curving shapes.
16
M2 -Task B: Matrix
1.1
1.2
1.3
1.4
Grid Surfaces
My final design is the combination of different scales of Torus and my own curving surfaces.
2.1
2.2
2.3
Attractor Points
I want to make the final outcome to fit in different scales, buildings, pavilions, or infrastructures. Thus, when I was making the final module at the boolean step, I tried to keep some flat areas for people to stand or walk through.
2.4
{11,-71,77} {21,-71,0}
{-170,-220,0} {114,-71,138}
{-155, 100, 104}
{-115, 100, 0} {-33, -6, 0}
{-33, 33, 0}
{-36, -71, 0}
3.1
3.2
3.3
{-109 ,-71 ,0}
3.4
Boolean Shapes
4.1
4.2
4.3
4.4
Boolean Results
{x, y, z}
Attractor points View Point Boolean Section Volume
17
M2 -Task B: Finding Grids within Cube Distance between grids is 50
Generate Boxes between grids Using attractor points After changing the grids by attractor points, the volume within the cube becomes interesting.
Before deciding my final design, I tried different shapes to boolean. Then, the circulation of Torus interested me a lot. The curving tunnels have a sense of continuous within the solid cube. Moreover, the idea of combining different shapes (creating own shape), makes me think about creating another shape that contains similar characteristic like Torus. Continuity and curving become my main design concept.
18
Progress Experiments of grids volume Through experiments, I found out that
Manipulate Grids by cull index
changing too much of the magnitude will cause some strange forms. I do not
Using cull index to select part of the grids in order
want my grids to become too dramatic.
to combine different shapes within one cube later.
Designing Own Shape In order to design more interesting volume inside the cube. I combined 2 different shapes within one cube. Also, creating a quite complex shape instead of using the lunchbox.
Rearrange shapes Using Boolean in Rhino to get the final outcome
Using scale and move commond to change the size and position of the Torus instead of simplex design.
19
M2 -Task B: Isometric Section
The origional volume of the cube, with some parts of the boolean shapes coming out.
Final Isometric Volume Developing from previous experiments, I finally decided to use Torus and this special shape as my pattern. The reason that I replaced the sharp edge shape is because it was too contradicting to the Solid areas, can be used as the open space or the walls that separated activities.
Torus. Thus, I created this curving shape and made it maintained the feeling of edges. It is not as sharp as previous shape, but it contains various edges that follows the curving surface. Comparing to the solid surface, this kind of curving surface offers a sense of porosity.
The intersecting areas of two combined shapes. The Torus offers a sense
One of my main concepts of my design is the
of smooth for the surface,
continuity offers by the curving surface and Torus.
however, the curving
Viewers can go through one area to the other by
edges develops the sur-
these intersecting tunnels. Besides, the interior of
face from simplex smooth
tunnels is not totally smooth due to the curving
to hierarchical weaving.
shapes.
20
M2 -Task B: Final Outcome
Different Views/ Directions of the Final Module Exploring different directions of the module will offer more possibilities. In one specific direction, it may like a pavilion or a building or something else.
21
M2 -Task B: Threshold and Movement
Threshold Movement
22
M2 -Task B: Various Functions 1:300 Building
1:80 Pavilion
1:125 Infrastructure
23
The last module is the learning outcome of the previous models. Basing on the knowledge of Rhino and Grosshopper, a new technology: Unreal Engine will be introduced and used through this design progress. Also, in this module, student will start to develop their own design style and try to present the concepts and ideas clearly through the module.
M 3 Queen Victoria Garden Pavilion
24
M3-Inspirations
Rotational Erection System
Aurora
Hemispherical Dome
Northern Light
Paper Art
Photograph
25
View from the timber bench when a light show is displaying.
26
View behind the timber bench, the peripheral area of the site.
27
M3-Isometric
M3 - Wave Light
Primary Steel Structures that supports the whole pavilion. The shape of each steel structures is in curved shapes in order to create a sense of waving when assemblied as a whole.
Steel Structure Detail The secondary steel structure is intersected and welded into the primary steel structure. Also, the primary structure contains the groove which is designed for the assembly of glass panels.
Detail of the Glass Panel
Primary Structure
Frosted glass is used in the pavilion which allows the transfer of light and offers a sense of privacy at the same time. The glass panel is inserted into the grooves of steel pipes. (see detail of steel structures) Secondary Structure
Arrangement of the benches follows the curvatures that extends from the centre of the pavilion. Thus, there is a relationship between the pavilion and the infrastures. A sense of continuity will be created. Two scales of timber benches are designed for the site. The curvature allows people to rest comfortably.
Yilin TU - 964532 Side En
tranc
Mian
e
Entra
nce
Two colors of LED lights are installed inside the plastic pipes. One displays the white color (displayed pink in the diagram), and the other contains various colors but with lower intensity (displayed dark pink). And a light show will be displayed at night.
Numbers of thresholds provided different movments for specific people. For instance, small thresholds are only designed for children. People can have various movements within the pavilion.
Timber bench is assemblied piece by piece and connected by the steel strip underneath. It allows people to have rest and enjoy the light show.
Exploded Isometric 1:35 0
500
1500mm
28
The pavilion is located at the Queen Victora Garden (Red circle above). In my design, it has only one pathway which connects the Victoria Garden and the Art Centre. From the perspective screenshots, there are two different directions showed: one is facing the main road contains more pipes for privacy. The opposite side contains more transparency as smaller and fewer pipes are designed for there.
29
M3: Pr Creating a openness for the pavilion
Changing the scale of the openness
Using Ellipse as the opening
Using set difference to control
od the surface, which will later
the rows of the openness.
apply to the surface of the
The size of the openness will
Using
pavilion.
be adjusted to fit the design
move
threshold.
apply
Wra the
open
Threshold and circulation are fully considered through my design progress. Different sizes of entrances, openings are designed for the specific people. Besides, the position and size of the secondary structure(small pipes) are considered by the key entrance. A sense of privacy and permeability could be presented at the same time to viewers.
30
ogress
apping the 2D surface on to 3D module
Selecting the edge of the module as the primary structure
Using contour and changing the angle of the it to In order to make the module realizable in real
torus as the base module, scale and
e it to fit the szie of the pavilion. Then,
Designing the secondary structure
have series continuous lines around the module.
life, the primary structure needs to become the support of the whole module.
ying the 2D surface onto it. Sizes of the
nness could be adjusted clearly.
Defining the narrative through the module According to my narrative, part of the module will be facing the main pathway. Thus, a sense of privacy needs to be further developed through the design. Larger pipes are applied as the shelter, smaller pipes are put on the opposite side to offer a transparent feeling. Cull index and set difference are used to achieve this.
31
M3-Photos (daytime)
Elevation 2
Elevation 1
Detail: insection of the transparency paper 32
M3-Photos (night)
Detail 1
Elevation
Detail 2
33
M3-Fabrication Process
Pipes are assemblied together by inserting. There are circular holes on the primary structure pipes for inserting the small pipes .
Beside, there are small holes on the landscape as well. It will be easy for the pipes to stand on the landscape and hold the whole structure.
34
M3-Fabrication Process
One of the four parts of the 3D printings
Besides of the use of 3D printing, i also used transparency paper as the frosted glass and Clear Vinyl Tubing (4mm and 8mm) as the lighting pipes. In order to reach the effect in Unreal Engine, the Clear Vinyl Tubing is later used for the lighting facility. Small LED lights are put inside the tubing for lighting at night.
Transparency paper
Clear Vinyl Tubing
35
M3-360 view
36