Digital Design Portfolio

digital design - portfolio

Semester 1, 2018 + Fiona Huang Vuong + 1006251 + Michael Mack + Studio 23 1

email: fhvuong@student.unimelb. edu.au

Content:

03

Serpentine Pavilion - Libeskind

06 Generating Design Through Digital Processes

17

Queen Victoria Garden Pavilion

Education:

2018 - current Bachelor of Design 2003-2018 Garden International School Work Experience: 2018

Short Intership at Arkitek

Rekacipta Sdn Bhd

Awards / Exhibition: 2018

MSDx Exhibition Alpha Model

Skills:

Rhino Grasshopper Unreal

Photoshop

Reflection:

This subject has helped me a lot in terms introducing parametric programmes like grasshopper. It has taught me that by using grasshopper I am able to produce multiple iterations that could provide richness to design developement.

The amazing designs done by peers, seniors, tutors has been a constant motivation for me throughout this course. An aspiration for as a designer is creating a meaningful yet sustainable design that allows an enriching experience for people.

My designs show my initiative to create an intrinsic space through lighting, clusters of forms, variations of entrances etc...

Though in the future I hope to consider other elements that could help the globe and deal with environmental issues. Which leads to what I want to improve which is to have a design that has depth and sufficient research. Not only time management is a key hurdle that I will have to tackle to ensure I am able to produce logical and quality designs in the future.

Illustrator Indesign

Fabrication add more ++

2

M1

Precedent Study

3

Diagramming Design Precedent

EN TR A NC E

Serpentine Gallery - Libeskind

Isometric

ENTRANCE

Serpentine Gallery - Libeskind Isometric 1:80 0

1

2

3

4

For this pavilion it explores with origami folds and the folding of planes.

Through this pavilion I learned about how the different folds are able to create a dynamic and complicated space both internally and externally.

Roof of Pavilion

Panels

4 Circulation Guide

Internal Structure

Fiona Huang Vuong - 1006251

Diagramming Design Precedent

metric 1:80 1

2

3

4

ENTRANCE ENTRANCE

Isometric 1:80 0

1

2

3

4

Roof of Pavilion

Panels Roof of Pavilion

Circulation Guide

Panels

Internal Structure Circulation Guide

Internal Structure

Circulation paths

Circulation paths

Light and Visual Spaces

Light and Visual Spaces

Thresholds (Permeability) 1:200

Circulation 1:200

culation 1:200 2

3

4

0

1

2

3

4

Thresholds (Permeability) 1:200

Circulation

Thresholds 0

There were numerous entrances, that would have impacted on the circulation within the pavilion.

5

1

2

3

4

0

1

2

3

4

Shapes were highlighted to show the different parts of the pavilion. The overlaps of these shapes could suggest the change in threshold.

M2 : Task A Generating Ideas Through Process

6

SURFACE AND W Design Matrix: Task 2A

My my

Grid

1.2

1.1

1.3

pre an

1.4

he

Ro sta no Paneling Grid & Attractor Point

2.1

2.2

2.3

2.4

C3

C1

C1

cre an C1

C1

C3

C3

C3 C2

C4

C4

C4

C4

C2

C2

C2

Cutting Area

3.1

C1

C1

C1

C1

C2

C2

C2

C2

C3

C3

C3

C3

C4

C4

C4

C4

3.2

3.3

7

3.4

Surface and Waffle Isometric View

For my panels I wanted to main give it ‘holes’ or it gaps on thetogeometry mainly When comes the panels I wanted because I wanted the space to be have light go through it. to explore with light and how it can through those panels. Therefore I designed some openings for the panels to allow for this.

6

8

Ideally I was aiming to show some With the waffle structure, between sincetherethe wastwo a pretty big height difference between height differences both the surface the top z rings couldn’t connect to the eacher other. Someone ‘surfaces’ through my waffle struchelped index’to in grasshopper ture.byIusing also‘cull wanted show this which helped create one specific support for the surface. twisting language

C3

C1

C1

C1

C3

C3

Computation Workflow

C2 C4

C4

C4

C2

C2

1.4

1.3 C1

C1

C1

C2

C2

C2

C3

C3

