ARCH20004 | DD Folio [2018]

DD / PORTFOLIO ARCH20004 - SEMESTER 1, 2018 Geraldo Lewa 884322 Studio 2 - Chelle Yang

STUDENT PROFILE AND TABLE OF CONTENT STUDENT PROFILE

PORTFOLIO CONTENT

EDUCATION 2017 - current = University of Melbourne’ Bachelor of Design @ Australia 2014 - 2016 = IPEKA Integrated Christian School @ Indonesia

M1 / DIAGRAMMING DESIGN PRECEDENT Details of Selected Precedent Precedent Isometric Diagram Circulation Diagram Threshold Diagram Render

AWARDS / EXHIBITIONS Semester 2, 2017 = Design Studio: Alpha Section Model Semester 1, 2017 = Foundation of Design: Representation M4 Render Semester 1, 2017 = Foundation of Design: Representation M3 Model Semester 1, 2017 = Foundation of Design: Representation M1 Sketch 2016 = 1st Place UNSW Science Photography Competition

GERALDO LEWA B.DES DIGITAL DESIGN STUDENT @ UNIVERSITY OF MELBOURNE

EXPERTISE - DIGITAL MODELLING Rhinoceros 5 Grasshopper 0.9 Google SketchUp AutoDesk 3DSMax AutoCAD 2017

GERALDOLEWA@GMAIL.COM INSTAGRAM.COM/GERALDOLEWA GERALDONT.TUMBLR.COM

EXPERTISE - BIM AutoDesk Revit ArchiCAD 21

LANGUAGES Bahasa Indonesia English Mandarin Chinese

EXPERTISE - RENDERING Unreal Engine 4 Artantis 5 Lumion 6 EXPERTISE - VISUALS Adobe Photoshop Adobe Illustrator Adobe Indesign Adobe Premiere Pro Adobe After Effects EXPERTISE - HANDS-ON Photography Videography Fabrication

M2 / GENERATING IDEAS THROUGH PROCESSES TASK 1 SURFACE AND WAFFLE Task 1 Grasshopper Script Task 1 Design Matrix Task 1 Exploded Isometric Task 1 Model Photo Task 1 Reflection TASK 2 SOLIDS AND VOIDS Taks 2 Grasshopper Script Task 2 Design Matrix Task 2 Isometric Task 2 Model Photo Task 2 Reflection

M3 / LIGNUM PAVILION Site Plan Grasshopper Script Isometric Diagram Isometric Element Diagram Circulation Plan Model Photo Reflection

COURSE REFLECTION

M1 / DIAGRAMMING DESIGN PRECEDENT

TOYO ITO SERPENTINE PAVILION 2002 (SELECTED PRECEDENT) PRECEDENT PHOTOGRAPH

PRECEDENT ISOMETRIC DIAGRAM (1:175)

White aluminium panel

Glazing

DETAILS - Architects = Toyo Ito, Cecil Balmond, and Arup - Client = Serpentine Gallery Trust - Location = Kensington Garden, London, United Kingdom - Completion = June 2002

SOFTWARE UTILISED - Rhinoceros 5 = pavilion modelling - Grasshopper = pavilion modelling - Adobe Illustrator = graphic details - Adobe inDesign = pin-up sheet layout - Artlantis 5 = rendering

Supportive steel blade

WHAT I LEARNED - Producing diagrams in isometric view - Significance of altering lineweights - Utilising a single colour palette to achieve a desired chromatic tone - Considering design circulation (where people would move along/within a design) - Considering design threshold (where the transfer of spatial properties are in a design) - Project time management

884322 - DD PORTFOLIO

M1 ANALYSIS DIAGRAMS CIRCULATION DIAGRAM (1:330)

THRESHOLD DIAGRAM (1:330)

Secondary circulation spaces (space outside the primary circulation space)

Primary circulation space and opening areas

Circulation path and opening areas within the structure

Exterior glazing

Solids

Structure, entrance/exit pathway, and interior solids

884322 - DD PORTFOLIO

M1 RENDER USING ARTLANTIS 5

White aluminium panel

Glazing

Supportive steel blade

884322 - DD PORTFOLIO

M2 / GENERATING IDEAS THROUGH PROCESSES

M2 / TASK 1 SURFACE AND WAFFLE

884322 - DD PORTFOLIO

TASK 1 GRASSHOPPER SCRIPT

INPUT

- Surface (Surface Y1) - Brep (3D Pattern Y1) - Brep (2D Pattern Y1) - Surface (Surface Y2) - Brep (3D Pattern Y2) - Brep (2D Pattern Y2)

