ARCH 20004 Digital Design Portfolio

Digital Design - Portfolio Semester 1, 2019 Wei (Naomi) He

952295 Studio 19 Siavash Malek

Content:

01

Precedent Study

03 Generating Design Through Digital Processes

14

Queen Victoria Garden Pavilion

Education: 2014 - 2017

email: weih5@student. unimelb.edu.au

Nexus International school, Reflection: Singapore Digital design have become an essential International Baccalaureate part of architectural design and I have not only developed my design skill and 2018 - Current University of Melbourne fabrication skills, but also learnt to use Bachelor of Design parametric design and rendering softwares to help me with my design.

Through the precedent study, I learnt Work Experience: how designers use different elements to manipulate and create different circulations 2018 Erdong Interiors and threshold, I applied the same elements in my Module 2 design, and further developed those ideas and used them in my final pavilion design.

Awards / Exhibition: Digital design and parametric design 2017 Visual Art Exhibition, Singapore softwares are great tools that make designs more controllable and easier to manipulate, 2018 FOD:R Exhibition, AFLK Gallery with Rhino and Grasshoper, I could easily express and model my ideas to make them visually presentable. I have also learnt Skills: how to use diagrams to communicate my Rhino concept and organizational strategies that Grasshopper I used within a space. In conclusion, the Unreal Photoshop learning process was truly valuable to me, Illustrator digital design course helped me developed InDesign my skills as a design student and is very Model making helpful for future design works.

Module 1 Precedent study

Diagramming Design Precedent

Pop-up Cities: Edinburgh Pavilion 2016 1

E

C

AN

TR

EN

Edinburgh pavilion was the winning design for the Pop-up City Expo on The mound in Edinburgh. The designer Konishi Gaffney used origami folding in his pavilion and created panels at different angle, not only allow visitors to lean on, but also created private spaces at the back. Different thresholds have been created by having various types of openings pointing at different angles, enhanced interaction between inside and outside, and even framing iconic Edinburgh skyline to make to pavilion communicate with its surroundings. The only entrance also restrained circulation and directed visitor’s movement. I learned a lot from this pavilion and tried to apply similar elements in my own designs through the course.

Isometric diagram 1:70 0

Unroll of the pavilion (origami)

500

1500mm

Circulation & threshold diagrams

Exhibition boards Sitting City view Exhibition boards Sitting City view

City skyline Viewing exhibition boards City skyline Sitting Viewing exhibition boards Leaning on vertical plane Sitting Leaning on vertical plane

Circulation diagram Since the Edinburgh pavilion only had one entrance, users had to enter and exit through the same opening. The exhibition boards and sitting inside the pavilion provided activities for users which then created certain paused areas. The circulation paths were determined by what the viewers see, for example, the first thing viewers see when they enter the space is exhibition boards, which then determined the direction of the viewers’ movement.

Interaction Viewing Transitioning Interaction Entrance Viewing Transitioning Entrance

Threshold diagram The whole pavilion consisted three openings: an entrance, a fixed window looking up to the sky framing the iconic city skyline, and an opening window for ventilation. The entrance is a transitional space which let the viewers experience the transition from open outdoor to enclosed indoor spaces. The window above is where the pavilion space extends and communicate with the iconic skylines. The fixed window allow the interaction between people from inside with people from the outside. The tilted timber panels also created different spaces and some panels even encourage users to lean on. The threshold diagram was created based on the different uses of openings and spaces.

2

Module 2

Generating Design Through Digital Processes

Task 1-Design Matrix Surfaces & Spaces

1.1

1.2

{120,150,150}

{150,90,150}

{120,150,150}

1.3

1.4

{150,120,150}

{120,150,150}

{45,150,150} {0,150,150}

{90,150,0}

{150,0,150}

{150,150,60}

{0,0,150}

{150,90,150} {105,150,150}

{30,0,150}

{30,0,150} 105,150,0}

