Page 1

Digital Design - Portfolio Semester 1, 2018 Hong Zhuo

949253 Joe Collins Studio 15




Education: 2017 - current 2012 - 2016


Reflection: Bachelor of Design, University of Melbourne Guildford Grammar School

Diagramming Design Precedent Study: Radix Skills:


Generating Design Through Digital Processes

Rhino Grasshopper Unreal

Although it was always really difficult during the beginning of a project, with the help of Joe and my friends, it was really rewarding during the completion of it.

Photoshop 16

Queen Victoria Garden Pavilion

Through out the semester, it had been a very rough journey for me personally, stepping into realms which i previously had zero experience with, such as unreal engine and grasshopper. However, the journey was a great learning experience that made me step outside my comfort zone.

Illustrator Indesign Fabrication

I have learned various skills through out the course, including digital fabrication, parametric modelling (grasshopper) and real time rendering (unreal engine) just to name a few. The journey of my future as a designer will no doubt be a difficult and long one. In the future, i would like to further consolidate the skills that i have been introduced in this course to create designs that unites aesthetics and functionality. Without saying, there are countless areas that i could and will strive to improve. This includes skills such as grasshopper and unreal engine, both programs with countless potential that is yet to be explored.


Diagramming Design Precedent

Radix By Aires Mateus Radix by Aires Mateus is a steel contemporary structure built for the Venice Biennale in 2012. The structure manipulates circulation and threshold through it unique design and its interaction with the environment. One corner of the structure overhangs off the bank of the water side, which creates a sense of balance. Furthermore, the structure was based off a cube structure with three ellipsoids extruded from it. Its unique design acts as an intersection and unites the three primary circulation paths of the area into one.

Isometric of Radix by Aires Mateus


Threshold Diagram

Circulation Diagram

In my threshold diagram, i wanted to highlight the intersection of the three primary circulation paths which occurs inside of the structure, creating the three thresholds highlighted within the diagram, along with the balance it creates by the waterside.

In my circulation diagram, i wanted to examine the flow and density of circulation through the structure. The density of the particles represents the density of circulation, where as the magnitude of the arrows signifies the magnitude of each circulation path, along with its direction as


indicated by the arrows.

Generating Ideas Through Process 5

Design Matrix

Design Matrix 1:5


Surface and Waffle

Design Matrix 1:5

The model was initiated through two parallel planes, that becomes twisted anti-clockwise as the top is approached from the bottom. The twisting process quickly transforms the two-dimensional space into one of three dimensions. This process creates more variety to the plain two dimensional space within the waffle, which at the same time also affects the circulation and threshold of the structure. The panels on each side are paneled in such way as to relate to the gradient of the slope. The panels on the left side are orientated differently depending on the direction of slope, where on the other side this property changes the size of the panels, which gradually becomes bigger towards the bottom.

Perforations on one face control the direction in which light can enter the volume.

Solid panels create a definitive boundary between exterior and interior. Protruding forms create interest through light and shadow.

Panels are smaller at the bottom and increase in size towards the top of the volume.

A hollow waffle structure allows for the creation of an interior volume.

Exploded Axonometric 1:1 0




Computation Workflow

The vertex of a cube is subdivided

Different module designs are tested

The Waffle structure is created by

into multiple points, and a new series of surfaces are created through the series of points.

which are to be used as panels to be panelled on the surface through paneling tool in grasshopper.

offsetting varies points from the surface which are spaced out systematically, which are then specifically selected and lofted into series of curves.



The panels are unrolled and tabs were then added before being made 2D and exported where as the waffle was first dissected and oriented in an organized manner before being moved into the laser cutting file.

The waffle structure was first put together before the panels were applied. The waffle was purposely put together inside out to prevent the structure from falling apart half way through, and UHU adhesive is used to assist the construction.



{Consistent Scaling}


{Reverse Attractor}

{Random Scale}

Design Matrix 1:5


The second module began by dividing a cube into various smaller cubes, Each of the individual cubes were then manipulated through a series of curve and point attracters and a Where the intersecting geometry interacts with the surface envelope creates a lighter more center point was located at the center open space. of each cube. These points led to the birth of a geometry which was created parametrically and finally boolean differenced away from the main cube. Points at which geometry almost touches but does not creates a feeling uncanThe finalof product was then cut into ny heaviness to the above structure. eighths which was then 3D printed.

With the booleaned geometry contained mostly within the original shape the cube is still highly visible as a form.

Intersections that do not interact with the surface envelope create heavier darker spaces.

The solids left behind can also be interpreted as space. If we invert the positive and negative space it creates a stretched/pinched network of spaces.

Axonometric 1:1 Solid boolean using 3.2 morph itteration. 0




No obje

Design Matrix

Grid Manipulation









Grid Points {134,104,100}



(-120,23,169) {34,54,0}




Sphere Distribution




{-15,4,0} {Curve Attractor}


{Curve Attractor}

{Curve Attractor}

{Curve Attractor}




{Curve Attractor}

{Random Attractor}

{Volume Gravitational Centres}





{134,154,0} {34,4,50}

{Point Attractor}

Sphere Transformation



{Consistent Scaling}

Attractor / Control Poin

Attractor / Control Curv



{Reverse Attractor}

Design Matrix 1:5


{Random Scale}

Computational Process

Initial Cube being created,

The Diamond like geometry

The geometry generated from the

subdivided into smaller cubes and manipulated by curve and point attracters.

generated through weaverbird in grasshopper. The model was modified through parametric process.

center point of each sub divided cube, Which will be used to subtract space away from the cube.


M2 Task 2 3D Printing

The selected portion of the model under went thickness analysis to make sure the structure was self-supported. It was then made into a mesh and exported as a stl file, and tested in makerbot, where the build time was limited to 9 hrs.

View of physical model from two different directions.



The Key concept of the design was to create a structure that was able to articulate movement through space. The design of the structure channels movement in a certain direction and the use of materials, aluminium and wood in this case, was also suitable for the context of the location. The wood use as the base platform is designed to be seat level and the characteristics of the material makes it suitable for seating. Where as the aluminium used as framing, creates a strong and matte aesthetic that supports the semi-translucent roofing that lays above. The structure can be used a shelter or even a place of social gathering in the case of meetings and such.







Computational Process

The base platform of the model

The base platform was then divided

Lastly, the roofing surface was

was created through a number of graphs. Each dimension of the base was manipulated through a individual cosine or sine graph.

into a series of squares. Selected few squares are the taken out and lofted into the arcs as shown below.

baked from grasshopper by lofting the arcs together and then further enhanced in lunchbox.


Fabrication process

The fabrication process was rather difficult, in order to accommodate for the 9 hours time limit, the model was significantly shrinked, not the mention the technical issues that i had during the fabrication.


360 Image Output

Digital Design Semester 1, 2018 23