Digital Design - Portfolio by Chloe Huang

DIGITAL DESIGN

CHLOE HUANG

9 9 1 4 8 4

ARCH20004 SEMESTER 01 - 2019

ABOUT.

EDUCATION

chloehuang9999@gmail.com

2018 - current University of Melbourne 2016 - 2017

WORK EXPERIENCE

AWARD / EXHIBITION

Bachalor of Design

Launceston College

2019

UNIQLO

2017

Launceston Cafe Culture

2014 - 2016

Small Animal Protection Center

2019

MSDX winter 2019 Digital Design exhibition MSDX winter 2019 Design Studio Beta exhibition

SKILL

SketchUp Grasshopper Rhino Unreal Engine 3dsMax Photoshop Illustrator Indesign Photograph Fabrication

CONTENTS.

MODULE 1 DIAGRAMMING DESIGN PRECEDENT

- INFORMATION OF SELECTED PRECEDENT - PRECEDENT ISOMETRIC DIAGRAM - CIRCULATION DIAGRAM - THRESHOLD DIAGRAM

MODULE 2 GENERATING DESIGN THROUGH DIGITAL PROCESS

- DESIGN MATRIX - GRASSHOPPER SCRIPT - EXPLODED ISOMETRIC - REFLECTION - PRESENTATION

MODULE 3 QUEEN VICTORIA GARDEN PAVILION

REFELECTION

STUDIO 01 SRUDIO TUTOR ALISON FAIRLEY ____ SENIOR TUTOR NANCY SAMAYOA TECH TUTOR LEAD MICHAEL MACK

Melbourne

____

School of Design

SUBJECT COORDINATOR PAUL LOH

Faculty of Architecture, Building and Planning

MODULE 1. DIAGRAMMING DESIGN PRECEDENT

IN THIS MODULE, WE NEED DIGITALLY MODEL A PRECEDENT STUDY (A PAVILION) FROM ORTHOGRAPHIC INFORMATION PROVIDED ONLINE AND EXPLORED DIAGRAMS AS A MEANS OF COMMUNICATION.

IN THIS MODULE, WE WERE DIGITALLY MODEL A PRECEDENT

ARCHITECTS

STUDY (A PAVILION) FROM ORTHOGRAPHIC INFORMATION

BARKOW LEIBINGER

PROVIDED. EXPLORING DIAGRAMS AS A MEANS OF COMMUNICATION.

LOCATION LONDON, UNITED KINGDOM

ARCHITECT IN CHARGE FRANK BARKOW, REGINE LEIBINGER

BY COMMISSIONING A TEMPORARY SUMMER PAVILION BY A

AREA

LEADING ARCHITECT EVERY YEAR, THE SERPENTINE GALLERIES

50.0 SQM

IN LONDONS KENSINGTON GARDENS IS KNOWN AS AN INTERNATIONAL SITE FOR ARCHITECTURAL EXPERIMENTATION.

PROJECT YEAR

ITS ARCHITECTURE PROGRAMME EXPANDS FOR 2016 WITH

2016

FOUR SUMMER HOUSES JOINING THE SERPENTINE PAVILION. PHOTOGRAPHS IWAN BAAN, INA REINECKE

QUEEN CAROLINE’S TEMPLE, AN 18TH CENTURY HISTORICAL “SUMMER HOUSE” ATTRIBUTED TO WILLIAM KENT AND SITUATED IN THE PROXIMITY OF THE SERPENTINE GALLERY, STANDS SEEMINGLY PURPOSELESS FACINGA LARGE MEADOW. A SECOND, TODAY EXTINCT, PAVILION ALSO DESIGNED BY WILLIAM KENT WAS SITUATED ON A NEARBY MAN-MADE MOUNTAIN CONSTRUCTED FROM THE DREDGING OF THE ARTIFICIAL THE LONG WATER. THIS SMALL PAVILION ROTATED MECHANICALLY 360 DEGREES AT THE TOP OF THE HILL OFFERING VARIOUS PANORAMIC VIEWS OF THE PARK AND, RECIPROCALLY, DIFFERENT VIEWS OF ITSELF WHEN SEEN FROM THE PARK. IT WAS MEANT TO BE SEEN IN THE PARK AND WAS MEANT AS A STRUCTURE FROM WHICH TO SEE ITS SURROUNDINGS. THE LITTLE MOUNTAIN AND HOUSE DISAPPEARED AT SOME POINT IN HISTORY.