{150,75,0}

{0,0,150} {105,0,150}

{0,150,0}

{0,150,0}

{135,0,0} {0,150,0}

{90,0,0} {0,0,0}

{0,0,0}

{135,0,0}

{0,0,0} {0,0,0}

2.2

2.3

2.4

{Attractor Curve Location}

{Attractor Curves Location}

{Attractor Curves Location}

{Attractor Curve Location}

Paneling

3.1

3.2

3.3

3.4

Internal circulation

Grid manipulation

2.1

4.1

4.2

4.3

4.4

3

2.1

{Attractor Curves Location} {Attractor Curve Location} {Attractor Curve Location}

3.1

3.2

4.1

4.2

2.3

2.2

2.2

Grid manipulation

2.1

Grid manipulation

{Attractor Curve Location}

Internal circulation

Grid manipulation

2.2

Paneling

Grid manipulation

2.1

2.1

2.4

2.3

2.3

2.2

2.4

2.4

2.3

Task 1 - Parametric Design

3.2

3.2

4.1

4.3

4.2

4.2

{Attractor Curve

3.1

3.4

3.3

3.3

3.2

3.4

3.4

3.3

Internal circulation

3.3

{Attractor Curve Location} {Attractor Curve Location}

Paneling

3.1

Internal circulation

Internal circulation

4.1

Paneling

Paneling

4

3.1

{Attractor Curves Location}{Attractor Curves Location} {Attractor Curves Location} {Attractor Curve Location} {Attractor Curve Location} {Attractor Curves Location} {Attractor Curves Location} {Attractor Curves Location}

4.1

4.4

4.3

4.3

4.2

4.4

4.4

4.3

Task 1 - Isometric view Panel 2 - Lunchbox

Lunchbox is good at taking overall control and change of the panels. I divided each panel to two triangles. The top left are pyramids that followed an curve attractor.

The bottom right are 2D and 3D openings, the size of the openings varies. The middle part has the smallest openings in order to create a sense of privacy. The bottom row has 3D openings at human scale to point at different angles and framing different views, some openings even provide sittings for the viewer.

5

Panel 1- Paneling tool

Paneling tool allows grid manipulation and creating different patterns . Panel 1 has 2D opening at the top to allow ample sunlight, Waffle structure

the middle part is closed for privacy, and the bottom part has 3D opening .

Isometric 1:2 20 0

The waffle structure creates only one opening, this

The sitting area is hidden behind

entry/exit could control the circulation within this

the pyramid shape pattern,

space.

creating a private area.

60mm

Surfaces

Waffle structure

The two surfaces all have 2D openings at the top part to allow ample sunlight, the middle parts are either closed or have very small openings to create a sense of privacy, then the bottom parts have 3D openings, acting like windows to framing views, allow natural ventilation and even provide sitting areas for visitors.

The waffle creates an interesting interior structure, the structure creates a bigger base and a smaller top, it is open on one side to take control of the circulation of the space

Task 1 - Fabrication process

6

Unroll Adding tabs Laser cut Folding panels Inserting waffles Gluing

7

8

Task 2 - Design Matrix Grid Manipulation

1.1

1.2

1.3

{210,120,130}

1.4

{210,120,130}

1.5 {330,360,-45}

{210,120,130}

{95,110,60}

{60-35,70}

{-60,40,0}

Solid Space

{Attractor points}

{Attractor points}

2.1

2.2

{-60,40,0}

{Attractor points}

{-60,40,0}

2.3

{Attractor points}

{Attractor points}

2.4

2.5

{120,80,120}

{45,30,880}

{-60,40,0} {Attractor Point}

{Attractor Curve}

{Attractor Curve & Top point}

Void Space

3.1

3.2

Pavilion Study

4.1

4.2

{0,0,20}

{Top point}

{Attractor Curve & Top Point}

3.3

3.4

3.5

4.3

4.4

4.5

9

Task 2 - Parametric Design

10

Task 2 - Isometric view

Two geometries were used to create different voids, with more dynamic cuts on one side and smooth cuts on the other side.

Different shapes of openings facing at different angles and framing different views for visitors to experience.

11 Exterior boolean creates outdoor areas for visitors to occupy, providing seating.

The only entrance could restrict the flow of movement and suggest possible circulations.

Isometric 1:2 0

20

60mm

Task 2 - Fabrication process

Grids were created by using deconstruct brep and surface domain number.

12

The grids were manipulated by using different point attractors, volumes were generated by using cellulate 3D.

Modelling Makerbot calculation 3D printing Different geometries were created by using Lunchbox, waterman and weaverbird.

Removing supports

3D printing through makerbot, tried to put the models close together and arrange the orientation to save printing time. The estimated printing time was 8h17min. (Digital design printing setting was used)

Task 2 - Photos

13

Module 3

Queen Victoria Garden Pavilion

The concept of this project is to have various sizes of openings pointing at different angles, framing views, cast shadows at day and capture lights at night. I learnt from the precedent study, how Konishi Gaffney manipulation circulation by having single entrance and providing different activities for visitors to experience, and also use different thresholds to serve different functions. I used the same elements in my own design, along with parametric design to help me achieve gradual changes . In order to create a connection between the pavilion and its surroundings, I used one of the large opening to frame one of the iconic skyscrapers in Melbourne, and also used reflective materials for the pavilion.

Circulation & threshold diagrams Threshold diagram

Circulation diagram

Scenery Performance Sitting Leaning on vertical plane

Structure

Activities

15

Scenery Performances Sitting

Large openings Small openings

Openings

View/context

Performing Viewing Transitioning Entrance

Functions

Circulation & Pause areas

Fabrication Process Step 1. Generating curves

Step 2. Network surface

Step 3. Spliting surface by isocurves

Step 4. Manipulating openings

16

Step 5. Offset surface - gradually changing thickness

Isometric view The opening behind framing the garden and iconic Melbourne skyscraper, this allows the pavilion space to extend and communicate with its surroundings.

Solid wall that captures interesting shadows at day and lights at night.

Various size of small openings either purely to capture light or to frame views at different angles for visitors to experience.

Semi-reflective pavilion which establishing a connection between the pavilion and its surroundings.

The single entrance not only provided transitioning from open outdoor to enclosed indoor spaces, but also direct circulation flow within the pavilion.

E

E

NC

RA NT

Large opening in front framing the trees in front of the pavilion, proving a background for performances.

17 The pathway is oriented this way since most people approach the site from the tram stop on St Kilda Street.

The sitting and openings inside the pavilion provide activities for users, which further created certain pause areas.

The stepping creates a seating space to allow for viewing of performances outside the pavilion.

Exploded Isometric 1:30 0

500

1500mm

The timber platform creates a threshold helping to differentiate the landscape from the pavilion itself, the cut of the platform was created by following the roof edge of the pavilion.

Fabrication process

I lazer cut perspex people to not only show a sense of scale in my model, but also suggest possible activities. For the 3D printed pavilion, I could not change the orientation because this is the only way with a flat base, hence I set the support angle to 50 ° to reduce the printing time.

18

Contour landscape Lazer cut Gluing layers Makerbot calculation 3D printing Removing supports Fixing 3D printing onto landscape

Model Photos

19

Model Photos

20

1. South openings caste lights for performances at night.

2. North openings caste shadows for seminar during lunch time.

3. Interior ceiling close-up

Renders

21

1. Pavilion approach from walkway showing shadows captured on solid wall.

Renders

22

2. Interior showing sky openings.

4. Front view showing the surrounding landscape.

3. Evening quartet showing light captured on solid wall.

360 Image outputs

Interior 360 image

Exterior 360 image

23

Digital Design Semester 1, 2019