Digital Design Portfolio - Jee Hong Ng

Page 1

Digital Design - Portfolio Semester 1, 2018 Jee Hong Ng

Siavash Malek - Studio 20

1


Content:

Education: 2017 - current 2016

03

Bachelor of Design Monash University Foundation Year

Precedent Study Work Experience:

05

Generating Design Through Digital Processes

16

Peel Pavilion

2017 - current

Power to Make

ngjeehong@gmail.com

Awards / Exhibition: 2017

FOD:R Exhibition, ALKF Gallery

2017

Construction as Alchemy, MSDx

Skills: Rhino Grasshopper Unreal Photoshop

If you asked me 2 years ago what I aspired to become when I would grow up, I would’ve answered “Engineer” without a doubt. As a kid I’ve always enjoyed making stuff and learning new skills. Joining architecture was a spur of the moment decision but Digital Design has made me realise that architecture is so much beyond design. In my perspective, it’s the best of both worlds; designing and creating.

Illustrator This subject made me sure that this is the field for me and I wish to specialise in Digital Fabrication in the future. During the final assignment for DD, I learned alot about data management in Grasshopper through trial and error.

Indesign Fabrication

In the future, I hope I can improve the thoughtfullness behind my designs as well as improve my graphical skills.

2


Diagramming Design Precedent My precedent study is the Serpentine Gallery Pavilion 2001 by Daniel Libeskind. In this pavilion, Libeskind uses origami techniques: valley folds and mountain folds to create various different thresholds within the pavilion. Repeated uses of the same fold type would create a long enclosed space like a coiled hallway whereas a sudden change in fold direction would result in arches and different thresholds. A good example of this would be at the start and end of the pavilion where there are different threshold conditions due to there being no solid ground plane and having low roofs.

Isometric 1:200 0

4000

12000 mm

3


Diagram 01

Threshold and Circulation diagram.

Unfolded Plan

4


Generating Ideas Through Process

5


Design Matrix Waffle Grid

1.1

1.2

1.3

1.4

Panel Orientation and Extrusion

2.1

2.2

2.3

2.4

Panel Opening Size and Orientation

3.1

3.2

3.3

3.4

6


Surface and Waffle

Panels used as interior cladding to brighten up the interior space via ambient lighting. Quarter isogrid waffle used as decorative facade as well as main structural component to hold the panels. Openings on the bottom face of each panel creates the opportunity for diffused light within the interior space.

Opening size of the panels are larger at the bottom and decrease in size towards the top of the volume.

Opening of waffle at one end to direct the attention of the viewer.

Exploded Isometric 1:1.25 0

20

Shape of walls and panels work together to create a wide headspace.

60mm

7

During the creation of this design, I was experimenting wth various different ways of creating an interesting design through iterations of the waffle structure. My primary goal was to create a stable waffle structure. After I managed to achieve a good waffle structure, I tried to observe the potential architectural properties of the design and proceeded to iterate my design from there.


Computation Workflow

Tab generation Definition of base surface

Surface grid generation Waffle generation

Surface panel generation

Isogrid Curves

8


9


Task 01 Laser Cutting Linework

Because the design of my waffle structure is not a square grid waffle where the fins are perpendicular to each other, I had to make sure to give the notches abit more tolerance than the 1mm thickness of the material to compensate for the 60° connections between the fins.

10


11


SOLID AND VOID

Insert at least 100 words on your process of creating your task 01 of Module 02.

Isometric 1:1.25 0

20

60mm

12


Design Matrix Attractor Geometry Grid Number Attractor Geometry Size and Location

1.1

1.2

1.3

1.4

Sphere

Pyramid

Cuboid

Cube

2.1

2.2

2.3

2.4

2x2

3x3

4x4

5x5

3.1

3.2

3.3

3.4

{75,51,157}

{0,41,157}

{0,41,157}

{0,0,150}

200mm ø

100mm ø

200mm ø

13

200mm ø


Computational Process

Definition of boundary cube

3D grid generation

Grid manipulation

