Digital Design final portfolio

Digital Design - Portfolio Semester 1, 2018 Mengping (Vicky) Huo 980794 Shiqi Tang+ 31

1

email: Victoria.3429@ hotmail.com mengpingh@ unimelb.student. edu.au

Content: Education: 03

Precedent Study

06

Generating Design Through Digital Processes

2018 - current 2017-2018

Bachelor of Design Trinity Collage

Awards / Exhibition: 19

Queen Victoria Garden Pavilion

2017

FOD:R Exhibition, AFLK Gallery

2017

MSD Exhibition, Studio Alpha

Design can be regarded as a important part of my life. The relationship between art and architecture should be indistinct so that the beauty they create can be blended. Making a space that connects the architecture with human life always be fascinated. The interesting part of the space design process is that there will be endless possibilities and potential solutions.

The design skills that I learned including practical skills of the grasshopper, real-time rendering of Unreal Engine and the physical models making of the fabrication process, eg.

3D printing and laser cutting. Throughout this semester, the understanding of the theoretical digital design process and the way communicating ideas/concept have been improved.

The learning process during the first module develops our understanding of how thresholds and circulations shape the design and the spatial arrangement of the structure. The understanding of thresholds and spatial arrangement continue to further develop in the following works.

As a designer, my overall concept pays homage to nature and engages in a harmonious relationship with the surrounding environment. I think the architectures or designers nowadays more likely to emphasis on how to achieve modernization and have ambitions on a futuristic concept. However, it always will be crucial to maintain harmony with nature.

Skills: Rhino Grasshopper Unreal Photoshop

It always be crucial to understand how to present the design in the physical models. However, I didn’t make it well in the first place, the visual effect of the design cannot illustrate well in the photographies. Moreover, some details need to care about. For example, it is also important to check the thickness of the model before sending to fabrication. I didn’t pay much attention to that so the models of task B are poorly executed. In the following works, I began to pay attention to the thickness to ensure the fabrication process can be done successfully.

Illustrator Indesign Fabrication

2

Diagramming Design Precedent

The first module of this subject involves a spatial analysis and diagramming exercise of a giving pavilion - Afterparty by MOS. It was designed as an “urban shelter�, the interior of the conical shelter acts as a microclimate shielding structure, which will able to provide shade for visitors. The aim of the design is to provide a place for relaxing and socialising, which can be reflected in the function that the structure created.

The initial works have been further developed according to the feedback, including the 1:100 isometric of the precedent study and two diagrams. In terms of the isometric drawing, a different version has been created in order to focus on the hierarchy of the diagram and the rendered picture at the back has been faded out to emphasis on the linework. For the two diagrams, the developed works emphasise on the demonstration of thresholds and circulations, and variable graphic techniques have been used in each diagram to show the argument efficiently.

The structure frame (pipe) haven’t been modelled since the module meanly focuses on the diagram making and the understanding of circulation and thresholds.

Multiple line weights and dash line have been used and the rendered picture at the back has been faded out in order to create a sense of hierarchy for the diagram.

LESSON FROM MODULE 1: Diagram need to succinct and clear, emphasise on the demostration of thresholds and circulations.

3

Thresholds Analysis The thresholds involved in MOS including both vertical and horizontal thresholds to form a sense of semi-open spaces which are connected firmly.

Horizontal The chimney/skylights in the pavilion can be regarded as thresholds that separate spaces vertically, while the view still can be seen. The openings on the top allow sunlight going through, separate the volumes/spaces underneath the roof. The chimneys or skylights in this pavilion can be used as a tool to collect cool air for people inside.

The shadows are cast by the special shape of the single unit and make the light dappled, which can be regarded as a changing barrier space. Human activities and gathering space have been affected by the shadow that the pavilion created. The design of the pavilion allow some light and air to circulate but at the same time shading visitors from the sunlight.

The benches in the pavilion provide places to gather and rest, the areas where benches have been located have the highest density of occupation. It can also be regarded as a barrier to control people’s movement. The stationary points/ attractors are mostly located at the place where benches have been placed.