WITH THIS IN MIND (TEMPORALITY AND THE ABSENT HOUSE) BARKOW LEIBINGER DESIGNED A PAVILION IN-THE-ROUND STANDING FREE WITH ALL ITS SIDES VISIBLE. IT IS CONCEIVED AS A SERIES OF UNDULATING LINES CONSTITUTING BANDS AND FORMING PART OF THE STRUCTURE THAT IS REMINISCENT OF A CONTOUR DRAWING (OR THE ACT OF DRAWING A FORM WITHOUT LIFTING THE PENCIL UP FROM THE PAPER AND ONLY LOOKING AT THE SUBJECT). THE LOGIC OF GENERATING A STRUCTURE FROM LOOPS OF RIBBON IS A SELF-GENERATING ONE AND COMES FROM A LOGIC OF MAKING THAT IS, BY COILING MATERIAL IN YOUR HANDS ROUND AND ROUND THEN STACKING THE MATERIAL UPON ITSELF.

THE CIRCULATION PATHS SHOW THE BEHAVIOR OF PEOPLE. PEOPLE COME FROM THREE MAIN DIRECTION - ROAD, HOUSE, AND MANMADE MOUNTAIN. THE MOST VISITORS ARE FROM THE ROAD, THEN THE HOUSE AND A FEW FROM THE MOUNTAIN WHICH ACCORDING TO THE SITE. MOST OF THEM MAY WALK AROUND THE PAVILION AND SIT DOWN AT THE SEATING AREA TO HAVE A REST. THEREFORE, THE HIGHEST DENSITY OCCURS AROUND THE BENCH AREA.

IN MY STUDY OF BARKOW LEIBINGER’S SUMMER HOUSE, I DEFINED THE THRESHOLD IS WHERE PEOPLE FEEL THEY ARE INTO SPACE UNDER A STRUCTURE AND BEEN SHADED. SO WITH THIS DEFINITION, I DID SUN STUDY TO WORK OUT THE SHADING OF THE PAVILION. THEN I COMBINE THE CANOPY SHAPE AND SHADE AREA TO FIND THE THRESHOLD. THE OUTLINE OF DARKEST(OVERLAP) PART BECOMING THE MAIN THRESHOLD.

M O D U L E 2.

GENERATING DESIGN THROUGH DIGITAL PROC

CESSES .

TASK A SURFACE AND WAFFLE

IN THIS MODULE, WE WERE EXPLORED DIGITAL FABRICATION AND PARAMETRIC SOFTWARE THROUGH TWO TASKS. TASK A WERE REQUIRED TO WORK WITH SURFACE AND LASER CUTTING TECHNIQUES. UNDERSTANDING PARAMETRIC DESIGN USING RHINOCEROSâ&#x20AC;&#x2122; GRASSHOPER PLUGIN AND PRODUCING MATRIX DIAGRAMS.

DESIGN MATRIX

Lofts

1.1

1.2

1.3

Key

1.4

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

{15,150,150}

{150,120,150}

{30,150,150} {75,0,150}

{15,150,150}

{45,150,150}

{30,150,150}

Attr

{60,150,150}

Grid

{150,0,105}

{0,0,105}

{150,0,90} {150,0,75} {150,0,45} {150,0,30}

{0,150,0}

{45,0,0}

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

{0,150,0}

{120,0,0}

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

{0,150,0}

{90,0,0}

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

{0,150,0}

{Index Selection}

2.1

2.2

2.3

2.4

Paneling Grid & Attractor Point

Paneling Grid & Offset Grid

{Index Selection}

{OffSet Grid}

Paneling

3.1

3.2

{33,45,77}

{168,81,80}

{Attractor Point Location}

{Attractor Curve Location}

3.3

3.4

Key {0,0,0}

,0,0}

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

{60,150,150}

{45,0,0}

Grid Points

MATRIX {150,0,45} {150,0,30} {150,0,0} {135,150,0}

01 CONSTRUCTION A POINT USING Pt. CREATING A 150 * 150 Rectangle, Etrude IT, Cpping IT, THEN USE DeBrep TO EXTRACTING EDGERS. 02 USE List Item TO SELECT THE FOCUS EDGES, Dividing THEM INTO 5 SEGMENTS, Selecting POINTS AND FORMING Lines THEN Lofting BETWEEN EDGES. 03 USING ptSrfDomNum, ptOffsetGrid, ptCrvAtts and ptMorph3D WITH DIFFERENT COMBINATIONS OF SERIES OF VALUES AND ATTRACTORS FOR PANELLING.

Attr

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

EXPLODED ISOMETRIX

Grid offset done using Graph Mapper

Point Attraction controls the height of pyramid

Curve Attraction controls the ttraction between two pyramid on a grid.

Grid offset done using Graph Mapper

Point Attraction controls the height of pyramid

Hollow waffle structure generates an interior space to the exterior-focused design.

Curve Attraction controls the ttraction between two pyramid on a grid.

Curve Attraction controls the size of the perforations on the 2D panel. Create a sense of gradual change

