Dd protfolio

Page 1

Digital Design - Portfolio Semester 1, 2018 Yuchen Zhang 940639 Joel Collins , Studio 19

1


Education: 2017 - current

Bachelor of Design, Melbourne University

2016 - 2017

Trinity College

Award: Email:

Alison Wehrmann award

yuchenz12@student.unimelb.edu.au

Skills: Rhino Grasshopper Unreal Photoshop Illustrator Indesign Fabrication Photography

2

In my design, I mainly focus on the use of material, the effects of light, and the threshold created by those two elements listed above. Through this subject, my Rhino skill has been improved dramatically. Also, I was introduced to parametric design, this is achieved by using Grasshopper. More importantly, the lessons about the Unreal engine, a such useful application that definitely needs to be mastered, changed my perspective on rendering. My aspiration for Module 3 is to create threshold by manipulating the light and using different materials. For example, the dichroic panels will reflect light, creating lovely patterns to impress people. Moreover, the sitting area has a timber finish on top to improve people’s experience. Lastly, my model making skill and the ability to present need to be improved in the future.


Content: Profile ......................................................................................... 02 Precedent Study ..................................................................... 04 Generating Design Through Digital Processes ............. 07 Task 1 .......................................................................................................................... 08 Task 2 .......................................................................................................................... 15

Light pavilion............................................................................. 22

3


Toyo ito pavilion www.pinterest.com

MODULE 1 Precedent Study

4


Diagramming Design Precedent

As a starting exercise, the process of imitating others work is really helpful for not only the case of skill building but also the understanding the basic concepts. The pavilion that I chose for my precedent study is the Toyo Ito pavilion. I was introduced to the concept of threshold and circulation. From my understanding, the threshold of the pavilion could be taken as the change of mood. People will have a relatively lower mood when walking along outside the pavilion and have a good mood when gathering with their friends. In addition, people tend to follow the shortest path to go around the pavilion and also have the tendency to be attracted by the surrounding context(e.g table and chairs).

Isometric of theprecedent study

5


NC

E

m EN

TR

AN

CE

Isometric 1:50

Diagram 01 0

1000

Diagram 02

3000mm

E

NC

RA

T EN

CE

AN

TR

EN

Structure

Structure

Structure with the entrance Primary Circulation Space Structure with Primary Circulation Space

Circulation paths

Threshold of mood

Circulation paths

Threshold of mood 1:250 Circulation 1:200

Circulation Diagram

Threshold Diagram

6

Threshold of mo

Threshold of mood 1:250


Physical models of module 2

MODULE 2

Generating Design Through Digital Processes 7


Task 1

For my panels, I attempt to use attractor point to create patterns. However, I could not get what I want by using attractors. Therefore, I decided to bake out three different panels, consisting of both 2D and 3D panels, on each side and then put them together to form the ideal effect. On the other hand, for my waffle structure, it is really interesting that the waffle is generated by a set of surfaces. In the beginning, my surfaces are too crazy to generate a constructable waffle structure. Then, a few adjustments were made to get the final outcome.

8


Design Matrix

Lofts

1.1

1.2

1.3 {150,0,150}

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

Key

1.4

{0,150,150}

{0,0,0}

{-150,-150,150}

Attractor / Control Curves Grid Points

{-150,0,150}

{150,150,150}

{150,0,150}

{150,150,60}

{0,0,0}

{150,0,0}

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

{150,0,0} {Index Selection}

Paneling Grid & Attractor Point

2.1

{0,-150,0}

{0,0,0}

{Index Selection}

{Index Selection}

{Index Selection}

2.2

2.3

2.4 {1424,275,217}

{205,86,240}

{86,60,71}

{-192,-59,-8}

{79,86,57}

{71,170,60}

{7,-26,-20}

{-192,-59,-8}

Paneling

{Attractor Point Location}

{Attractor Point Location}

{Attractor Point Location}

{Attractor Point Location}

3.1

3.2

3.3

3.4

+

Design Matrix 1: 20 Design Matrix 1:5

9

Attractor / Control Points (X,Y,Z)


+

Design Matrix 1:5

Surface and Waffle The overall patern on this side looks almost like a wave that starts from the bottom right corner, ends in the top left corner. Also, the panels are dissolving with this patern, from solid to hollow.

A hollow waffle structure allows for the creation of an

The hollow panels allow lights coming into the structure and creat certain patterns.

Solid panels creat a sence of isolation between the interior and the exterior. It is a visual boundary that forms the interior space.

5

These panels start with 2D and gradually grows until reach the highest point in the middle.

Exploded Axonometric 1:1 0

20

60mm

10


Computation Workflow - Surfaces and Panels

Creating a 5x5x5 bounding box inorder to generate two surfaces.

In the bounding box, two surfaces were generated, with the change of the number sliders, the shape of the surfaces can be manipulated.

11