Trimmer Geomtries

14

Trimmed Solid


M2 Task 2 3D Printing

3D printing top layers

Before 3D printing, I had to make sure that I had a “watertight� mesh before attempting to slice the 3D model in the slicing software. This particular 3D print was quite easy as there were no overhangs (design intention) and alot of bridging. All I had to make sure was that there was sufficient infill percentage so that the top layers do not span long bridges.

15

3D printing base layers


PEEL PAVILION

The concept of this design is to create a pavilion that flows seamlessly with the ground and creates a blurred threshold between the internal and exterior space of the pavilion. This is achieved through the twisting surface which forms both the roof and floor of the pavilion. Both the skin and the structure are weaved together such that neither is inside nor outside of the pavilion. The material used is sheet aluminium and rolled steel columns. Sheet aluminium is excellent at demonstrating the capabilities of developable surfaces to generate complicated designs out of

16


Isometric

The surface is twisted such that there is no clear distinction between exterior and interior surface.

The structural spine acts as a structural frame for the panels.

Concrete retaining wall follows the same language as the peeling surface to create a performance area.

Steel mesh limits the amount of light entering the internal space. The surface is created using panelling techniques. The fins are used to attach the panels to the structural spine.

Steel mesh reduces the amount of contact between the user and the cold material.

Reflective aluminium cladding

Timber seating provides a smooth gradual transition of materials between the metallic pavilion and the concrete stairs.

Isometric 1:200 0

17

4000

12000 mm


Design Iteration Number of consecutive lines tell me that there is sufficient headspace for people to walk under. (creates different thresholds)

When I was iterating the design for my pavilion, I was experimenting with the generation of various seating heights that was ergonomic for human usage.

Iteration 01

Based on a grasshopper script, I was able to generate solid lines at locations where the vertical distance between the end of each panel exceeded a specified height.

Parallel lines inform me of potential seating locations.

Using this script, I was able to freely change the profile curve of my surface and get immediate feedback as soon as the “frayed� sections of the surface were suitable for seating heights.

Iteration 02

In the diagrams to the left, you can see how I was able to filter through my iterations to determine which curve profile would be more suitable for seating. In Iteration 01(chosen), the number of lines at the lower end of the panels inform me that it would be possible to create a seating area. Furthermore, consecutive lines inform me that there is sufficient floor to celing height for people to walk under. (refer to annotations)

18


Design Iteration Surface normal direction informs how light reacts within the space.

Iteration 01

As I further developed the definition for my script, I experimented with the different properties of my pavilion. I initially attempted to use arrows to clarify the normal direction of the twisting surface. I realised that something as simple as an arrow can define alot within my pavilion and thus I chose to use it. Left: The normal direction at the edges of the panels determine where stairs would be suitable for the pavilion.

Relatively flat compared to ground, suitable walkway

At edges where the pitch is too excessive, stairs would be more suitable compared to a ramp. Right:

Iteration 02

The average normal direction informs me of the thresholds of the space. Depending on the angle of the normal directions, it would either become a walkway, a wall, a roof, or a seating space. The normal of the surface can also give me a good indication of light reflection when it bounces off the surface to illuminate the performance space in the pavilion.

19

Slope is too gentle. Unsuitable for seating as there is insufficient leg space for standing up or sitting down.


20


2 21


22


Computational Process

Lofted grid of curves Definition of profile curve

Lofted surface generation Bottom side grid manipulation

Generating a grid of curves

Top side grid manipulation

23


Computational Process

Lofted landform Making the tabs

Establishing spine location Generating landform profile

Generating a grid of curves

Top side grid manipulation

24


Fabrication process

Singly-curved ruled surfaces are considered “developable� and thus be able to be constructed out of paper.

Tabs at the back maintain the curve of the form as it is being constructed. Multiple snips are required on the tabs to relieve the stress.

25

Tabs are sandwiched between a pair of fins that hide the tabs as well as connect the panels to the 3D printed structural spine.


360 Image Output

Digital Design Semester 1, 2018 26


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.