DD Portfolio by huangj0360

Digital Design

PORT FOLIO Semester 2, 2019

BY. XUANJING HUANG

Student Number: 996487 Studio Tutor: Shiqi Tang Stuido Number: 31

Profile Reflection: Education: 2018 - current The University of Melbourne Bachelor of Design 2015 - 2017 Saint Kentigern College (High School)

Awards / Exhibition: 2018

FOD:R Exhibition, AFLK Gallery

In the design approach, I focused on how people interact with space. Therefore, I like to create a design that is comfortable for people to use. For instance, I have considered the relationship between the build-

Skills: Rhino email: huangj0360@gmail.com

As a design student, I am passionate to design projects that are entirely new to me; hence, I can acknowledge new skills and techniques. Although the challenge and difficulty are always present while creating a new aspect, I will still enjoy throughout the process. Throughout the semester, I have improved in many aspects, including analyzing buildings, digital design skills, and exploring ideas. Moreover, I have understood the concept is essential to design, is a key factor that allows people to understand your design.

Grasshopper

ings and the users. For example, I have designed a pavilion that allows people to have a different experience while interacting with space. I have created two distinct atmospheres by using distinct shapes, materials, and colour.

Unreal Photoshop Illustrator Indesign Fabrication

Nevertheless, there are many factors that I need to improve. For instance, I need to cope with my terrible fabrication skills and time management. By developing these two problems, it will allow me to perform a better design.

Content: Precedent Study Diagramming Design Precedent

Generating Design Through Digital rocess

Queen Victoria Pavilion

Module 1: Precedent Study Diagramming Design Precedent

The Radix pavilion is designed by Aires Mateus located in Venice. This pavilion has been cut by three different size of spheres. Therefore, the shape of pavilion create a interesting quality of space. This pavilion is constructed by using steel and the strcuture is created to combine with technology and history to achieve the idea of continuity. The threshold of the pavilion effectively present by utilizing it strucutre. Thus, it create mutiple entrances & exits for transitions.

DIAGRAM ANALYSIS

The pavilion is of contemporary design and is inspired by the arched walkway of the Arsenal galleries. The colour of the outer layer (dark brown with some decay) tends to be denser than that of the internal (brown gold), creating a unique feeling towards it. The dense brown colour establishes a connection to nature and provides a sense of order, which reinforces the idea of stability, stimulating the need to feel protected. Moreover, the outer layerâ&#x20AC;&#x2122;s metal is roughly built, showcasing lingering decay marks that create a feeling of friendless. The colour of the internal spaces are golden brown; this lighter brown shade generates a sense of warmth and stimulates the appetite. Furthermore, the interior metal panels have magnetic curve lines and are reflected by the sunlight. The change of appearance caused by the reflective panels in the internal areas encourages people to enter. The internal structure has separated into three sections balanced by three points. The interior spaces have been cut into spherical shapes, which create interesting spatial experiences. However, some parts of the internal structure have been deliberately designed to direct peopleâ&#x20AC;&#x2122;s pathways by adjustments in height.

DIAGRAM ANALYSIS

Different colours represent three sections. They are red, blue, and green. In each section, the small

The outliers have a dark rust-brown colour that contrasts with the gold brown inner

circle shapes (the same colour exists along each section) represent the density of people. The green

panels. The difference between the colours gives a sense that one is entering into

section has the lowest density since it is narrow and short. This contributes to a sense of udiscomfort.

spaces. The internal areas differ in height, as all sections are cut into incomplete

The blue part attracts more people: it offers a broader view and a bigger open space. The red section

spheres. Therefore, there is a limitation to direct visitor.

is the densest. Therefore, it is full and shows all the internal colours (with an interesting space), leading people to walk in. Humans prefer to walk through sizeable open spaces that have additional interesting patterns which boost the attraction. Therefore, most people would want to use the red section as an entrance. The redarrow represents the direction, and the line indicates the pathway.

Module 2 : Generating Design Through Digital Process: Task A

MATRIX DIAGRAM

Lofts

1.1

1.2

1.3

Key

1.4

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

{0,150,150}

{150,150,150}

{0,0,120}