PROCESS 1 - PANELLING PROCESS 2 - INTEGRATING - Surface Domain Number - Graph Mapper - Series - List Length - Construct Domain - Bounds - Remap Numbers - Mesh Brep - Morph 3D - Construct Domain^2 - Isotrim - Morph 2D

- List Item - Addition - Cull Index

OUTPUT

- Cull Index (3D Pattern Y1) - Cull Index (2D Pattern Y1) - Cull Index (3D Pattern Y2) - Cull Index (2D Pattern Y2)

884322 - DD PORTFOLIO

TASK 1 DESIGN MATRIX (1 : 7.50) ORIGINALLY IN 1:5 SCALE

884322 - DD PORTFOLIO

TASK 1 EXPLODED ISOMETRIC (1 : 1.50) ORIGINALLY IN 1:1 SCALE

Grid offset done using Graph Mapper.

Presence of low-level offset 3D panels highlight the sharpness of the tall-level offset 3D panels.

Grid offset done using Graph Mapper.

Sharpness of the diagonal pyramids and the edges of the surface/design are accentuated by the presence of tall-level offset 3D panels.

Pyramid with diagonal line apex, perforated on the top.

A line-based apex creates a sense of opposition to the common conception of pyramids and its mere sharpness.

Location of the perforations on the 2D panel depends on the location of perforations on the 3D panel.

Creates a sense of relation between the 2D and the 3D panels.

Hollow waffle structure.

Like Surface2 (Y2), perforations on the 2D panels relates the 2D and 3D panels.

884322 - DD PORTFOLIO

TASK 1 MODEL PHOTO

290GSM IVORY CARD

1MM WHITE MOUNTBOARD

884322 - DD PORTFOLIO

TASK 1 MODEL PHOTO DETAIL VIEWS

DETAIL VIEW OF SURFACE 1

DETAIL VIEW OF SURFACE 2 884322 - DD PORTFOLIO

TASK 1 REFLECTION SOFTWARE UTILISED - Rhinoceros 5 = 2D and 3D panels - Grasshopper = panels and waffle modelling - Adobe Illustrator = graphic details - Adobe inDesign = pin-up sheet layout

WHAT I LEARNED - Parametric design using Rhinoceros’ Grasshopper plugin - Considering tips and issues of laser-cutting (tolerances, nesting, and file preparations) - Tips and skills of craftmanship - Producing matrix diagrams - Producing diagram in isometric view - Significance of altering lineweights - Utilising a single colour palette to achieve a desired chromatic tone - Physical model photography (composition, camera angles, temperature, and photograph post-processing).

- Project time management

884322 - DD PORTFOLIO

M2 / TASK 2 SOLIDS AND VOIDS

884322 - DD PORTFOLIO

TASK 2 GRASSHOPPER SCRIPT

INPUT

- Point (Attractor Point) - Brep (Contoured Voronoi Pattern) - Number Slider (Size of Smallest Cutter) - Number Slider (Size of Biggest Cutter) - Number Slider (Intensity of Rotation) - Number Slider (Effect of Attractions) - Box Rectangle

PROCESS 1 - DISTRIBUTION - Deconstruct Brep - Cherry Picker - Surface Domain Number - Move - Point Attraction - Cellulate 3D Grid - Mesh

PROCESS 2 - ALTERATIONS - Volume - Construct Plane - Distance - Bounds - Construct Domain - Remap Number - Orient - Scale - Vector 2Pt - Multiplication - Rotate 3D

OUTPUT

- Brep (Cutters)

884322 - DD PORTFOLIO

TASK 2 DESIGN MATRIX (1 : 7.50) ORIGINALLY IN 1:5 SCALE

884322 - DD PORTFOLIO

TASK 2 ISOMETRIC (1 : 1.50) ORIGINALLY IN 1:1 SCALE

Distance-Scale Inverse Proportional Relation The closest centroid to the attractor point on this volumetric section. As the distance from the attractor point to the centroid decreases, the more enlarged the cutters would be.

Distance-Scale Inverse Proportional Relation The furthest centroid from the attractor point. As the distance from the attractor point to the centroid increases, the less enlarged the cutters would be.

Boundary 150mm x 150mm box.

Stepped vertical cut The base becomes thick, while the top becomes thin, making it structurally sound to stand vertically like so.

884322 - DD PORTFOLIO

TASK 2 MODEL PHOTO

PURE WHITE PLA

884322 - DD PORTFOLIO

TASK 2 MODEL PHOTO