The scale/size of each single conical shelters also can be regarded as a kind of threshold that affects people experiences. The larger size of the structure creates Arches area more space for people gathering and the smaller ones are more likely to be the Shadow area Stationary points/attractors transitional pathways connecting those larger ones at the end.

Skylights

Vertical The chosen angle indicates different shapes and the height changes of the arches in the pavilion. The arches separate the outer spaces and inner spaces, forming a semi-open space. In terms of the shape of the arches, the middle is higher than both sides, which allows for larger volumes of users. People are more likely to walk through the highest part of the arch, that’s lead to a gathering in the middle when people walking through as well.

The interior of the conical shelter acts as a microclimate shielding structure, the height variation of each single units create different experiential thresholds.

4

Circulation Analysis It can be said the circulation can be associated with threshold, these two are related firmly.

According to the shape of the arches, the middle is higher than both sides, which allows for larger volumes of users. People are more likely to walk through the highest part of the arch, that’s lead to a gathering in the middle when people walking through as well. The benches in the pavilion limit or restrict movement and provide places to gather and rest, so people more likely to go around the benches and stay in there.

The diagram also outlines the main entrance of the pavilion and the general circulation to go through the pavilion.

5

GENERATING IDEAS THROUGH PROCESS 6

SURFACE AND WAFFLE STRUCTURE

Design Matrix Lofts

1.1

1.2

1.3

{93,74.4,93}

{0,0,74.4}

Attractor / Contro

{93,37.2,93}

{93,93,74.4}

{30,150,150}

{93,93,37.2} {150,0,0} {93,93,0}

{0,0,0}

{0,0,0}

{74.4,93,0} {93,93,0}

{0,0,0}

{93,74.4,0} {65,-48,0} {Surface & vertex illustration}

{0,120,0}

{93,0,0} {Surface & vertex illustration}

{Surface & vertex illustration}

Paneling Grid & Attractor Point

2.1

{150,150,0} {0,60,0}

{93,37.2,0}

2.2

{93,0,0}

{Surface & vertex illustration}

2.3

2.4

{69.6104,99.8142,95.4505}

{18.1999,6.75932,132.786}

{10.927,76.5576,54.69} {157.957,-23.5592,0}

{36.7439,59.9478,33.7} {67.3553,39.217,51.8806}

{82.8911,127.641,73.2406}

The opennings of the surface have been established by using deconstruction brep, so there is no paneling grid illustration. {112.61,-7.42668,0}

{Attractor Point Location & openning illustration}

Attractor / Contro Grid Points

{93,37.2,93}

50}

{0,0,0}

{60,0,150}

{150,90,150}

{0,55.8,93}

{93,74.4,93}

{18.6,0,93}

{0,0,74.4}

Key

1.4

{0,55.8,93}

{104.509,94.9564,0}

The opennings of the surface have been established by using deconstruction brep, so there is no paneling grid illustration.

{112.61,-7.42668,0} {Attractor Point Location, offset distance & openning gradual changing illustration}

{95.6036,-4.58727,0} {Attractor Point Location & gradual changing openning illustration}

Paneling

3.1

3.2

3.3

The patterns with gradual changing have been done in grasshopper without using morph3D, so there is no pattern illustration.

The patterns with gradual changing have been done in grasshopper without using morph3D, so there is no pattern illustration.

The patterns with gradual changing have been done in grasshopper without using morph3D, so there is no pattern illustration.

{-10.6415,57.1384,0}

{Attractor Point Location, offset distance & openning illustration}

3.4

The 2D patterns & Pyramid patterns with/without gradual changing opennings have been done in grasshopper without using morph3D, so there is no pattern illustration.

100mm

1:10

7

50mm

150mm

Surface and Waffle

Making the physical model is the hardest part of this module for both task A and task B. It is crucial to understand how to present the design in the physical models. The initial purpose of the gradual changing openings is to play around with the sunlight and the structure of waffle can achieve better lightness and ventilation effect. However, I didn’t make it well in the first place, the visual effect of the design cannot illustrate well in the photographies.