{0,150,0}

{0,0,120}

{150,120,150} {0,150,0}

{150,120,150}

{0,45,0}

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

{0,0,0}

{0,45,0}

{0,0,0}

{150,150,0}

{0,0,0}

{150,150,0}

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

{150,0,0}

{150,150,0}

{150,0,0}

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

{Index Selection}

Paneling Grid & Attractor Point

2.1

{Index Selection}

2.2

{Index Selection}

2.3

2.4

{0,224.73,150}

{-118,166,92}

{-40.35,561.47,-21.49}

{-157.35,-30.45,120.56}

{-149.24,115,-572}

{0,351.84,0}

{-142,-38.83,0} {-142,-38.84,0} {211,362.51,21.86}

{11,-30.84,0}

Paneling

{Attractor Point Location}

3.1

3.2

3.3

3.4

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

{0,150,135}

{0,150,150}

{0,150,105}

Grid Points

EXPLODED DIAGRAM Refer to the page 9 matrix diagrams, these are the process for exploring the final design. The first row represents the process of exploring different iteration surfaces. This allows me to understand how to manipulate the surface in an appropriate way and also generate a relationship between the two surfaces. Moving on, the second row demonstrates the uses of attraction point. I have applied two of these command in grasshopper, which allows me to change the orientation of the points. Lastly, the third row indicates the pattern and geometry for the two surfaces. Each individual module has a two pyramids shape which shares in the same rectangle base. I have created multiple attempts for the design by creating 2d and 3d geometries to form a sequence of the pattern. The 2d geometries are simply extruded lower or equal to 10mm (height) and everything else that above represents the 3d function.

Scale 1:3 @A4 (drawning in milimeters)

0mm

30mm

90mm

GRASSHOPPER SCRIPT

The script starts with a cube shape as a bounding box and measure in 150x150x150cm. Then, the command of Deconstructed Brep which breaks the curve into edges and divided into coordinate points to form a line. The surfaces are created based on the line (connect by two points(Starting point and Ending point) and using command loft) By using this script, it supports me to understand the developed surface and enable to produce different iteration of surfaces. Therefore, I have down different trials by changing the number of two points to play around with the surface.

GRASSHOPPER SCRIPT

Using Grasshopper to create a bounding box

Creating surfaces by manipulating the numbers

The Outcome of Surfaces generate by Grasshopper

Baked out the surfaces

GRASSHOPPER SCRIPT

Using Grasshopper to create waffle structure

Create and bake out the waffle panels for laser cut

Making designed modules for surface

Final outcome of the surface panels and waffle (joined)

LASER-CUT For the surfaces I have used the command of Unrollptsrf to create the flat surface and use pttabs (2mm) to create tabs around the surface, which allows me to fold it to form as a physical model. Moving on, the waffle strips laser cut was created by make 2d in grasshopper. The black line represents cut and the red line indicates the etch.

Surface A

Surface B

Waffles horizontal x5 x4 x3 x2 x1 x0

Waffles Vertical

x10

x11

x12

x13

Module 2 : Generating Design Through DigitWal Process: Task B

SECTION ISOMETRIC DIAGRAM Iâ&#x20AC;&#x2122;ve select my third model for the isometric section, hence it has more interesting of space contrast. I have used the hexagon volume as the boolean geometric. The model itself should be structured in a 150x150x150 cube. However, all the cutoff of geometries is all present inside the cube. Therefore, I have decided to cut part of it, and it shows on the left with a rectangle shape. The shape of the model looks like an apartment with different stories, while each layer has its characteristic. Because the way of the cutoff is different, hence it creates a different experience of space, which can be exploring further. I like the idea of having various openings since it can be used for a different purpose. Also, it allows people to have a variety of interaction in each fragment.

Scale 1:1 @A4 (drawning in milimeters)

0mm

10mm

30mm

M2 Cellulations Variation (Attractor Point)

1.1

MATRIX DIAGRAM 1.2

1.3

Key

1.4

{0,0,0}

Attractor / Control Points (X,Y,Z) Grid Lines Hidden Lines (Interior structure)

{123,179,83}

{42,-39,84}

