Portfolio

PORTFOLIO JADE LAVANA HSU

916583 Siavash Malek | Studio18

Digital Design A R C H 2 0 0 0 4

CONTENT

2

04

Diagramming Design Precedent

08

Generating Ideas Through Process

20

Queen Victoria Garden Pavilion

J

ade Lavana Hsu Email: lavana 4642@gmail.com

Education 2017 - Present 2014.09 -

Reflection Bachelor of Design Taiwan National Taichung Girls High School

2016.06

Work Experience 2016 Internship

Tomo Engineering & Construction Company

Awards / Exhibition 2017

MSDX, Melbourne School of Design

2017

FOD:R Exhibition, AFLK Gallery

Skills Rhino Grasshopper Unreal Autocad Vray Render

Design, particularly architecture, is about bringing a positivly way to influence people’s lives, which is also what motivates me to become a designer who thinks out of the box and creates spaces and experiences that make people live better with simple but strong design ideas. Digital Design taught me how to bring those ideas into reality through a process of programming and modeling from Rhino and Grasshopper, rendering in Unreal Engine, and making physical models from fabrication.

Also, the first time of creating Virtual Reality excites me in a way that it combines creative design with technical knowledge to provide integrated solutions for built and natural environments in reality. The pavilion experiment is a way to let me think about how people engage with it and its surroundings and what functions and forms would suit people’s demands most, yet also with aesthetic outcomes. For the improvement of the works, the thinking of the connection bewtween architecture and landscape needs to be considered more deeply and throughly since the design idea needs to be strong, obvious and convincible.

Photoshop Illustrator Indesign Fabrication

3

M1

Diagramming Design Precedent

Peter Zumthor

Serpentine Pavilion 2011

The isometric view is taken from the South-East viewpoint since the level of light and darkness and part of the structure under the angular roof are clearer and more visible from this angle. In the modelling process, it is not a difficult precedent to model in Rhino as it has a symmetrical and geometrical form to shape. The only problem that I faced is that the imported plan and section view were too blur which had a trouble to find the right scale of this pavilion.

Despite the threshold is shaped by the structure itself, it is also defined by the light conditions and pathways. As people starts to walk on the pathways, the experience of the pavilion begins. They would follow the path and feel curious about what is inside since the inner space are seperated from the outside which creates a sense of mysteriousness.

The circulation is informed by the double solid walls and openings, which finally gathering people from outside into the centre of the pavilion and creates chances for people interacting with each others.

Whereas this pavilion has a simple main structure and shape, it consists of a great variety of contempletion and thoughtful intention from Zumthor which he called this pavilion ‘the house of the poem‘ that he designed it for the purpose that people who experienced the space could enjoy the relaxed moment and start to write a poem within their minds.

Isometric of your precedent study

5

M1 AN

THRESHOLD

STRUCTURE

12pm

3pm

SUNLIGHT SHADOW

LIGHT & DARK

6

9am

NALISIS CIRCULATION FORM

CIRCULATION PATHS

VISUAL / FOCAL POINT

PLAY / PAUSE

Slow speed Keep moving

7

M2

Generating Design Through Digital Processes

TASK 02

TASK 01

9

TASK 01

Sprial structure inside the hexagon tunnal to create an internal volume and a visual focal point that draws attention

Protruding hexagonal panels with openings to introduce light into the structure.

10

Pyramid panels with openings on each sides. Follow a direction to match the curved structure surface, showing streamline overall design

Curvy shape of waffle creates a sense of steamline and moving

Considering the ideas of M1, I started with the surface iterations to explore the concept of internal and external spaces. Regarding my decision of the surface, I choosed curve to develop my key concept of my design, which aim to achieve a dynamic and streamline formation. By adding pyramid and hexagonal panels on the surfaces with sprial structure inside the waffle, the light and shadow can be generated into interesting effects which also intriguing relationships in panels’ display of openings in geometry. Moreover, the threshold is defined by the internal spaces and the perforations of panels that how they correlate to the function of the pavilion.

11

Design Matrix

Lofts

1.1

1.2

1.3

(35,181,150)

1.5

1.4 (79,-181,150)

(90,150,150)

(24,0,150)

(119,-84,150) (141,75,150)

(0,0,0) (27,75,150)

(130,20,150)

(119,-84,0) (0,-150,0)

(30,150,0)

(105,0,150)

(0,0,150)

(110,150,0)

(30,0,90)

(105,0,0)

(0,0,0) {Index Selection}

2.1

2.2

(0,0,0) {Index Selection}

Paneling Grid & Attractor Point

Paneling Grid & Attractor Point

{Index Selection}

(0,0,0)

2.3

(41,27,37)

(150,28,0) (0,0,0)

{Index Selection}

{Index Selection}

2.1.1

2.1.2

{Index Selection}

{Index Selection}

3.4

3.5

(-197,99,229)

Paneling

{Attractor Point Location}

{Attractor Point Location}

{Attractor Point Location}

3.1

3.2

3.3

(-91,34,37)

+

12

Computation Workflow

Within a fixed 150*150mm bounding box, the formation of the surface was created by using Grasshopper to customise and refine designs through finding a variety of edges in the box and changing the components and vectors. As seen in the four images above, the idea is to explore a continuous, organic and dynamic form by creating ruled surfaces which enable to develop a series of curved surfaces, and also consider the connection and the in-between space of the two surfaces. I found that there was a number of limitatio n by only selecting the outline edges of the box as the base. Therefore, I tried to twist the surface (second image) and play with different curved surfaces

13

Laser Cut Panels

1

1

Objects share the same line to avoid laser cut for twice for saving

2

1 3

1

