Digital Design Portfolio 'KAO

1

Digital Design - Portfolio Semester 1, 2018

Kanyanut Duangna 915985 Jun Han Foong + Studio 14

email: kduangna@student.unimelb.edu.au

Education:

2

2013 - 2016

Macgregor State High School

2017 - current#2018

Bachelor of Design

University high School

Awards / Exhibition: 2017

Skills:

Rhino Grasshopper Unreal

FOD:R Exhibition, AFLK Gallery #M3

I am motivated by my own work. When I get started, I have a passion that I have to get it done at least at my own satisfaction level. Yet, having a goal is so important in order to stay motivated since each day cannot pass by, it is way more challenging out there. My motivation also comes from people around me that make me think that I will be able to design something better for them.

In this subject, I learnt to think differently from what I have been doing before. Few new soft wares were introduced in this semester and I learnt to generate the idea through process and new techniques. To be able to experience something new is really refreshing, yet, there were many struggles during the way. Likewise, in order to gain more skills, I, myself have to get started and keep learning by myself.

Architecture, interiors and graphic design disciplines are my aspiration as designer. Visual aesthetic is genuinely appreciated by many people these day, however, looking pleasing will be nothing if there is no meanings or ideas behind it. Early this semester, I was too focused on the aesthetic pleasing so for my second and last projects I have put more thought into the design and attempt to communicate it through the visual graphical representation as much as possible before literally described it.

Photoshop Illustrator Indesign Fabrication

Nevertheless, sometimes I am still stuck in designing in a conventional way so I will need to push my creative mind more. As well as the management and wise organisation that still need to be improved.

Content:

4

8

Precedent study

Generating design through digital processes

1 3

14

Generating design through digital processes

20

2

Twisted pavilion

DIAGRAMMING

DESIGN PRECEDENT 4

Computer Workflow

To get the aluminium sheet surface : ROTATE 3D surfaces and put them in the right direction, Connect with the floor plan and trim off the excess part

5

Libeskind Pavilion 2001 The pavilion is based on an origami architecture so each part is actually connected to each other when it gets unfolded.

The 3D digital model was generated from Rhino The planar surfaces were created with the support of metallic skeleton structure.

To get the steel Frame structure : ORIENT the cuboids according to the aligned lines , ROTATE 3D so the cuboid face to the same right direction, TRIM the external part with the surface shape, Use BISECTOR to find the middle angle then trim out the overlapping parts to tidy up the corners

​ ith this form, overlapping areas are emerged as well as defined W openings.

Aluminium Surfaces

Skeleton Structure

Skeleton Structure Occupied Space

6

Threshold Circulation Path

Theashold Diagram

Circulation Diagram

The threshold diagram is defined by the volume of the each different shapes.

The extra internal spaces are created where both different shapes connect to each other by sitting on the edges of the same floor piece. The darker tone of grey represents the transition. The density of occupied space defining by the darker shade of grey, would be also higher near the entrance and where the cafe is located.

The skeleton structure display where it would be constructed to the floor.

The middle floor plan represents how much each part will be occupied.

This is due to the cafe inside or the meeting that happened. The circulation shows that there are many paths that visitor could take with the famous ones happened between the bigger opening and closer to the main street and gallery nearby.

This isometric drawing reveals

The threshold is defined where

all the objects, most of open-

three connected Aluminium

ing and overlapping areas.

surfaces touch the ground. While

Some of the skeleton structure

the more overlapping spaces

which was modelled in more

would provide a different stage

detail are shown here as well.

senses of privacy, with the most

The aluminum panel mate-

overlapping part; the more sense

rial is visually presented. It

of privacy. The circulation can

would reflect the surrounding

emerge in many ways since it is

environment and are easily

such a complex shape. With a

constructed in a short period

bigger opening, there will be more

of time.

circulation happening. The visitor would try to walk through most part of the pavilion even outside away from the overlapping walls.

7

EN

EN

TR

TR

AN

CE

AN

CE

E

NC

RA

T EN

Isometric Diagram 1:150 0

3000

9000mm

G E N E R A T I N G I D E A S THROUGH PROCESS 8

1

Design Matrix Lofts { Index Selection}

{Index Selection}

{Index Selection}

{Index Selection}

Paneling Grid & Attractor Point

9

{

} Attractor Point Location}

{Offset Grid}