{Attractor Point Location}

Size Variation

2.1

{Spherical Manipulation}

Shape Exploration

3.1

{Geometry Substitute}

{-39,36,0}

{Attractor Point Location}

2.2

{Spherical Manipulation }

3.2

{Geometry Substitute}

{130,197,0}

{-39,41,122}

{Attractor Point Location}

2.3

{Spherical Manipulation }

3.3

{Geometry Substitute}

{123,179,83}

{Attractor Point Location}

2.4

{Spherical Manipulation }

3.4

{Geometry Substitute}

The first row of the matrix is focusing on the distribution between the 3x3x3 grids. I have tried multiple iterations of approach by changing the direction of the point attractor in grasshopper. The second row is creating geometries and manipulating them into different locations. This section has the same prototype shape and adjusts the size for various trials.The last row is to demonstrate the different uses of geometry. I have attempted using a cylinder, rectangle, hexagon shape. Also, combining two different geometries.

GRASSHOPPER SCRIPT

Duplicate bounding box and boolean for Adding point attractor to the grid which

the gemotries (Create by the box centroid

allows me to change the direction of the

and attraction point. Both ready for bake

grid in order to create different versions of

into Rhino for the cutout.

Generate a 3x3x3 grid plan in X,Y and Z units.

grids by manipulating the numbers and

Forming a 150x150x150 cube as a

As a result, it forms a 3d grid points on each

position of attraction point.

bounding box.

surface of the cube.

Adjusting the size of geometry by changBox centroid is used to locate the geom- ing the value of the number and location etry by extruding the volume from 3d grids.of the point.

This script is only for creating sphereical script.

I have used two scripts for creating the design for the parametric model, both scripts are majority the same, except for the box centroid. The first row of the script is for different geometry and the second script just for spheres. 19

FABRICATION PROGRESS

Image of your final model or other process

Task 02 3D Printing Makerbot Screenshot after calculation. First iteration of the printed model.

Set up 3d prints model in makerbot.

Second iteration of the printed model.

Module 3 : Queen Victoria Pavilion The concept of my pavilion is comparing various materials, which allows the visitor to experience a different atmosphere. Therefore, the interior and exterior are applied with different materials also in a different colour. Observing the surface of the Pavilion, it only appears with concrete and glass. But, moving inside the Pavilion, it present with the white limestone panels which differ to the outside facade. This kind of idea approach also reinforced in the landscape, which distinct between circulated white concrete and dark rectangular shaped limestone. Therefore, I have named this design â&#x20AC;&#x153;Alteration.â&#x20AC;?

Alteration

DESIGN ITERATIONS

Iteration 1 Although, it combine two variations of idea in this design, but the form it self is a bit boring.

Iteration 2 Iteration 2 does not achieve the concept that I want to cope with, hence it is too rigid.

Iteration 3 This designis lacking of idea of spatial quality, hence it does not provide depth.

EXPLODED DIAGRAM

M3 - Alteration

The intersection between the seats and the stripes.

The intersection between the stage and the stripes.

Massive solid hybrid conrete stripes create frame view allows people to have a different experience when observing the pavilion (In

Glass stripes allow the transfer of light, which create interesting light reflection. It differs during day time and night time. The combination of hybrid solid stripes and glass create a different atmosphere at a separate time.

Xuanjing Huang - 996487 Each stripe combined with various different materials (Except the glass stripe) and separated into three aspects. The top strips and middle panel are covered with polished with black concrete. The bottom panel is covered with polished white limestone.

Two different materials generate each stripe. The base structure (excluding the panels) is made from concrete.

Exploded Isometric 1:50 0

1000

3000mm

Explode the surface

GRASSHOPPE SCRIPT

Create points follow the sequence

Create curves from two points (All

and divided evenly into points

points)

After joining the lines, create the surface between the lines.

Joining all the points together Create the edge lines of the surface

GRASSHOPPE SCRIPT

Repeate the method to create other half of surface

Create thickness of the surfaces.

FABRICATION PROGRESS

3D print in makerbot for my pavilion.

Laser cut for the landscape

360 IMAGE

Digital Design Semester 1, 2019 32