C3

C4

C4

C4

3.2

3.3

3.4

The weave and dispatch tool was also very helpful to me when I wanted to merge both 2D and 3D patterns into one panel.

xtra Matrices TaskMatrices A Extra Task A

Lots

1.1

1.2

1.1

ful command for me to use as IC 3had more control on theC 4 positioning of the corners of the C2 panels.

C3 C2 C4

Adjusting Top Corners (Height)

2.2

2.1 C1 C3

C1 C2 C3

2.2

C1

C1

2.3

C3

C2

C3 C4

C4

C4 C2

2.4

2.3

C1

Lorem ipsumC 2

C3

C4 C2

C3 C1

C4

1.4

At the bottom shows the series of 3D patterns I was testing out on my panels through grasshopper and rhino.

C1

C1

C1

1.4

1.3

C - Corner The MD slider was a use-

2.4

2.3

2.1

1.3

1.2

2.4 C1

C - Corner

C1

C - Corner

C1

C3

C3

C3 C2 C4

C3 C4

C4

C4

C2

C4 C2

3.4

3.3

C2

C1

C1

C1

C1

C2

C2

C2

C2

C3

C3

C3

C3

C4

C4

C4

C4

C2

9 ‘Deconstruct brep’ was what helped created the two panels that was within the acceptable area.

C1 C1

9

C1

C1

C2

C2

C2

C2

C3

C3

C3

C3

C4

C4

C4

C4

Pa

3.4

3.4

Lorem ipsum Lorem ip

Photos

10

Appendix Appendix

Fabrication process

Process

Process

Before I started with my waffle strucThe series of photos show the process of how I stuck Before I started with my waffle struc- show the process The series ofI photos Before I started with my waffle strucThe series of photos of how stuck show the process of how I stuck ture I would wipe of the burnt marks all my panels together. I grouped them in row first ture I would wipeallofmy thepanels burnt together. marks my in panels together. I grouped them in row first ture I would wipe of the burnt marks I grouped all them row first This course this helps them to prepare for with a wet towel.enables students to fabricate thentheir I wouldmodels, stick the rows together.

Before I started with my waffle strucThe series of photos show the process of how I stuck with a wet towel. then I would stick the rows together. with a wet towel. then I would the rows Beforestick I started with together. my waffle strucThe series of photos show the process of how I stuck future courses which model making is heavily relied ture upon.

I would of the burnt marks all my panels together. I grouped them in row first This makes it easier for me towipe navigate the panels. ture I would wipe of the burnt marks all my panels together.

I grouped them in row first This makes it Ieasier methe to rows navigate the panels.

This makes it easier for me to navigate the panels. with a wet towel. then wouldfor stick together. with a wet towel. then I would stick the rows together.

Appendix

This makes it easier for me to navigate the panels.

This makes it easier for me to navigate the panels.

Process

11

M2: Task B Generating Ideas Through Process

12

SOLID A Solid And Void

Interesting step forms Interesting forms from have beenstep produced have been produced this section. This Area from thisserve section. area could asThis a seating could serve as a seating spot or study room dependarea or desk de- you are ing on whatarea scale pending the scale you looking on at. are looking at.

The way plansinintersect The way the the plans at randome areas creates tersect at random areas different heights across creates different heights each level. across each level.

InIn thisthis intersection it show a it hollow intersection space which could suggest how shows a hollow space which natural space. could lightenters suggest a how natural light enters a space.

1:1 20mm

0

20mm

14

13

The isometric section o geometry has started multilevel space as we areas within it. As a stu secluded ‘hidden’ pla beneficial for students have some time for th

RED = Final File Size/Bleed Line BLACK = Page Size/Trim Line

Design Matrix

Magintude of Point Attractor

1.2

1.1

Uniform

Deform

Uniform

1.3

Deform

Uniform

1.4

Deform

Uniform

Formation and Arrangement of Geometry

2.1

2.2

2.3

2.4

Cut Form

3.1

3.2

3.3

3.4

Task B Matrix My matrices first showed my interest to go beyond uniform and spaces that look predictable 14 hence I started to go extreme with the magnitude of the space. After doing that I start to think of my shapes and how I would want them to form around the box.