DETAIL VIEW

DETAIL VIEW 884322 - DD PORTFOLIO

TASK 2 REFLECTION SOFTWARE UTILISED - Rhinoceros 5 = cutter unit input and reduction - Grasshopper = cutter units distribution - Adobe Illustrator = graphic details - Adobe inDesign = pin-up sheet layout

WHAT I LEARNED - Parametric design using Rhinoceros’ Grasshopper plugin - Considering tips and issues of 3D printing (file preparation and tricks) - Producing matrix diagrams - Producing diagram in isometric view - Significance of altering lineweights - Utilising a single colour palette to achieve a desired chromatic tone - Physical model photography (composition, camera angles, temperature, and photograph post-processing).

- Project time management

884322 - DD PORTFOLIO

M3 / LIGNUM PAVILION

M3 SITE PLAN (1 : 1200) @ QUEEN VICTORIA GARDEN Alex

and

ra A

venu

e

ilda

K St. d

Roa ilda

K St.

Roa d

20.000 * 20.000 SITE 5.000 * 5.000 PAVILION AREA

ilda St. K d

Roa

ilda

St. K d

Roa

National Gallery of Victoria (NGV-I)

ow

Lin

g lith

ue

en

Av

N

M3 GRASSHOPPER SCRIPT

INPUT

- Point (Reference Input Point) - Number Slider (Length of Pavilion) - Number Slider (Height of Pavilion) - Point (Attractor Point) - Number Slider (Intensity of Tilt) - Number Slider (TIlt of Top Area) - Number Slider (Tilt of Bottom Area) - Number (Surface Level from Ground) - Point (Reference Contour Point) - Number Slider (Waffle Studs Distance) - Number Slider (Waffle Studs Depth) - Number Slider (Waffle Thickness) - Number Slider (Glazing Thickness) - Number Slider (Seat Roundness) - Number Slider (Seat Depth)

PROCESS 1 & 2 - CURVE & SURFACE - Multiplication / Division - Subtraction - Interpolate - Divide Curve - XY Plane - Remap Numbers - Multiplication - Construct Domain - Distance - Deconstruct Plane - Bounds - Rotate 3D - Curve Closest Point - Sort List - Line SDL - Loft

PROCESS 3 SOLIDIFICATION - Construct Domain^2 - Isotrim - Contour - End Points - Move to Plane - Polyline - List Item - Flip Curve - Discontinuity - Plane 3Pt - Offset - Fillet - Boundary Surfaces - Extrude - Solid Union - Range - Graph Mapper

OUTPUT

- Curve (Input for “Surface”) - Surface (Input for “Solidification”) - Brep (Glazing Y1 and Y2) - Brep (Stage Bracing) - Brep (Stage) - Brep (Waffle Studs) - Brep (Smaller Seat) - Brep (Larger Seat)

884322 - DD PORTFOLIO

M3 ISOMETRIC DIAGRAM (1 : 50) ORIGINALLY IN 1:25 SCALE; NORTH-TO-EAST VIEW

The twist of the Birch plywood corresponds with the curvature of the sun path, providing constant shade from direct sunlight.

The corrugated glazing follows the shape of the waffle studs’ front faces.

The undulating waffle studs are made out of white aluminium composite.

The ground is made out of unfinished, poured concrete.

PHYSICAL MODEL SECTION

The stage and bracing deliver equilibrium structural supports for the waffle studs.

Entrance circulation pathway.

The seats are each 225mm in height (half the conventional height of normal seats). Audiences and visitors are expected to sit cross-legged.

884322 - DD PORTFOLIO

M3 ISOMETRIC ELEMENTS DIAGRAM (1 : 100) ORIGINALLY IN 1:50 SCALE

SEATS. STAGE, AND BRACING

PLYWOOD WALLS AND ROOF

Notches

GLAZING

Corrugated glazing Birch plywood

Notches

White concrete

884322 - DD PORTFOLIO

M3 CIRCULATION PLAN (1 : 1200) Alex

and

ra A

e

00)

1:3