Image beside shows the unroll template for waffle structure and panels to laser cut after finishing the modelling in Rhino and Grasshopper. Need to be careful of the layers in the laser cut file which seperate the cut lines and etch lines otherwise the tabs may be cut out.

4 5

1 6

1 7

Number is labelled for all the objects to assmeble the physical modell easier later on.

8

9

Waffle structure cut on 1mm Mountboard Unrolled panels cut on 290GSM Ivory card

14

10

Computation Workflow

3D panels were choosed for both sides of the surfaces by using tilted pyramid and hexagon pattern. By adding Weaverbird picture frame, there are openings in every sides of the pyramid panels that gives a tranparancy to look through. Also, the point attractor allows me to play with the direction of the panels, which make the panels could follow the flow of the structure surfaces.

Whist creating the waffle structure, a fish-like boundary surface surprisingly came out, which indicates a presentaiton of fish movement that gives a of dynamic. Within the waffle, I desided to have a hexagon tunnal with spiral strip cutting through the structure panels which create a tilted second waffle by looking inside from horizontal line.

Whist hexagonal pattern gives a total different experience from the pyramid panel side, it has the flexibility to reflect ligh t into a variety of angles and create interesting shadow.

15

Wrapped area which indicates a sense of individual space

TASK 02

16

Half booleamed geometry contained semi-open spaces facing outward

Wrapped area which indicates a sense of individual space In the selection of which pattern to explore, the spatial qualities and structure intersection are the points to focus on. The aim for this shape is to highlight the perforations to create spaces and thresholds. The varied sizes of the booleaned pattern highlights the concept of private and public spaces that people may use, such as the wrapped areas that may indicates a message of individual space while the larger area could be seen as a gathering space.

From the other side, a total different substraction relates to the control of light which refers to the porosity and permeability in this task. The light illuminates the internal spaces which exploring interaction between the internal and external. It also postulates the flexibilities and possibilities of circulation and transitions through space that define threshold or in-between spaces.

Varied size of openings let the lights pass througn which illuminate the internal spaces in relation to the circulation and transition

17

Design Matrix Grid Manipulation

1.1

1.2

1.3

(150,0,150)

1.4

(77,136,0) (92,132,39)

(-138,22,-5)

(140,35,0)

(39,2,100) {Curve Attractor}

(150,150,0)

Object Distribution

2.1

{Curve Attractor}

{Curve Attractor}

{Cruve Attractor}

2.2

2.3

2.4

(44,154,170) (92,54,123) (-138,22,-5)

(114,131,135) (-17,82,0) (131,30,40)

(92,132,109)

(78,84,-5)

Shape Transformation

18

{Attractor Point Location}

{Curve Attractor}

3.1

3.2

{Panel experimentation}

{Panel experimentation}

{Curve Attractor}

3.3

{Scale experimentation}

{Point Attractor}

3.4

{Final Boolean Result }

Computation Workflow

Through trying a variety of booleam pattern, I found that the deformed hexagonal cone, which is the most simplest pattern that I have, workes the best to define porosity and also had the interesting intersection cut between the objects. By exploring different attractors including curve and point, I stick to the point attractor which could adjust the distribution of the pattern in the scale and form that I am satisfied with. To achieve 25% of the cube volume, I cut the booleamed box into a triangular prism, which is 1/8 of the box, that not obtained the origin form of the box but also introduce varied spaces in other sides.

19

M3

Queen Victoria Garden Pavilion

Origami Pavilion

DESIGN CONCEPT Based on the ideas of multi-threshold from Module 1 and varied experiences between inside and outside from Module 2, I continued these points in my Module 3 and thus created a pavilion in an origami basis. Inspired by the precedent of Libeskind’s serpentine pavilion from other groups in the studio, I tried to develope a different feelings towards the users in the pavilion by exploring a variety of angles and materials of those foldable panels with the reflection of the light from the inside extruded crystal skin and water reflection of the pavilion itself combined with the landscape around it.

The pavilion main purpose is to host a lunch seminar and a evening concert for 30. The overlapped panels create the openings which allow the light come through and the narrow spaces as thresholds for people to explore.

21

ORIGAMI

PAVILION

ANALISIS

Semi-transparent crystal skins inside two middle panels allow the sunlight and artificial light go through and create shinny effect inside the pavilion in contrast with the metal panels.

Origami Representation Diagram

Curvy double layers of timber seats provide a formal sitting area for people to have seminar inside the pavilion.

Stone steps form as paths through the water feature towards pavilion, connecting to the main entrances.

The folded panel defines a threshold which is one of the main entrance of the pavilion.

24

Mirror skins inside the panels create the reflection of people at day and the reflection of colour lights at night.

THRESHOLD

Metal panels based on origami order form an explorable pavilion and create a reflection of surroundings such as trees and water feature on the cladding surface.

CIRCULATION PATHS Primary Circulation Circulation Paths

Geometrical openings on one side of the metal panel enhance the richness of lights and give a connection between people from internal and external areas of the pavilion.

OCCUPATION Sitting Area (longer stay)

Standing Area (Shorter stay)

Walking or Viewing Area

25

Panel iterations

Design Matrix

Arrangment

1.1

1.2

1.3

1.4

{Index Selection}

{Index Selection}

{Index Selection}

{Index Selection}

2.1

2.2

2.3

2.4

{Attractor Point Location}

{Attractor Point Location}

{Attractor Point Location}

{Index Selection}

12pm

3pm 9am

Sunlight Study

26

Computation Workflow

Creating inside skin and opeing patterns by using Grasshopper plug-ins (Weaverbirds / Lunchbox)

Iterations of design through variating parameters and components in Grasshopper.

Iterations of design through Rhino modelling.

27

M3 MODEL PHOTOS

28

Digital Design Semester 1 , 2018