Digital Design - Portfolio Semester 1, 2018 Yixuan Liu
870661 Xiaoran Huang + Studio 8
1
email: vivianliu19981006@gmail.com
Content:
Education: 2017 - current 2013-2016
03
Reflection: Bachelor of Design IGCSE course&IB Diploma
Precedent Study Work Experience:
XX
Generating Design Through Digital Processes
XX
Queen Victoria Garden Pavilion
none Awards / Exhibition: 2017
FOD:R Exhibition, AFLK Gallery
Through this class, I learned a new type of digital design: Parametric design. It is currently a very popular modeling method. For the three modules of this class, they shows the development of ideas through the digital design process. First of all, we modeled and analyzed precedent in module one. Secondly, we learned the waffel structure, as well as two types of printing: laser cut and 3d printing. Finally, in the third module, we thought about the knowledge we have accumulated in the first two modules and incorporated them into our design. Before digital modeling, reference precedents or set up a real-life location allowed us to think more comprehensively and integrate real-world elements into the design, while meet specific design requirements and solved problems through design. This is part of my inspiration. Start with thinking what is needed under the premise of solving problems and improve the aesthetic parts at last.
Skills: Rhino Grasshopper Unreal Photoshop
For the part that can be improved, it must be the rendering part. We learned Unreal Emgine at the end of semester. I need to have a deeper understanding of it and leave more time for it.
Illustrator Indesign Fabrication add more ++
2
Diagramming Design Precedent
This precedent is named: the Bad Hair. It is a place that used for people waitting buses. The key idea of it is about the thresholds, circulation and sitting places. people usually come to the pavilion through four openers and sit on the “beams“. It used simple structure to divide spaces. The main space under the beams is publical with shadow effects. The end of beams, which are the sitting places provide semi-private areas for people. Isometric of the precedent study: Bad Hair
3
Analysis of the structure, material and main thresholds The structure with multiple layers.
Analysis of the structure and circulations.
The use of TImber.
Multiple layers.
Thresholds between beams.
Circulation spaces.
4
Steps of modeling the Bad Hair shows the idea of overlaping beams.
5
Generating Ideas Through Process
6
Design Matrix
Lofts
1.1
1.2
1.3
{150.150.107 }
Key
1.4 {0.0.150}
{150.43.150}
{0,0,0}
{150.0.150}
Attractor / Control Curves Grid Points
{150.21.150} {0.150.150} {0.0.64}
{0.150.150}
{150.0.0} {150,150.0 }
{150.150.0} {0.107.0}
Attractor / Control Points (X,Y,Z)
{0.64.0} {0.107.0}
Paneling Grid & Grid2 Paneling
{Index Selection}
{Index Selection}
{Index Selection}
{Index Selection}
2.1
2.2
2.3
2.4
{Grid2 Location}
{Grid2 Location}
{Grid2 Location}
{Grid2 Location}
3.1
3.2
3.3
3.4
Design Matrix for Task 01 7
Surface and Waffle
0
20
For Task one, the main ideas are about testing panels with high slope surfaces and creating “open to close” structure. For the first idea, 2d Panels were put on parts that have high gradient to show the transitions. 3d Panels were used to decrease the slope of the surfaces. Because the end points of 3d panels were all sit on z plane and looked like a box shape. This is a dramatic way of showing different uses of panels, which is interesting but need to soft the appearence in the real life situation. For the second idea, the “open to close“ structure achieved by “folding” and “intersecting“ surfaces.
60mm
8
Computation Workflow
The row on the left shows the steps of making surface and panels. 1(Construct Bounding Box) 2(selecting index for surface ) 3 (Making 2D Panels ) 4 (Construct Points for 3d Panelling ) 5 (Making 3D Panels ) The row on the right shows the steps of making waffel structure. 1 (Bounding Box) 2 (Making Contours) 3 (Loft Contours) 4 (Intersections) 5 (Rectangle Intersections ) 6 (Solid Trim & Join curves) 7 (Making Laser Cut with tags )
9
Pohotos of Task1
Lofts
1.1
1.2
1.3
Key
1.4 {0.0.150}
{150.43.150}
{0,0,0}
{150.0.150}
Grid Points
{0.150.150} {0.0.64}
{0.150.150}
{150.0.0} {150,150.0}
{150.150.0} {0.107.0}
Paneling Grid & Grid2 Paneling
10
Attractor / Control Points (X,Y,Z) Attractor / Control Curves
{150.21.150}
{150.150.107}
{0.64.0} {0.107.0}
{Index Selection}
{Index Selection}
{Index Selection}
{Index Selection}
2.1
2.2
2.3
2.4
{Grid2 Location}
{Grid2 Location}
{Grid2 Location}
{Grid2 Location}
3.1
3.2
3.3
3.4
600.00
600.00
900.00
900.00 Laser cutting:
Arranging lines always costs most of the time. Arranging paterns properly may decrease the price. Changing layers of lines is necessary, explode texts as well.
11
Task 02
12
SOLID AND VOID
For Task 2, the main idea that I was trying to test is the intersections between several geomatries and the bounding surfaces. Those interesting intersections can be openers of a building. The cut way just follow this idea and the model shows the differences of the intersections. For geometries, I used octahedron and dodecahedron. Because these two types of polygonal are quite similar but they can create some beautiful intersections at different surfaces and directions.
13
Design Matrix
Point Attractor
1.1
1.2
1.3
1.4
Key {0,0,0}
Attractor / Control Points (X,Y,Z) Attractor / Control Curves Grid Points
{Point1}
{Point2}
{Point3}
{Point4}
Distribution
2.1
2.2
2.3
2.4
Solids
3.1
3.2
3.3
3.4
Matrix for Task 02 14
Computational Process
Pictures on the left show the main stypes of making task2 in Grasshoper. 1(Making Bounding Box) 2(Point Grid) 3(Point Attractor) 4(Scale polygonals)
15
M2 Task 2 3D Printing
Line work of Task2
For 3d printing, there were three key points that need to be concerned before subimitting the job. The first one was about settings, chose the type of printing can effect the price a lot and select “support“ was necessary for printing it successfully. The second point was about how to arrange the model. Finding the most efficient way of putting the model in makerbot was highly effect the price. Finally, time was the extremely important point that we concerned. The process of 3d printing is usually quite long so we always need to submit the work earlier. Physical model of Task2
16
Umbrella Music Pavilion For this pavilion, I combined ideas from module one and two. The ideas of symmetrical thresholds and circulation space came from module one. The idea of “open to close“ came from module two. The concepts for this module was from the shape of umbrella and walls in music rooms. When considering the water flow of tha pavilion, the shape of umbrella came to my mind. Water flows on the surface and there is a central place for people to hold events. Just like a outside music room, there are four surfaces look like walls that can absorb sounds. Although they won’t work like a real music room, this idea can also provide special atomosphere for the concert that hold in the pavilion and create different shadow conditions during the day. The materials are used in this pavilion are timber and boards with light weight. Timbers are for the waffle structures, boards are for panels and single surfaces.
17
Isometric
0
20
60mm
18
Design Iteration
This is the picture of my primary design. It is a symmetrical form with eight same surfaces. In order to apply my idea of “open to close “, the height of each face should be different and there need to be a transition. At the same, the size of thresholds should be differnt, which can provide interesting circular space.
19
Renderings in Unreal Engine. Showing materilas, shadow conditions, light effects during night.
20
M3 - Queen Victoria Garden Pavilion
Key Circulation Paths
Stand Points
Thresholds
Timber Structure Detail 1:25
3D Printed Parts. These Structures are created by 3D paneling. They provide thickness for surfaces. There are waffle structures under them.
The structure is created using 2D paneling. It provides shadows during the day
This pavilion has footings under the stand points.
Yixuan Liu - 870661 Exploded Isometric 1:25 0
500
1500mm
Digital model of M3 Physical model of M3
Vignette 01
Thresholds with different heights.
Vignette 02
View of all structural elements and shadow conditions.
Vignette 03
Night view of pavilion. Lighting the central area in the night.
21
Computational Process
Grasshoper Steps Main steps are 1 (List intem, label points on the circle) 2 (Create lines through points with different height) 3 (Panlar surfaces through lines) 4 (Waffles contours) 5 (2d and 3d panels )
22
600.00
Fabrication process
When laser cut waffles, the thickness of the material is the key point we concerned because of the intersections of x and z contours.
900.00 23
Digital Design Semester 1, 2018
24