Gradual changing opening can be seen on the 3D patterns and 2D patterns at this surface.

LESSON:

The scale of openings has been controlled that cannot allow people to see the waffle structure.

Things that needs to care about in the following module is the choosing of glue type and treatment of edge tabs.

SUPER GLUE is not a good choice for ivory cards and the edge tabs should be trimmed for clean and tidy.

‘Reversed pyramid’ effect Patterns concentrate on the centre of the surface, highlighting the idea of ‘reversed pyramid’.

The openings on the side face give a sense of fluidity and movement as well.

Waffle structure enclosed at the top and surfaces connect each other by sharing the same vertex.

The height of each list shares the idea of fluidity, form the highest to lowest. And the height effect of adjacent lists opposite each other.

20mm

1:2 10mm

8

30mm

Isometric View The arrangement of the facing panels focuses on the centre point of the surface. The centre part of the patterns demonstrate the idea of ‘reversed pyramid’ and the outline can be related to the waffle structure. The top vertex of the surrounding patterns towards the centre highlighting the ‘reversed pyramid’.

The shade has been used to demonstrate the relationship between face and face.

The waffle structure intended to follow the flow of the facing panel. The structure of waffle can allows the light to pass through.

The initial concept of the facing panels was the viable height of 3D patterns and gradual changing openings. The height of each list has a change from highest to lowest because of the attractive point. Also, the heights of two adjacent lists are opposite. The openings on the 2D patterns are opposite the openings on the 3D patterns as well.

This angle of the waffle structure can demonstrate the enclosing structure.

9

Computation Workflow

Waffle Structure

Surfaces created by using points to adjust the locations.

Using “deconstruct Brep” with ‘contour’ to establish the distance/spacing between contours, then loft to create X contours.

Using “deconstruct Brep” with ‘contour’ to establish the distance/spacing between contours, then loft to create Z contours.

10

Making a brep to brep intersection by using ‘entwine’.

Triming fins by using ‘trim solid’ and set the orient for place the fins, using ‘text tag’ to make it ready for fabrication.

Computation Workflow

Surface Generation & panelisation

The first surface has been separated into 5x5 by using ‘isotrim’.

The second surface has been created to play around with the height and opening.

The ‘surrounding part’ of patterns have been done by using ‘morph 3D’.

A specific pattern has been set to morph 3D with bounding box to achieve the effect of ‘reversed pyramid’.

the initial idea was separating the quadrangular surfaces into two parts using ‘panel connections’. Establishing the plane of individual panels by using ‘explode tree’ and ‘3 pt plane’. Using ‘remap numbers’ to achieve the gradual changing.’

The pyramids at the corner of the surface have been created in grasshopper by using ‘evaluate surface’ to establish the top vertex. To make the centre point of one surface, the ‘area’ component can be used to get the centroid output.

the aim was to create gradual changing openings on the side faces of 3D patterns. To achieve that, the ‘evaluate surface’ needs to be used to establish the plane of the side faces. The ‘dispatch’ component has been used to separate the surface in order to prepare to ‘surface split’.

11

12

FABRICATION PROCESS

Laser cutting

Material used in the frabrication process.

Used glue illustrtation

The laser cut of surface failed at first since the setting of etch at laser cutting lab was not appropriate. The unrolled faces and tabs were all separated into different parts. So when I resubmitted to the lab, I change the etch line to dashed line to avoid the problem of separation.

LESSON: Things that needs to care about in the following module is the choosing of glue type and treatment of edge tabs. SUPER GLUE is not a good choice for ivory cards and the edge tabs should be trimmed for clean and tidy.

13

Fabrication process: how to make the panels adhere well

The aim of Task B is to explore the idea of solid and void. 3D printing models have been used to illustrate the design about solid and void, and evoke the spatial qualities.

14

Solid and Void The conditions for privacy and conditions for maintaining social contacts at the same time have been considered in the final design.

The openings on the side face allow sunlight to brighten the semi-enclosed space. The semi-enclosed space in this design accounts for the more intimate movements within the building.