{Vary height grids

{IAttraction Point Location}

Panelin

Computer Workflow

10

According to the twisted tower’s them, the top part of the model should be seen as smaller than the lower part. So a smaller box is created for the top surface to loft.

The two surfaces are pulled to be closed to each other and the surfaces immediately become genuine curvy. The two different shapes of 3D are produced to be on the separate surfaces; the first one with linear extrusion and 2nd one with twisted form extrusion. With the even lower 3D objects situated between them in a way that the direction suggests the action of growing higher. The height of the panel are also reduced as they grow higher as well.

Surface and Waffe

The top piece is the smallest and closed to so the supporting tructure cannot be seen

The waffle is self supported despite the slanted surface

11

A 3D and 2D patterns panelling as stripes to create the wavy visual representation.

The panel height is building up according to the offset grid.

Isometric Diagram 1:1.75

Laser cut

12

The three different panels can easily be unrolled and even easier to locate them since they are ableto be unrolled as one complete stripe. Yet, the result is long piece of laser cut. The prototype has been made prior the final laser cut, however, one problem of wrong face could not be detected because of the pattern stripe itself that is appeared to be very similar in both side.

Physical model

13

The overall look of the physical model. The panels are clearly seen at different height where the largest one is at the bottom in order to balance the load.

The closed up shot focuses on the visual differences between the 3D panel stripe and 2D panel stripe. Although both are panelled on a square grid system, they do not appear to be as such

G E N E R A T I N G I D E A S THROUGH PROCESS 14

2

Design Matrix Paneling Grid & Attractor Point

{6x6 grids}

{Attraction Point Location}

{Attraction Point Location}

{Index Selection}

Lofts

15

Plantonic Octahedron Manipulatio

{Objects based grid}

{Cull nth}

{Place Platonic Octahedron objects}

{Scale Attraction Point}

{Objects rotation}

{Combine two sets of objects

{Cull nth}

{Random Rotation}

Computer Workflow

16

Many iterations were tested the experinecne of vary geometries. The platonic octahedron is then chosen because its combination of at two different rotations creates such interesting shape and effects. However, since the 6x6 is used, the objects altogether are appeared to be quite crowed so I apply CULL NTH component to remove them according to the pattern I provided across the script. Later, the shape is rotated again and again. The size is also scaled according to the attractor point at the centre where the geometry is at its biggest there.

Soid and Void

The platonic octahedron provides simple shape but with a lot of them overlapping with each other it would create stunning light affect and shadows.

The object is cut diagonally enable to display more opening

The peaks are pointing at different directions because of rotations

The angle of the boolean differences indicates the direction of the light and wind that go through the opening also.

The shape is rotated perpendicularly so it varies the permeability of the structure.

17 The geometries combined the different angle in its self.

The light is able to go through all the vertical opening

Isometric Diagram 1:1.25

3D Printing

The top part without the support

18

The small voids that do not require support materials After the shape is being booleaned, it is needed to be exported as mesh or .stl. The maker bot then calculate the hours and materials. To be efficient, having less support is always the best solution so I orient it to be on the most flat solid side and having the void part at the top.

Physical model

19

The overall look of the physical model. The effect on the light that shade on the model speaks for its slanted surface and texture.

The closed up shot focuses from the back displaying the possible vertical opening.

Yet, with a distinct void that has been crafted out.

100 word describing your project. Below are some questions as prompt.

1) What is your concept?

2) How does it satisfy the inhabitation brief for both the lunchtime seminar and an evening quartet performance?

3) How is the ground articulated to facilitate circulation?

4) Describe the material and how its effect the inhabitation of the space?

TWISITED PAVILION

20

PROJECT TITLE

Sectional Diagram The ground are extruded corresponding to the curvy shape of the pavilion to blend it with the surrounding.

The structure is created using parametric curves arraying in polar style.

The volume is larger at the centre to accomodate variou acitivities

The threshold at the top is created along the curve as well to let the light in.

21

Section cut revealing the interior

The step seatings diffentiate itslef from using different materials.

The main circulation is easily located. It is either go through the pavilon or circle around the pavilion

Isometric Diagram 1:50 0

1000

3000mm

Pavilion The shells are divided into 2 pieces because of the serpentine opening that starts from the ground. The two shells/shelters efficiently provides the shade and protection for rains.

Sectional Diagram The step seating is alternated from the shape of the pavilion and being blended to part of the landscape since it is located in a park.

22 Circulation The dominant circulation is apparent to be through the pavilioin while it is also posible to be around the pavilion and landscape.

The pavilion sits parallel to the main St. Kilda Rd. Therefore the activities or performance is not distracted by the traffic or pedestrians who pass by, as well as creating semi-private sense in the area.

ST.

AR D L KI

D

Site Plan

23

ST

N

RD A LD . KI

Top view 1:200

Site Plan 1:1000 0

20000

60000mm

Design iterations

24

The larger volume at the centre can create

The star liked shell has extraordinary form yet the

It has a smooth surface that can create

many opportunities in term of space usage.

texture is appeared to be too rought. Also, the

outstanding lighting and shadow. However, the

Yet, the twisted form is interesting, the hexagon

internal volume is not being used efficiently with

internal space is too enclosed. Light can only

profile is too common.

this type of surface.

go throght the front and back.

Grasshopper Process

The opening is created from open loft surface but to get a larger opening, a Graph mappers are used to construct the shape of the initial curve. The first

curve needed to be move The two starter curves are then

25

graph controls the overall shape that can

arrayed in a polar style using

WEAVE is used to detect the two

be changed according to the type of

ARRPOLAR where the number

set of different scaled curves and in

mathematical funtion. The rest control the

of curves and the angle can be

order to build the surface. Next, the

width and height as well as the number of

adjusted.

shape is baked out and booleaned

round.

The initial curve and the scaled one

to sit on a flat ground.

Both starter curves being arrayed in a polar style

The double open loft surfaces needed for solid object

Realistic render images from UNREALS Vignette 01 Pavilion approach to the main entrace and to the performing stage

26

Vignette 02 Night view of pavilion seeing the structure of the pavilion

360 Image

27

28

The pavilion is made from PLA 3D prining whille the landscape is made from painted 3 mm MDF. 3D printing is choosen since the surface is quite complex, yet, the outcome is satisfying.

The model is cut the half front part, revealing the main entace facing north, step seating and the stage which orchestra will be performing.

Sectional Physical model

29

The opeing that has been cut along the curve

The inside of the surface

30

Digital Design Semester 1 2018 Melbourne School of Design

- 915985 -