THE LASER CUTTING PANELS WERE CREATED BY USING THE UNROLL COMMOND IN RHINO. IN UNROLL SURFACES WERE VERY DISPERSED, SO I WERE TRYING TO LINK THE MAXMUM SURFACES TOGETHER TO GENERATE MINIMUM TABS TO REDUCE THE WORK TIME AFTER PRINTTING THEM OUT BY COMPARING THE MARKS IN RHINO MODELS. I USED ETCH FOR THE FOLDING LINES. ACCORDING TO THE THE LASER CUT, THE MACHINE CAN ONLY CUT ONE SIDE, SO I SPEND SOME TIME TO WORK OUT WHICH LINE IS FOLD FORWORD AND WHICH BACKWORK. AFTER THAT, I USED CUT KNIFE TO FIX THE LINES FOR BETTER FOLDING RESULT. THE WAFFLE LASER CUT PANELS WERE CREATED BY GRASSHOPPER. THE PANELS ARE ORIENTED TO THE Y PLANE AND I HIDE THE TEXT TAGS IN THE LASER CUT FILE IN ORDER TO HAVE A CLEAN LASER CUT RESULT.

GRASSHOPPER SCRIPT

Surface Develop

Waffle Develop

THE BOTTOM FACE OF THE WAFFLE STRUCTURE NEEDS TO HAVE SUFFICIENT LARGER AREA THAN THE TOP FACE TO SUPPORT THE OVERALL WAFFLE STRUCTURE. THIS CREATES EQUAL DISTRIBUTION OF WEIGHT ACROSS THE WHOLE STRUCTURE. THE WAFFLE IS DIVIDED ACCORDING TO THE DISTRIBUTION OF THE PANEL SO THAT THE STRUCTURE WILL BE HIDED WHEN VIEWING THE PANELS AND ALSO EASIER TO GLUE THE PANELS TO THE WAFFLE.

GRASSHOPPER SCRIPT

Patterns Develop

THE LEFT SURFACEâ&#x20AC;&#x2122;S PANELS HAS MORE PERFORATIONS WITH SIZES BEING THE SMALLEST AT THE HIGHEST AND LOWEST CORNER AND LARGEST IN THE MIDDLE. THE INTIAL DESIGN IDEA IS TO CREAT A WATERFALL FEELINGS SO I DEISGN THE HIGHEST SURFACE ON THE TOP WITH HIGHEST PYRAMID AND ON THE LOWEST PART THE SURFACE BECOMES FLAT AS A 2D PANEL.

PRESENTATION

TASK 1 REFELECTION

WHAT I LEARNED

SOFTWARE UTILISED

- PARAMETRIC DESIGN USING WHINOCEROSâ&#x20AC;&#x2122; GRASSHOPPER PLUGIN

- RHINO 6

- CONSIDERING TIPS AND ISSUES OF LASER-CUTTING

2D AND 3D PANELS - GRASSHOPPER

(TOLERANCWS, NESTING AND FILE PREPARATIONS)

PANELS AND WAFFLE MODELLING

-TIPS AND SKILLS OF CRAFTMANSHIP

-ADOBE ILLUSTRATOR

-PRODUCING MATRIC DIAGRAMS

GRAPHIC DETAILS & LINE WEIGHT

-USE DIGITAL MATERIALS TO UNDERSTAND ITERATIVE DESIGN PROCESS

-ADOBE INDESIGN PIN-UP SHEET LAYOUT

- ANALYSING MODEL DESIGN USING ISOMETRC DIAGRAM - SIGNIFICANCE OF ALTERING LINEWEIGHTS - PROJECT TIME MANAGEMENT

MODEL PHOTOGRAPH MATERIAL - 1MM MOUNTBOARD - 1MM WHITE MOUNTBOARD

PRESENTATION

MODEL PHOTOGRAPH EQUIPMENT - CANON 6D - 2* STUDIO LED LIGHTS

TASK 2 SOLID AND VOIDS

IN TASK B, WE WERE WORK WITH VOLUME AND 3D PRINTING TECHNIQUES. THE AIM OF THE MODULE IS TO UNDERSTAND THE ITERATIVE NATURE OF DIGITAL DESIGN AND WORK THROUGH A WORKFLOW FROM DESIGN TO PHYSICAL OUTCOM.

DESIGN MATRIX

1.2

1.3

1.4

Iteration

2.1

2.2

2.3

2.4

Sphere

Sphere & Cone

3.1

3.2

3.3

3.4

Boolean Geometry

Grid repelled from point

1.1

While rialling with different iterations, I intended to create a form that has many dimensions to it when viewed at different angles and also with variation in the trimmed surfaces. Therefore using point attractor I needed to arrange the distribution of shapes with some receding backwards and some coming forward.

ISOMETRIX

The boolean geometry creates terraces for people to sit and enjoy the sunshine.