At first, I was thinking of increasing the functionality of architectural design by consistently taking account of the in-between space. To achieve that, the porosity and permeability need to be well considered. The toruses have been placed closely to build variation arches and openings.

Two lists of geometries have been intersected at the top and the bottom list of geometries have been placed further away, which can reflect the density and permeability.

The paths in final design have been shown clearly, which can control crowds move. In this case, the final design has both private spaces to allow people gathering around and public spaces connecting outside view. It can be said that the areas inside the final design are the most widely and easily accessible.

It highlights the visibility through openings because of the high porosity arrangement.

20mm

1:2 10mm

15

30mm

The final one using torus as basic geometry to create pillars supporting the structure.

The paths in final design have been shown clearly, which can control crowds move. In this case, the final design has both private spaces to allow people gathering around and public spaces connecting outside view. It can be said that the areas inside the final design are the most widely and easily accessible. It highlights the visibility through openings because of the high porosity arrangement.

Lofts

1.1

1.2

1.3

Key

1.4

{0,0,0}

Design Matrix

Attractor / Control Points (X,Y,Z) Attractor / Control Curves Grid Points

The variables explored including: {43,246,-26}

Paneling Grid & Attractor Point

172,208,-37}

{Index Selection}

{Index Selection}

{Index Selection}

{Index Selection}

2.1

2.2

2.3

2.4

Point attractors Can be used to manipulate the grid locations.

{-73,49,171}

{108.311,181.02,118.348}

{108.311,181.02,118.348} {-80.4239,153.887,0}

{105.596,99.2858,109.824}

{192.47,81.8529,181.029}

{-80.4239,153.887,0}

{192.47,81.8529,181.029}

Boolean geometry

{62.1408,-6.10194,125.509}

{Attractor Point Location}

Paneling

3.1

{215,-7,-61}

{85.1285,-51.222,98.4367}

{85.1285,-51.222,98.4367}

{161.943,109.21,40.3527}

{286,229,5}

{188.95,108.683,89.6217}

{188.95,108.683,89.6217}

{139.667,163.922,21.7043}

{-55,5,-28}

{Attractor Point Location}

{Attractor Point Location}

{Index Selection}

3.2

3.3

3.4

Different geometries can achieve different visual effects (sphere, twist geometry, elliptical geometry, torus) The location of the study area A different result can be created by placing the study area in a different location.

4.1

4.2

4.3

4.4

100mm

1:10

16

50mm

150mm

Computational Process

using ‘surface domain number’ to adjust the UV number for the original box.

The final design of solid and void has been created by using five adjusted point grid which is attracted by three different attractive points.

17

The locations of the atractive point decide which part is dense and which part is sparse.

The scale of the geometry has been changed by ‘remap numbers’ with ‘construct domain’ adjusting geometry’s radius from the smallest to largest.

M2 Task B

3D printing process

Other model making with people to show the scale.

In preparation for 3D printing, the model was converted to meshes before importing into the Makerbot. The MakerBot is a print software which can be used to customise the setting and estimate timing before sending to fabrication.

LESSON:

However, it is also important to check the thickness of the model before sending to fabrication. I didn’t pay much attention to that so the models of task B are poorly executed. In the following works, I began to pay attension to the thickness to ensure the fabrication process can be done successfully.

Other model making with people to show the scale.

Other model making with people to show the scale.

18

This is a test model after submitting module 2 for module 3 in order to ensure that the models will work well in the following fabrication process.

The pavilion is a project for the Queen Victoria Garden Pavilion design. The design of pavilion focuses on engaging in a dialogue with the surrounding nature and revolves around the idea of transparency and translucency. It is inspired by forest canopies and the cantilevers can refer to the floating idea of forest canopies.

The aim of the form is trying not to compete with the surrounding park and allowing people to interact not only with the pavilion but the surrounding site.

The large canopies-like transparent roof structure suspended on the solid concrete columns designed to reflect the breeze making leaves sway. The angle of inclination could be associated with the general wind direction in the site. The basic geometry of the roof structure is the pyramid which is made by translucent material in order to create a sense of refraction and experiential thresholds. The tilted lawn create a concave and aims to create a natural podium for people gathering. When people step on the glass panel, they actually can see what happen underneath