With the reference of a set of surfaces, 2D or 3D panels can be created by using paneling tools and Weaverbirds.


Computation Workflow - Waffle structure

Transform surfaces into grid

Creating horizontal and vertical contours

Generating rectangle to make the structure 3 dimontional

12

Flatten the waffle for laser cut


To make the model ready for laser cut, 3D objects need to be unrolled and to be put into right layer. In addition, proper nesting are help to save recourses.

Waffles were glued together

13

Panels were folded with the help of pen knife


Photo of module 2 task 1

14


Task 2

After I finish my Grasshopper definition, I began the exploring of shapes. It’s very interesting to test which looks better when we need to boolean subtract them. In the end, I decided to use polyhedron as my final shape. The reason is that I want to create a space where it can have a different level of light going on at the same time. Having lots of surfaces, light could bounce in different directions, therefore, creates different feeling throughout the day.

15


SOLID AND VOID Here could be the entrence of the space. The passage gradually becomes wider and wider .

A serious of polyhedron wall form this sequential space. This space will fill with diffused light reflected by each face of the wall.

Light could come into this structure througn these oprnings.

If we put this structure face side down, this arear could be a opening on the ground. Light could shine in through the reflection of the ground.

The volum of the space become bigger and bigger. Therefore, there will be a threshold of mood

5

16


Design Matrix Grid Manipulation

1.1

1.2

1.3

Key

1.4

{0,0,0}

{-215,231,464}

Grid Points {100,27,100}

{100,240,150}

{-215,582,483}

{50,116,50}

{0,240,50}

Item Distribution

{Point Attractor}

{Point Attractor}

{Curve Attractor}

{Curve Attractor}

2.1

2.2

2.3

2.4 {-68,123,361} {153,127,92}

{132,107,95} {-67,-173,210} {-34,15,17}

{235,-132,0}

Item Transformation

{Attractor Point Location}

{Attractor Point Location}

{Attractor Point Location}

{Index Selection}

3.1

3.2

3.3

3.4

{174,137,96} {Consistent scaling - sphere

{Reverse Attractor - sphere}

{Random Scaling - polyhedron}

Design Matrix 1:5

Design Matrix 1: 20

17

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

{150,116,150}

{Random Scaling - polyhedron}


Computational Process

Generating a box

Dividing the bounding box into small boxes and get the central point of each small box. Adding attractor point.

18

Creating 3-dimensional objects with the reference of those central points


M2 Task 2 3D Printing

Test print model

3D printing is a useful way to bring design into reality. It is great to have the opportunity to use MakerBot to make physical models.

Final model. Lights are coming through the opening.

19


The interior space of both test print model and final model.

20


21

Photo of module 2 task 2


Distance view of the pavilion

MODULE 3 Light pavilion

View from a distance.

22


My key concepts for module 3 are how much can the landscape contribute to the architecture and how light can create the threshold, as well as how sound travels, how volume can be increased by it’s surrounding context. The landscape forms the sitting area. People could sit on those large stairs and look down to either the performers or have the lunchtime seminar. Moreover, the transparent dichroic panels allow more people to engage with the event from the ground level. People can enter this pavilion via two sets of downward stairs. Between the stairs is the sitting area. Therefore, the main circulation will happen via the stairs. Lastly, the dichroic panels and the steel structure forms a sheltered area for people to inhabit in. And the timber finish of the seats gives people something soft to sit on.

Front view of the pavilion A front view of the pavilion.

23


M3 - Queen Victoria Gardens Pavilion

Isometric

Key: Primary circulation

Transparent dichoric glass panels allow for the transfer of light and create great visual effact. This connect the interior to the exterior of the pavilion.

The underground space increase the volumn of the pavilion and allows more people to engaged with the pavilion.

The step up is the place where the soft meets the hard, it creates a threshold helping to differentiate the landscape from the pavilion itself.

This shltered area creats a place to allow for viewing of performances inside the pavilion from a higher perspective.

Yuchen Zhang - 940639 The timber finish of the sitting area gives people a soft place to sit on.

Exploded Isometric 1:25 0

500

1500mm

24

These steps creat a threshold allow people to have access to the pavilion


500

0

500 1500mm

1500mm

ow people to have

01

Vignette 01

Night view with artificial light at the front. with artificial light at the front.

Vignette 03

Pavilion view from the back.

02 Vignette 02 Vignette View from the underground level highlighting the dichoric glass. View from the underground level highlighting the dichoric glass.

25


26


27


28


Computational Process

Create 3D panels

Generate points

Generate shape

Create the structure

Apply on surface

29


Fabrication process

Before I got the model, I wasn’t realised how difficult it’s going to be to fold the 1mm mountboard. The technique could be changed from folding to piling.

Since we have a limited time to print, the model is really fragile. It became really hard when I need to clean up the support materials.

30


360 Image Output

Digital Design Semester 1, 2018 31


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.