Atrium invites sunlight into the interior space. Boolean geometry create interesting sculpture decoration for the building. This provides entrance for circulation.

These exterior boolean creates outdoor area for people to use and rest.

There are threshold openings on all four sides of module. This provides entrance for circulation.

ISOMETRIX WITH SCALE

Use List Item to select first

The reason I choose this result is because this module has very interesting space for using. This module can be considered as a building and also a sculpture.

GRASSHOPPER SCRIPT

Repeat similar steps for Surface 3-6 Grid

Baked Boolean Geometry in Rhino

After Boolean

PRESENTATION

MODEL PHOTOGRAPH EQUIPMENT - CANON 6D - 2* STUDIO LED LIGHTS

M O D U L E 3. QUEEN VICTORIA GARDEN PAVILION .

QUEEN VICTORIA GARDEN, ST KILDA ROAD, MELBOURNE, VIC 3004 LATITUDE 37.8218744 LONGITUDE 144.9704656

IN THIS MODULE WE WERE DESIGNING A 5*5*5 METER PAVILION ON THE SELECT SITE WHICH ALLOW AN EVENING QUARTET CONCERT FOR AN AUDIENCE OF 30 PEOPLE AND LUNCHTIME EMINAR WITH 15 GUESTS AND 1 PRESENTER.

GRASSHOPPER SCRIPT

EXPLODED ISOMETRIX

Use polyholo grass for the ceilin When the sun shines on it, it for

Membrane structure roof on t â&#x20AC;&#x2DC;cloudâ&#x20AC;&#x2DC; form to provide shade

Thin steel was used or the pa building was formed visually to form

Use the same element as the

Big opening to invite people co

The rotating walls serve as a interior of the pavilion from landscape creates visual con and the surrounding. It also con lunchtime seminar.

Smooth white concrete allows lightwhich helps to illuminate th

Having vagetation as a part of integrate into the landscape

ISOMETRIX

ng of pavilion. rms a colorful spaceã&#x20AC;&#x201A;

the top of pavilion to provide a and shelter.

avilion structure, and a very light o achieve the concept of smoke

e pavilion to be the seat of this

THE CONCEPT OF PAVILION IS TO EMPLOY THE IDEA OF SMOKE AND CLOUD TO CREATING THE FEELING OF LIGHTNESS, BRIGHT AND UNWIND FOR PEOPLE WHO USE THE PAVILION.

ome into the space

a threshold that separates the m its surroundings. The rotating nnection between the pavilion ncentrate the voice when having

s for the transfer and refelction of he pavilion at night. POLYHOLO GLASS

ROAD

MEMBRANE STRUCTURE

WATER FEATURE

STEEL FRAME

THRESHOLD

pavilion allows it to be seamlessy CIRCULATION

PRESENTATION

LOOKING BACK TO THE THREE MODULE IN THIS SEMESTER I HAVE GAINED AND DEVELOPED TECHNIQUES. IN MODULE 1 I DEVELOP THE SKILL OF RHINOCEROS MODELING SKILLS AND CONSIDERING THRESHOLD EFFECT THE DESIGN RESULTS. IN THE SECOND MODULE I START TO KNOW ABOUT RHINOCEROSÂ´GRASSHOPPER PLUGIN. I FOUND MYSELF EXPLORING HOW PARAMETRIC M MANIPULATE GEOMETRIES BASED ON VARIOUS ATTRACTORS. THIS WAS EVIDENT IN MODULE 2 WHERE I USED ATTRACTOR POINTS AND CURVES TO MANIPULATE SURFACES AND GEOMETRIES A HAVE GAINED SO MANY VALUABLE SKILLS FROM THAT WHICH OPENED MANY NEW POSSIBILITIES PROTOTYPE AND ITERATE. THE LAST MODULE INTRODUCED THE UNREAL ENGINES SOFTWARE WHICH WE WERE USING TO PRO POSSIBILITIES TO SHOW OUR DESIGN IN THE FUTURE. FOR OVERALL, I IMPROVED THE SKILL OF LINE WEIGHT IN ILLUSTRATOR WHICH BEEN USED TO PR ALSO THE CONSIDERING TIPS AND ISSUES OF MODEL LASER CUTTING AND 3D PRINTING ARE REALL PROJECT TIME MANAGEMENT.

PRESENTATION

NUMEROUS DIGITAL DESIGN

G HOW CIRCULATION AND PARAMETRIC DESIGN USING MODELING CAN BE USED TO TASK A AND MODULE 3 TASK AIDING MY DESIGN PROCESS. I DUE TO THE RAPID ABILITY TO

ODUCE VR AND GAVE MORE

RODUCE THE DIAGRAM. AND LY IMPORTANT AS WELL AS THE

END.