The material it used emphasis on the idea of creating a dialogue with the surrounding natural context. The light will easily go through the translucent roof and the rain also can form part of the show. You can step on the glass floor without damage the lawn and observe what is happening underneath.

Canopies 19

Isometric The pavilion is a project for the Queen Victoria Garden Pavilion design.

The design of pavilion focuses on engaging in a dialogue with the surrounding nature and revolves around the idea of transparency and translucency. It is inspired by forest canopies and the cantilevers can refer to the floating idea of forest canopies. The aim of the form is trying not to compete with the surrounding park and allowing people to interact not only with the pavilion but the surrounding site.

The semi-translucent roof design allows sunlight to come in and create experiential thresholds, during the daytime it becomes heaviness and turns to lightness during night time. The shadows are cast by the glass and make the light dappled, which can be regarded as a changing barrier space.

The large canopies-like transparent roof structure suspended on the solid concrete columns designed to reflect the breeze making leaves sway. The angle of inclination could be associated with the general wind direction in the site.

The openings on the top allow sunlight going through, separate the volumes/spaces underneath the roof.

The basic geometry of the roof structure is the pyramid which is made by translucent material in order to create a sense of refraction and experiential thresholds.

The tilted lawn create a concave and aims to create a natural podium for people gathering. When people step on the glass panel, they actually can see what happen underneath.

Columns are designed not to block the view from inside/outside. The shape of the columns can be associated with trunk and provide an uninterrupted view of the surroundings.

The benches allow people to sit not only toward inside but also outside, which emphasises on creating a more open space.

General circulation Attractors / stationary points Circulation space Openings Height changing Wind direction The plan aims to become a pathway to connect the two paths in the site and form a transitional space to vegetation-dense landscape.

0.5m

20

1m

2m

Design Iterations

The first iteration test the idea of cantilivers and connectivities, however the view has been blocked because of the columns/supportings.

The second one play with the height of thresholds and focus on the idea of colonnade, however, the idea of large cantiliver/forest canopies can not be explained well.

21

The third one shares the same idea as in second one, play with the height of thresholds and focus on the idea of colonnade, however, the idea of large cantiliver/forest canopies can not be explained well.

Render Images

Overall illustration of the pavilion

22

Render Images

Lunchtime seminar

23

Render Images

Pavilion approach from walkway

24

Render Images

Evening quartet concert

View of details

25

26

Computational Process

Using points to adjust ‘Voronoi’ cells then ‘fillet’ and ‘scale’ the shape to a appropriate size.

Using ‘list item’ to select points and then create ‘lines”. Using the final lines to establish surface.

Using ‘scale’ and ‘Move’ to control the size and height of the geometries then loft to create a canopies-like shape with large cantilivers.

“Divide Domain” and “construct domain” have been used to ‘isotrim’ the surface.

Using divided surfaces to ‘extrude points’ creating pyramids which move toward to the attractive point at the corner.

Emphasis on the idea of canopies by using ‘mesh shadow’, ‘dispatch’ and ‘region intersection’ to project the basic shape to the loft surface.

27

Fabrication Process

LESSON FROM MODULE 2 TASK A: Things that needs to care about in the following module is the choosing of glue type and treatment of edge tabs. SUPER GLUE is not a good choice for ivory cards and the edge tabs should be trimmed for clean and tidy.

LESSON FROM MODULE 2 TASK B: it is important to check the thickness of the model before sending to fabrication.

I didn’t pay much attention to that so the models of task B are poorly executed.

In the following works, I began to pay attension to the thickness to ensure the fabrication process can be done successfully.

Edge tabs have been trimed Failure of model making for Task A. Reasons: untrimmed edge tabs wrong type of glue

This is a test model after submitting module 2 for module 3 in order to ensure that the models will work well in the following fabrication process.

Thickness of the model have been considered

28

360 Image Output

Digital Design Semester 1, 2018 29