Digital Design Portfolio Semester 1, 2018
Yi Jie Lam 875783 Jun Han Foong Studio 14
1
Yi Jie Lam Email: ylam3@student.unimelb.edu.au
Content:
03 - 04
Precedent Study
Educa on:
Reec on:
2017 - current
Bachelor of Design,
2016
The University of Mebourne New South Wales The Higher School Certificate (HSC), Inti International College, Malaysia
05 - 15
Genera ng Design Through Digital Processes
2011-2015
16 - 25
Queen Victoria Garden Pavilion (Origami Pavilion)
Awards / Exhibi on: 2017
Jit Sin High School
FOD:R Exhibition, AFLK Gallery
The feeling of accomplishment after completing a project is what I found most interesting and captivating in a design field. This is the dominant reason why I choose to be part of the design student as the sense of achievement will keep on motivating me in the process of designing. Throughout the semester, there are a few design skills that I have picked up which indeed will be handy for my future studies or even carrier. Among those skills, unreal engine for real time rendering and grasshopper are those digital design kits which I learnt from scratch. Inevitably, unreal engine is crucial as an integrated tool for simulations and visualizations. Similarly, Grasshopper which is tightly integrated with Rhino is vital for programming and scripting, allowing designers to build form generators from the simple to the awe-inspiring. As a design student, I always aspire to generate structures with design that can provide people with a sense of familiarity, exciting and satisfying outcome. For instance, the origami pavilion that I have created in module 3 had somehow illustrated my aspiration as a design student at this stage. The pavilion gives people a feeling of familiarity (it can be familiar to someone that saw the origami pineapple pavilion by Studio Morison before), and at the same time evokes an exciting feeling for people who first saw my pavilion as it was a whole new design motivated from the Libeskind’s Serpentine Pavilion (The 18 Turns Pavilion). As a beginner in Grasshopper, I should improve my skill in this field in my spare time as this digital software is vital for parametric design and it allows quick iteration for a final outcome. Illustrator, Indesign and Photoshop are those paramount software that I have to brush up as well as they are the essential tools for diagrams and panels arrangement in order to obtain a satisfying result to convey my ideas for my design.
Skills: Rhino Grasshopper Unreal Photoshop Illustrator Indesign Fabrication
2
Diagramming Design Precedent- Libeskind, Serpentine Pavilion 2001
Daniel Libeskind: Serpentine Pavilion 2001 The Serpentine Gallery pavilion was designed by Libeskind in 2001. It is a folded-likes sculpture that was made from sheets of aluminium, riveted together to create a continuous form that seemingly folded over itself. The key concept for this pavilion is about to create a space that relates to the surrounding landscape. It does so by using the reflecting aluminium sheet as the primary materials so that the greenery of the site is being reflected on the surface of the pavilion. The pavilion also allows visitors to move in and out of the structure freely via any openings. From this project, I have learnt to enhance my rhino skill by creating the pavilion in the correct orientation and order in rhino.
Isometric of Libeskind’s Serpentine Pavilion - 2001
3
Diagramming Design Precedent - Libeskind, Serpentine Pavilion 2001 Threshold Diagram
Circulation Diagram
4
Generating Ideas Through Process
5
Generating Ideas Through Process
6
Design Matrix
Generating Ideas Through Process
Surface and Waffle
Interior volume is created through the waffle structure.
Both open and close triangular panels are created to show variability.
Perforations allow light to come in and create shadow.
Perforations are all located in the same position (the upper part of each panel) to ensure consistency.
Triangulation is the main concept used for the design of the panelling as it blends well with the curvy surface as well as the flat one. By using two types of 3D panels, one with holes at the top vertex and one without, and alternating them throughout one surface and the other surface with only panels with holes to create different design effect. As for the 2D panels, two types of panels are used as well, one with perforation and one which is completely closed triangle and arrange them randomly on both surfaces in relation to the 3D panels. The waffle structure is like the skeleton of the whole model, supporting the two Triangular panels are involved as one of the 2D panels to show t he basic p rinciple a nd idea used throughout the design.
surfaces and the panels. They are formed according to the shape of the surfaces, and that is why some of the structures appear to be bent or curved. Each of the structure has notches for joining both sides of
Exploded Isometric 1:1 02
0
the waffle structure together. 60mm
7
Generating Ideas Through Process Computation Workflow
The Deconstruct Brep is the first input where a cube is created with construct point consisting of x,y and z coordinates.
By using the divide curve and list item commands, a line is created by connecting the starting point and end point, and finally 2 surfaces are formed by lofting the lines.
8
Both 2D and 3D panels are then included on both surfaces by using morph3D and morph2D commands. Variation are created by offsetting the grid.
Task 01 Full Page Photo
99
Generating Ideas Through Process
Laser Cut Linework Black straight
Red dotted lines:
lines: Cut lines
Etch lines
Fabrication Proccess
Image showing the process of fabrication for the panels.
Waffle Structure Z-axis
Waffle Structure X-axis
Image showing the assembled waffle-structure
Image showing the completed fabrication of panels for both sides.
The process started off by selecting 2 or 3 panels at once, and then join them so that the unroll surfaces are connected to each other. Labelling is important as it helps me to assemble the panels in order when folding process occurs. One of the constraint was sometimes the panels will appeared to be overlapping each other after unrolling and I will have to redo and join the panels in lesser amount before unrolling.One thing that I have learnt was trying to connect all the unrolled panels as much as I can for laser cut and delete the overlapping lines as it will save some cost for laser cut.
10
Generating Ideas Through Process
SOLID AND VOID
Flat caping acts like a rooďŹ ng for the geometrical structure.
Platonic octahedron is the primary geometrical shape used throughout the structural design.
The platonic octahedrons that are being subtracted out of the structure forms various cave-liked voids with different sizes.
Isometric 1:1 Sec onal cut boolean Scale 1:1
The niches created on both sides are meant to be openings for entering and passing through the structure. The diamond shape openings allow light to penetrate in and illuminate the interior.
Isometric 1:2 Solid boolean Scale 1:2
Isometric1:1 Sectional cut solid boolean using 3.4 attractor point itteration. Isometric1:2 Solid boolean using 3.4 attractor point itteration. 02
0
60mm
11
The iteration process involved trying out with the point, curve and random attractor to obtain different shape distribution of the grid. Besides, the scale of the shape is adjusted as well in order to obtain some bigger and smaller shapes as variation. Ultimately, the chosen iteration was design with polygon in platonic octahedron shape together with scaling as the boolean effect was the best among the other iteration. Next, the booelan structure was further boolean again in different angles to obtain the most interesting 25% volume of the cube. The main concept for the final boolean solid is to create a shelter-liked structure. Thus, the final 3D print solid boolean is like a sanctuary with cap as roofing and also openings for entering, in addition with some cave-liked subtracted voids as interior space. The subtracted structure forms hollow spaces with the shape of the octahedron polygons of different sizes. Hence, the spaces are hidden inside the structure under the capping. Vast amount of hollow volume being form as the result of boolean. Furthermore, with diamond shapes opening at the side of the structure, it gives the notion of permeability to allow light to penetrate in.
Generating Ideas Through Process
Grid Manupulation
1.1
1.2
1.3
Design Matrix
1.4
{40,-810,0}
{48,96,34}
{112,-438,68}
{99,239,-83}
Shape Distribution
{Point Attractor}
{Point Attractor}
{Point Attractor}
{Point Attractor}
2.1
2.2
2.3
2.4
{111,64,125}
{-24,619,0}
{111,114,80}
Shape Transformation
{Point Attractor}
{Curve Attractor}
{Random Attractor}
{Grid Centroid}
3.1
3.2
3.3
3.4
{40,-810,0}
{Consistent Scaling}
{40,-810,0}
{Reverse Point Attractor}
{Random Scaling}
12
{Point Attractor}
Generating Ideas Through Process
A 150x150x150 bounding box is created with surface domain number included. The bounding box is labelled as brep and the brep has to be deconstructed to enable
The grid is then adjusted by adjusting the number slider point attractor and finally 3 groups of cellulate 3D grid are obtained with inclusion of centroid as centre point for each geometry.
13
Computational Process
Platonic octahedron is used as the primary shape of geometry. The geometry was then being scaled by adjusting number slider and point attractor. Final outcome is obtained as scaled-brep.
14 14
Generating Ideas Through Process
M2 Task 2 3D Printing
Image of your ďŹ nal model or other process
Photograph 1 : Front View
Photograph 2 : Underside View To 3D print the sectional model of Module 2 Task 2, a section of the void of the solid is obtained using the boolean command in Rhino and finally it is exported as stl file and placed into Makerbot. Then, the file is sent to Next lab for 3D printing.
15
Queen Victoria Garden PavilionOrigami Pavilion
The concept for the pavilion is to create a folded origami structure for people to have an interesting visual experience both inside and outside the pavilion. By having centralized submerged seating at the center of the pavilion, lunchtime seminar can be carried out where the guests and speaker gather around and have discussion in an integrated manner. As for the evening quartet performance, the audience will be sitting around the submerged wooden seating while enjoying the quartet performances which occur on the “stage�. Step down platform is provided for people to sit and also as a way to direct people moving into the pavilion. Semitransparent material is used for the pavilion as it gives external heaviness at day and lightness at night as well as to allow the transfer of light easily.
16
16
Queen Victoria Garden Pavilion - Origami Pavilion Isometric
The origami structure formed by a six-sided folded panel gives a grand and imposing feeling to the visitors when viewing from the seatings to the ceiling.
Semi-transparent panels gives the pavilion heaviness at day and lightness at night.
external
Translucent fabrics are used throughout the pavilion as the primary material to allow for the transfer of light.
The pentagon shape timber seatings correlate to the geometry of the pavilion, whilst providing a sense of togetherness to the visitors. The design of the slanting structure provides an opportunity for people to lean on it while having a rest.
The step down creates a threshold helping to differentiate the landscape from the pavilion itself.
The pointed step-down platforms create a sense of inviting, guiding people into the pavilion.
Isometric 1:25 The step-down creates a seating space to allow for viewing of performances inside the pavilion.
17 17
0
500
1500mm
Queen Victoria Garden Pavilion - Origami Pavilion
Blown up diagram 1
The spacious platform provides optimum seatings for the audience to enjoy the quartet concert while visitors from the outside can easily view the performances inside the pavilion.
Activity: Quartet Concert
Diagram 1: Circulation
Circular form seatings enable the presenter to communicate effectively with 15 guests during the lunchtime seminar.
Diagram 2: Threshold
Blown up diagram 2 Activity: Lunchtime Seminar
Diagrams showing circulation and threshold
Diagrams showing programmes that occur in the pavilion
18
Queen Victoria Garden Pavilion - Origami Pavilion Design Iteration
The first and primary iteration where the basic idea of the form of the pavilion is formed from the grasshopper script. This design contributed to the final design of the pavilion where the basic shape was derived. It is to simple to be a pavilion and hence more iterations are needed to obtain a final outcome.
The same form was hence replicated and arranged with addition of geometry of different number of edges derived from the grasshopper script (adjusting the number slider). Further exploration was experienced where the small-scale geometry was rotated 45 degree and top on the bigger geometry. The combination was not satisfying and hence further iteration was created.
19
This is the last iteration where the odd rotated geometries were eliminated and replaced by upside-down geometries. The outcome is satisfying as it gives a sense of excitement and playfulness to the overall form of the pavilion. However, it still needs some touch up by deleting some panels that restricted circulation.
Queen Victoria Garden Pavilion - Origami Pavilion
20
Renders
21 21
22 22
Queen Victoria Garden Pavilion - Origami Pavilion Part 1
By using the list item command, each line is being evaluated and divided into parts. 8 points are formed and lines are connected from the start point to the end point.
Part 2
A top vertex is created by adjusting the number slider, then a 4point surface is created. The surface is then being mirrored to form a brep join.
23
Computational Process
The brep join forming part of the geometry is then being polar arrayed from the XY Plane. Finally, a complete geometry is created whereby the number of edges can be easily adjusted to obtain different variation of geometry.
Queen Victoria Garden Pavilion - Origami Pavilion
Laser cut for pavilion
Fabrication process
3D Print for sea ng and pla orm
Laser cut for the base of pla orm The sectional pavilion is unrolled seperately for each part and laid out accordingly. Etch lines are then added to enable folding during the fabrication process. The organized laser cut is then sent to fablab for processing.
24
Queen Victoria Garden Pavilion - Origami Pavilion
Digital Design Semester 1, 2018 25
360 Image Output