Digital Design - Portfolio Semester 1, 2019 Ziyun Guo
962735 Joel Collins, Studio 21
1
REFLECTION In the digital design study, the charm of digital design itself motivates me most. The parametric design process in grasshopper makes each variation under control. Sometimes the trials in grasshopper have unexpected results, which sometimes give me new inspirations.
Content:
Ziyun Guo email: ziyun@student.unimelb.edu.au
03
Precedent Study Education: 2018 - current
05
12
Generating Design Through Digital Processes TaskA
2016-2017
Univeristy of New South Wales Foundation
Generating Design Through Digital Processes
2013-2016
Gezhi High School of Shanghai China
TaskB Work Experience: 18
Bachelor of Design, The University of Melbourne
Queen Victoria Garden Pavilion
2019
Short internship at Tongji Architectural Design (Group) Co., Ltd
Skills:
This course let me experience design through digital process. The readings enriched my knowledge in parametric design and fabrication. In the precedent study, I also experienced the spatial quality by analysing the circulation and threshold of the design and at the same time learnt the method of diagram drawing. In Module2, I started to express my own concept based on the grasshopper skills learned in the workshop. Task A made me think of the quality of space by generating panels on two twisted surfaces. Task B asked me to think of different occupation methods of a booleaned object in different scales. In Module3, I tried to design a pavilion in parametric method using grasshopper and render the model in Ureal Engine. As a designer I focus on the quality of space and people’s experience in the building by focusing on the design of circulation, threshold, light and occupation. In my Module 3 Floating Pavilion design. I paid attention to people’s vertical circulation and how people would experience on different levels, the light in relation to the time may come through the roof and suggested occupation plans for the lunch-time seminar group, which are all expressed in the diagrams. There are lots of place I have to improve. For example, I sometimes lost myself in the parametric world and forgot to think about the quality space. In module3, I made pavilion to have an effect, which is transparent at the bottom and gradually become solid at the top, but I didn’t think about the reason of this trend and its relationship with people’s experience. Also, model making skill needs to be improved as well. More time should be paid to it.
Rhino Grasshopper Unreal Photoshop Illustrator Indesign Fabrication
2
MODULE 1
Diagramming Design Precedent
Isometric 1:200 0
2000
6000mm
3
Structure
Exterior
Radix is designed by Portuguese office Aires Mateus in 2012. It consists of several arches and has a part overhanging over the water. The structure shape is made by a box booleaned by three spheres, and as a result formed three volumes of space within the pavilion. The three volumes have different heights and width and are divded by sharpedge arches, which create nice threshold. The overhanging part of the pavilion cast shadows and provides shelters for the riverside. The exterior material is steel and interior is copper, which makes a sharp contrast. The structure shape makes the massive steel structure into a lightweight balanced volume. The internal copper ceiling reflects dynamic river wave and lit the internal space. The pavilion build connection and created a threshold between land and river. People are willing to walk through the pavilion and stay under the overhanging parts facing the river.
Primary Circulation
Interior
Volume of Space Space Actually Occupied
Circulation paths Circulation
Threshold
The circulation is defined by the structure and surrounding environment. People may bypass the supporting part of the structure and where the height is not enough to be walked through. People are suggested to walk into the pavilion and sit on steps near the river.
The threshold is influenced by both the extrior and interior structure. The shape of the three objects suggest the volume of space, and the hatched part shows the actual occupied place. The threshold is affected by the 3 interior domes, the outline of the structure and the shadow.
4
Design matrix
MODULE 2-1
Generating Ideas Through Process
5
Design Concept- The wound The whole pavilion can be a monumental space, for example the war memorial. I want to create a feeling that a wound is being teared and I tried to make contrast between 2d and 3d panels. The 2d panels with openings represent the wound. The horizontal lines on them follow the direction of tearing force, which is like that the thin skin is still connecting. The surrounding pannels are dense and leaning towards the opening, which represents the teared skin. The only opengings for this pavilion is the light from the ‘wound’ and little gap from the ceiling. As a result, people may feel solemn when they come in and attracted by the view outside. They may cherish the world seen through the window framed by the outline of the leaning pyramids. Possible occupation Circulation
6
Less panels on the top, which allows more natural light to come in.
The pyramids are attracted by the point on the top, which creates a sense of growing.
The pyramids are leaning towards the openings in the middle, which allow people inside the pavilion to see the exterior structure.
Exploded isometric 1:100 0 1000 3000mm
The roof is higher and higher as people walk in, and creates a nice threshold. The high interior space suggests larger volume of occupation.
7
Computation Workflow Panels generator
Build a 150x150x150 box by extruding a surface in grasshopper
Generate lines by deconstructing the box and generate point by dividing lines to points. Select the lines and points by changing index.
Line selector Point selector
Generate a surface by lofting two lines.
Surface generator
Generate a surface by lofting two lines.
Panels generator
Generate panels on the surface by morph 3D command. Dispatch the grids according to the distance to an attracting point.
Dispatch
Waffle generator
Lasercut layout 8
9
10
Lasercut process
Physical model making process
Divide panels to different layers and apply different color. Unroll them seperately on certain layers. Label the panel numbers on the lasercut sheet.
Fold the half panels and stick them together to make a whole panel. Use to binder clips to fix them. After the glue is dry, take off the clips and glue all the panels.
11
Design matrix
MODULE 2-2
Generating Ideas Through Process
12
Design conceptSlopping ground The booleaned geometries are intersecting rotated cuboids, so different depths of space can be seen in the structure. The middle interior deep space is dark and creates a sense of mystery and interesting threshold. The spaces near the sides of the structures have large openings, which facilitates the interior lighting. All the spaces, except for the small cubic space on the top left part of the bottom right picture, are connected with each other. It looks like that there is a big world in the structure.
Semi-open and isolated space
Lifted roof makes the structure look lighter
Openings allow natural light to come through
Continuous space of different depth and sizes. Solid leaning walls divided inclined void space and create interesting threshold
External open space with different heights of roof
Sectional perspective 1:200 0
2000
6000mm
13
Occupation & Circulation
The boolean geometries are the assembled rectangles. The widths arethe same, while the lengths are defined by the distance with an attracting point. The rectangles are then rotated according to different planes and joined to boolean with. Certain part is chosen for further develop because it shows voids and solids. Depth can be seen and different void geometries create interesting threshold. The solids parts cast interesting shadows. DIfferent shapes, sizes and depths of openings allow various beams of light to come through. This space can be a parkour space, because it has many sloping grounds at different degrees, different heights of ceilings as well as leaning walls. Some spaces are connected and some are isolated and creates sense of privacy.
14
Design Iteration
15
Computational Process
Boolean the spheres with a box
Deconstruct a box into points Main script: deconstruct box
Use a point Use adjusted grids attractor to adjust to create a mesh grids Main script:
Use another point attractor to adjust centroids
The radius of the spheres are depends on the distance to a point
Main script:
Main script:
Main script:
deconstruc domain
point attraction
point attraction
bounds
surface domain number
move
cellulate 3d grid
remap numbers sphere
16
Final design
Design1
Design2
Design3
In design1, the structure has a large cantilever. It makes the whole structure looks light. The curve underneath suggest large volume of space. There are two curved benches under the cantilever, which can be good places to chat and rest.
Makerbot 3D print First export the stl file seperately and put them on one plate. Add supporters. Orient them to make lesser supporters used. Change the support angle to 20 degree and support density to 20%. The estimated time is totally 9.5 hours.
In design 2, there are many holes and layers. All the openings are facing a corner of the structure. As a result, it can be a lecture room or a theatre. Design 3 can be a small meeting room, because it is a semi-closed space. The roof always cast shadow underneath, The two circle openings can frame beautiful view outside.
17
9am sun direction 12pm sun direction 3pm sun direction
Front structure circulation Behind structure circulation
MODULE 3
Queen Victoria Garden Pavilion
Teacher Students occupation occupation
Plan1
Design concept - Floating Pavilion The concept of this pavilion is floating. It is made of horizontal timer pieces and vertical glass supporters. The glass allows natural light to come through and also prevents the weather. The structure members on the roof are moved in certain direction, which allow more light to come in at 9am and blocks some light at noon and in the afternoon. Each stair is a level, and the seminar speakers can sit on the three wide stairs which are touching the ground to hold the seminar, while the guests are supposed to sit under the pavilion on the ground. The performers for the evening quartet can stand on the top of the pavilion. Landscape of different levels and timber chairs are designed for the audiences.
18
Plan2 Plan3
Topography
low
high
Exploded isometric
The vertical supporters and horizontal platforms are thinner at the bottom and thicker at the top. The distance between each two sandwiched supporters is far to near from bottom to top as well. The variations make the pavilion look gradually from transparent to solid.
The gaps between structure members at the top of the pavilion allow light to come through.
The height under this stair platform is 1400mm, which allows children to go through.
Every stair run is 250mm, which allows people to walk and temporarily sit on it.
The parallel horizontal timber pieces and transparent vertical glass pieces allow visual connection and provide privacy at the same time between interior and exterior space.
Stair detail 1:50
The landscape has different levels and allows different view of the pavilion. The lifted timber desk has glass vertical supporters underneath, which creates a sense of floating and matches the main idea of the pavilion.
Circulation Area where pavilion touches ground high
low
Internal space height
19
20
21
22
23
Computational Process Use remap numbers to adjust the radius of the sphere according to the distance towards an attracting point.
Boolean
Boolean
Extract surface
Octree Build cubes around the surface
Dispatch
Divide into surfaces Move
Seperate them into big and small cubes
deconstruct box into surfaces
Move the surfaces in x and y directions
Thin at the bottom thick at the top, far at the bottom close at the top
Join
Use remap numbers to adjust the extrusion or move distance
Rotate
24
Fabrication process
1
2 Use different layers and colors to differ different pieces.
Use materials of different thickness to create the trend which is transparent at the bottom and solid at the top. 1. Vertical pieces. Material: 2mm perspex 2. Vertical pieces. Material: 1mm perspex 3. Horizontal pieces. Material: 1mm mountboard
3
4. Horizontal pieces. Material: 2mm mountboard 5. Landscape. Material: 2mm mountboard 4
25
5
360 Image Output
Digital Design Semester 1, 2019 26