DD portfolio

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