( LAN

EP

AP

SC ND

A

L N+

IO

LAT

U IRC

NC

ILIO

V PA

venu

ENTRANCE (EAST)

ENTRANCE (EAST)

EXIT (WEST)

EXIT (WEST)

i St. K lda

ilda St. K

e

nu

Roa d

St. K

d

Roa

L

w

go

ith inl

e Av

ilda d

Roa

ilda

St. K

N

d Roa

M3 MODEL PHOTO SOUTH-TO-NORTH (BACK) VIEW

3MM CLEAR PERSPEX

PURE WHITE PLA+

6MM*3MM NEODYMIUM MAGNET 3MM MDF

M3 MODEL PHOTO ELEVATION VIEWS

FRONT VIEW

BACK VIEW

884322 - DD PORTFOLIO

M3 REFLECTION

LOCATION - Queen Victoria Gardens, St Kilda Road, Melbourne, VIC 3004 - Latitude -37.8218744 - Longitude 144.9704656 PROGRAMS - Lunchtime seminar with 15 guests and one presenter - Evening quartet concert for an audience of 30 people CONCEPTS - Pavilion accentuated by a single, twisted Birch plywood - Brise-soleil = curvature of the twisted timber surface follows the sun path of the site, eliminating chances of direct sunlight entry - Interior space defined by undulating waffle studs - Visitors and audiences are expected to remove footwear and sit cross-legged; idea of being one with the ground - Seat and stage sculpted in accordance to the traffic flow pattern SOFTWARE UTILISED - Grasshopper = pavilion modelling - Unreal Engine 4 = rendering and VR (virtual-reality) - Adobe Illustrator = graphic details - Adobe inDesign = pin-up sheet layout WHAT I LEARNED - Parametric design using Rhinoceros’ Grasshopper plugin - Considering design threshold - Considering design circulation - Producing diagram in isometric view - Significance of altering lineweights - Considering tips and issues of laser-cutting - Considering tips and issues of 3D printing - Considering tolerances between laser cuts and 3D prints - Making my own colour palette - Real-time rendering (colours, composition, materiality, and visuals post-processing) - Preparing and packaging files for VR (virtual-reality) - Producing 360 image and importing 360 images to mobile device - Physical model photography (composition, camera angles, temperature, and photograph post-processing) - Project time management

MORNING / AFTERNOON

NIGHT

884322 - DD PORTFOLIO

COURSE REFLECTION

MODEL FABRICATION PROCESS

I felt as if I excelled this subject extremely well, primarily because I applied the knowledge I gained a year ago from Foundations of Design: Representation (FoD:R) into this subject, which is FoD:R’s continuation. Referring back to my FoD:R portfolio reflection: Application to DD

Knowledge applied from FoD:R

Rhinoceros modelling @ M1, M2, and M3

“Basics of Rhinoceros” from M3 works “3D modelling complex structures on Rhinoceros” from M4 works.

Model panelling @ M2

“Rhinoceros’ Panelling Tool plugin” from M3 works.

“What surfaces are and its main elements” from M3 lectures.

“Concept of patterns” from M3 lectures.

“What panelling is anfd examples of panelling in real-life” from M3 lectures.

“Properties of developable surfaces” from M3 lectures.

Physical model crafting @ M2 and M3

“Ways to increase efficiency and neatness in cutting” from M3 works.

Representating information through visual diagram @ M1, M2, and M3

“What representation is” from M1 lectures.

“The purpose of drawing/creating representations” from M1 lectures.

“Basics of Adobe Illustrator” from M2 works.

“Perception of depth” from M2 lectures.

Types of visual diagrams @ M1, M2, and M3

“What elevation is and different elevation views” from M1 works.

“Properties and key difference between isometric and axonometric” from M2 lectures.

Annotating visual diagram @ M1, M2, and M3

“Use of annotations: scale bar. dash lines, textures in form of horizontal, vertical, or diagonal hatching” from M1 lectures.

Varying lineweights @ M1, M2, and M3

“Importance of line weight in architectural diagrams” from M2 works.

Applying colours @ M1, M2, and M3

“Use colour to present information” from M1 works.

“How colours affect image tone” from M2 works.

Rendering and post-processing visuals @ M3

“Perception of depth” from M2 lectures.

“Editing visuals using Burn, Dodge, and Brightness & Contrast functions on Adobe Photoshop” from M4 works.

Making documented, project journal @ M1, M2, and M3

“Basics of Adobe inDesign” from M2 works.

“Difference between journals and portfolios” from M4 lectures.

MODULE 2 TASK 1

MODULE 2 TASK 2

The descriptions and visuals of each projects on this portfolio were purposely reduced to a minimum. To see the full version, visit my Wix page: geraldolewa.wixsite.com/unimelbportfolio, or my ISSUU page: https://issuu.com/geraldolewa MODULE 3

THANK YOU Paul Loh, Matthew Greenwood, Chelle (Xuyou) Yang and colleagues from Studio 2 for the greatly fruitful course!

884322 - DD PORTFOLIO

END

GERALDO LEWA (884322)