Deform

Computational Process

Point attraction and magnitude helps to determine where the shape would be positioned on the cube box. It helps is useful for controlling the points within the box and distorting.

This shows the explo-

SOLID AND VOID ration of new geometry Surface Creation

from spheres to rectangle. The ‘series’ command enables this cluttered form overall.

Comment on the process of creating the visual script and its outcome, why do you choose to capture these result? What is of interest to you? (Max 100 words)

15

Photos

Process

16

The concept for this pavilion was derived from M2 - task 2A with the ideas of having cluttered dense forms that creates space that has potential in a pavilon.

There are seatings around the hexagonal areas and thus that allows for people to come and have lunch. The sunken parts of the ground establishes a change in threshold and that it is a space for performance. There are two entrances one wide and one narrow, the two entrances would determine the circulation. The wide entrance would probably one which has more people approaching.

M3 Queen Victoria Pavilion

In terms of materiality most of the pavilion is made in concrete however the seating area is made with timber/ wooden panels. The reason for the timber seatings was to ensure comfort to the public as they are resting on them.

17

Iterations

I started using square vertical shapes and a simple curve.

Then using the same shape I would use a more complicated curve. And that also created a more clustered and dynamic shape.

18

I then progressed to hexagon shapes as I thought that would produce more a appropriate seating.

M3 - Queen Victoria Pavilion

Isometric

The roof of this pavilion is meant to continue the language of the hexagon however in this case, it gravitates more towards the centre (dips towards it).

This was done by using a point attractor.

The roof has a pattern it has certain hexagons which are hollow and others that are solid. This may potentially give the pavilion a compelling lighting as the patterned hollow hexagons allows for a unique arrangements of the lights. To prevent it from rain there would be a glass panel (the same shape) sealed on top of the hollow hexagons.

The high density of hexagons cluttered together gives opportunity for seating areas and even dynamic steps. Having the seatings would be suitable for any performances occurring in the pavilion. It is mostly dense at the corners and thus enables for one entrance to be narrow and the other to be wide.

Fiona Huang Vuong -1006251

Warmer colours represents informal spaces and seatings, a place of comfort. A place for people to enjoy their time in the afternoon. The cooler colour at the centre would indicate a formal space and that it is more active during the evenings where performances are held.

The grounds of the pavilion was meant to have a simpler design. Unlike the others the ground is uniform. Though it is not completely flat, it has sunken areas. There are stepped areas from the natural landscape to the pavilion. Ensuring easy accessibility for the people to enter into the pavilion.

There are smaller hexagon holes at the concrete grounds. Some are filled with soil and plants and some have water in it. This is to create a bit of play to the area.

These spaces may indirectly affect on the circulation as well since people would want to avoid stepping on them.

Scale 1:35 0

500

1500

There is a 175mm step down in the central area of the pavilion. This indicates a change in threshold and also highlights this area as a potential performance stage.

19

Renders Approach to pavilion: This was meant to show how it would look like for those that enter the pavilion. It is intended to not show all of the interior but only some parts of it.

Ceiling/roof:

More emphasis on the roof and the patterns of hollow and solid hexagons. By having some areas that are hollow and solid which allows for light to go through during the day. By incorporating a wide entrance it may be able to hold up to 30 people as there will be people looking into the wide entrance to the performance.

20

Photos

21

Photos

22

Computational Process Pavilion Script

Majority of the curve and point cells command. is to the curve

This is what determines the scale of the hexagons when it is closer to the curve. To obtain the reverse put an ‘expression’ on the output and type ‘1-x’.

Hexagonal cells command has options for me to adjust the size of my hexagons.

design of this pavilion is based on both attractors along with using the hexagonal The closer the centre point of the hexagon the smaller it gets in scale.

Pavilion Roof

Similarly to the pavilion however the roof is based on the point attractor. Instead of the change in scale in this case, the scale is uniform across. It is only the extrusion in Z direction that changes. There is an almost identical script to this but instead of solid it is hollow. The pattern of the roof between hollow and solid was created once again using the dispatch and weave command learnt in module 2.

23

360 Image Output

Digital Design Semester 1, 2018

24