Digital Design - Portfolio Semester 1, 2018 Qianqian Yuan
873239 Samuel Lalo + Studio 11
1
email: Qianqiany2@student.unimelb.edu.au
Reflection:
Content: Education: 03
Precedent Study
05
Generating Design Through Digital Processes
2017 - current 2015-2017 University
Bachelor of Design Prior Course in Shanghai International Studies
task 1 05-11
Awards / Exhibition:
task 2 12- 16
2017
17
Skills:
Queen Victoria Garden Pavilion
FOD:R Exhibition, AFLK Gallery
As a design student, my aspiration is to design something unique. There are many outstanding students in the bachelor of design. They design creative things with rich imagination. So I am always thinking what can make me different from them? Or, when my ability is not stronger than theirs, how can I make my design a little prominent? In order to achieve this, I try to design things uniquely. Sometimes students may be inspired by the tutors’ example, and so their work would a little similar to the example. To avoid this, I try to spend more time to improve it. In this course, I improved my proficiency in the use of Illustrator, and I have a deeper understanding of the different effects of line thickness display. During the design process, the use of Photoshop and rhino has been consolidated. Grasshopper is a new challenge during this semester. The command need a lot of time to remember and understand. By using grasshopper, it is possible to design the model more quickly and conveniently, and also easier to amend the model. Unreal engine took me into an amazing world. Through the rendering in the unreal engine, you can express your designed landscape and model in the most realistic state. Whether they are weather, vegetation, water or building materials, you can do anything that is good for your design display.
Rhino Grasshopper Unreal Photoshop Illustrator Indesign Fabrication 3D rinting
In the design process, my efficiency is a little low. Errors that appeared may take a long time for me to correct. This wastes most of my time. Both grasshopper and unreal engine have many functions that I need to continue to improve in my future studies. In the design concept, I should think more actively and boldly to create more unique things.
2
Diagramming Design Precedent
Toyo Ito - Serpentine Pavilion Toyo Ito use solid, glazing and empty space to design a place for people to have a short rest. The transparency glazing and the solid create the interesting shadows. The steel frame support the most of load. Not all the empty space without solid is glazing, this make the pavilion more attractive. In this task, I improved my skills in rhino and illustrator. I learned using the refraction of the glass and combination with solid can create really interesting shadows. And the glazing make the pavilion get the visible transparency and blur the lines between interior and exterior space.
Isometric of the TOYO ITO - Serpentine Pavilion
3
Diagram 01
Diagram 02
Circulation Diagram From the top to bottom, they are door and circulation paths, density of circulation, primary circulation space and interior architecture.
Threshold Diagram From the top to bottom, they are glazing, solid, structure and the base.
4
Generating Ideas Through Process
5
Design Matrix
Lofts
1.1
1.2
1.3
{125,0,150}
Key
1.4 {75,0,150}
{150,25,150}
{50,0,150}
{50,0,0} {100,150,150
{25,150,150}
{100,150,150
{150,0,50}
{150,0,0} {25,0,0}
{25,0,0}
{125,0,0}
{50,150,0}
{100,150,0}
{25,150,0}
{100,150,0}
Paneling Grid &Attractor Point&Offset Grid Paneling
{Index Selection}
{Index Selection}
{Index Selection}
2.1
2.2
2.3
2.4
{Attractor Point Location}
{Index Selection}
3.3
3.4
{0,150,0} {Attractor Point Location}
{Attractor Point Location}
3.1
3.2
+
{0,150,0}
+
+
Insert your Design Matrix for Task 01 6
Attractor / Control Points (X,Y,Z) Attractor / Control Curves Grid Points
{0,100,150}
{150,150,125
{0,0,0}
{Index Selection}
+
+
+
+
+
Surface and Waffle
The 3d panel which is soild can be the boundary of extarior and interior. And it also can produce interesting lights and shadows with the amazing shapes. Since it is twist, so the 3d panels are decrease from left to right. The hexagon perforations in 2d panels allow more lights enter from outside. The waffle structure follows the two surfaces. The bottom area is larger than the top one so it allows more people to path through. And the bottom area usually is the public space. So the density of circulation would be higher.
Large area of hollow in hexgon shape allows more light enter which can save energy. Complex solid panels make light and shadow become interesting, and effectively separate the exterior and interior, keep the privacy of building.
The bottom waffle structure is larger than the top, waffle which would allow more circulation in the public area.
The size of the panels start to decrease from left side to right side.
Exploded Axonometric 1:1 0
20
60mm
7
Computation Workflow
Waffle Structure to support all the load.
The main surface of the pavilion.
8
Computation Workflow
3d panels with the waffle structure. (total model)
Laser cutting process.
9
10
Task 01 Laser Cutting Linework When I made the waffle structure, I didn’t encounter much difficulty because I followed the workshop step by step. However, when i unrolled the surface of 3d panel, the lines are often confused. I need to try again and again to get to the clear lines. The green lines in the picture are creases. I annotate each part so i won’t be confused with the =model making. Although there are two redundant y waffle structres which intersect with x waffle structures in the edge.
11
12
Cone Transformation
3.1
3.2
3.3
3.4
SOLID AND VOID {195,65,45} {233,28,0} {Consistent Scaling}
{Consistent Scaling}
{Random Scale}
{Random Scale}
The cone is the pattern object. And in in the model, there are nine cones intersecting with each other which really make the interesting holes. So people can pass through these holes to acess between different zones.The intersecation with big cones will be bigger than the small ones. Every cone is an independent space. At the top there are some small open space and that can allow the light enter in the internal space. When i booleandifference i keep the edge of the cube, so the original shape is still highly visible. The internal cones has darker place.
The selected region is formed by nine intersating cones. While booleandifference, i keep the edge of the cube as the model’s boundary.
The holes between cones like the entrances that can lead to different buildings.
The bottom area is larger than the top area allows more space for public.
Exploded Axonometric 1:1 0
20
60mm
13
Design Matrix
Grid Manipulatio
1.1
1.2
1.3
Key
1.4
{0,0,0}
Attractor / Control Points (X, Attractor / Control Curves Grid Points
{100,50,100}
{150,0,100} {195,65,45}
{233,28,0}
Cone Distribution
{Curve Attractor}
{Random Attractor}
{Point Attractor}
2.1
2.2
2.3
{Point Attractor}
2.4
{195,65,45} {233,28,0}
Cone Transformation
{Volume Gravitational Centres}
{Volume Gravitational Centres}
{Volume Gravitational Centres}
{Volume Gravitational Centres}
3.1
3.2
3.3
3.4
{195,65,45} {233,28,0} {Consistent Scaling}
{Consistent Scaling}
{Random Scale}
Insert your Design Matrix for Task 02 14
{Random Scale}
Computational Process
Task 01 Grasshopper Script Showing input - associate - output
Cone as the panel.
15
Remap to get the final work
M2 Task 2 3D Printing
The top view of the model.
At first i did’t get the model on time, and the final work wasn’t printed well. Although it had a little problem, it still looks beautiful.
The left side of the model and the holes make the beautiful shadows.
16
The water temple is formed by two part, one is the wooden bench and the other is the crooked plaster roof. The steel frame connect and support the two main parts. My concept is to make a pavilion which can display the beautiful shadows. So not only the voronoi holes could make the interesting shadows, but also the parametric bench and the refraction with the glass would contribute to it. People can sit both the exterior and the interior space, so it is enough for 30 visitor to attend the lunchtime seminar or the evening quartet performance. The pavilion is in the centre of the pond. So you can see water would have a good reflection with the pavilion. I use the plaster as the main body due to its high strength and low weight. And also the white colour is fit to the wooden bench. These two materials would make the pavilion harmonize with the nature.
Water Temple
17
M3 - Queen Victoria Gardern Pavilion
Isometric
key Primary Circulation Secondary Circulation Circulation Path Spacial Thresholds
The main structure is made of plaster due to its high strenghth and low weight. Steel frame supports it to keep balance. Glass coverd on the roof provieds the shelter and keep the rain away. Spacial threshold at the back of pavilion creates a big window for vistors to have an overall view of the site.
The voronoi patternz lessens the weighty feel of the profile and section structure. With refraction of glass, it would form interesting shadows.
The parametric Bench which is made of wood provieds seats for visitors.
Qianqian Yuan- 873239
Steel frame to connect both bench and the main structure
Concrete blocks make up the paths accessing or leaving from the pavilion.
Water texture to give a reflection of the voronoi patterns and concrete blocks.
The steps create a threshold to differentiate the water from the pavilion, and it provides seating for vistiors.
Exploded Isometric 1:25 0
500
1500mm
18
Design Iteration
Pavilion provides both roof and seats. But it looks so detached. And there are no space for 30 people.
Pavilion has beautiful outlook. But it is too simple and didn’t use grasshopper.
19
The voronoi holes could make beautiful shadows but it looks so roughly.
20
21
22
Computational Process
Voronoi holes which can create interesting holes.
23
Computational Process
Parametric Bench.
24
Fabrication process
The pavilion is too big to print in 9 hours. Although I cut many times, I still didn’t get the model on time in the university since there are too many people waiting. So I printed outside although it is expensive. I used laser cutting to make my landscape and used the transparent paper to show the glass and the water.
25
360 Image Output
Digital Design Semester 1, 2018 26