LEO LI JINZE DIGITAL DESIGN
PORTFOLIO
Preface
welcome to my Digital Design PA G E 0 2
Digital Design as a second year subject at the university of Melbourne continues to build on skills and knowledge from the Foundation of Design: Representation. We are expected to examine rule-based thinking in digital design through the processes of modelling and fabrication. The ability to develop these thinking through contemporary techniques of abstraction, evaluation, formulation, and transformation of information as ideas and knowledge is critical in digital design. The subject is broken into three modules. Each module is assessed and introduces us to a range of digital design techniques and thinking. All the lectures mthroughout the whole semester provided a direct discussion on the topic as well as providing inspiration forour design activities. During the studio classes, we have interfaced with our design tutor Dylan Li who have deeply assisted and inspired me through the digital skills and design thinkings, help me to develp idea and learns to realize all my ideas into models .
P H O N E +61 4 5 2 6 6 2 1 6 6
Contents
Welcome
02
Index
03
About me
05
Reflections
06
Module01
08
Module02
16
Module03
26
Supercrit
37
Inspirations
37
Summary
37
Get in Touch
Trailer
Studio Leader : DylanLi
E M A I L J I N Z E 1 @ S T U D E N T. U N I M E L B. E D U. AU
PA G E 0 3
ARCHITECTURE FORMS A VITAL LINK BETWEEN PEOPLE AS WELL AS THEIR SURROUNDING ENVIRONMENT
A D D R E S S Truganina Melbourne VIC
G E T
I N TO U C H
Instagram @ leo_lill https://jinze1.wixsite.com/mysite-1
PA G E 0 4
P H O N E +61 4 5 2 6 6 2 1 6 6
ABOUT ME
LEO(JINZE) LI
Leo, born 1999 Tianjin China, an achitecture student currently major in both Landscape Architecture and Graphic Design at the University of Melbourne. Interest and research focus on the connection and combination between the architecture to the environment and designing landscape to suit the existence of architecture. Interest based on landscape architectural design , graphic aethetic feeling and natural materials , especially for timber and therefore the timber structure fabrication .
E M A I L J I N Z E 1 @ S T U D E N T. U N I M E L B. E D U. AU
PA G E 0 5
S U B J E C T
R E F L E C T I O N S
Through attending the subject Digital Design,I have gained a deeper understanind on way of thinking about design whichutilises the computing power of technology. As aform of thinking and design methodology, we were requied to develop both lateral and logical thinking, technology and software current to the design industry and through series of design exercisesand briefs,we lhave explored the use of contemporary techniques in digital design.and learned to prepare and make drawings and models (both digital and physical models) as part of module submissions.After the completion of the subject, i have developed my design thinking and ideas that reveal my development as well as showcase my most amazing work.
PA G E 0 6
P H O N E +61 4 5 2 6 6 2 1 6 6
D
E M A I L J I N Z E 1 @ S T U D E N T. U N I M E L B. E D U. AU
I
G
I
T
A
L
D
E
S
I
P
O
R
T
F
O
L
G
N
I
O
PA G E 0 7
PA G E 0 8
P H O N E +61 4 5 2 6 6 2 1 6 6
M A R C H
01
2 0 2 0
MODULE01
DIAGRAMING DESIGN PRECEDENT In this module, we were expected to digitally model a precedent study(a pavilion) from orthographic information provided on the LMS and explored diagrams as a means of communication, providing us with a deeply understand on refining our digital modelling skills and enlarge the knowledge on pavilions.
E M A I L J I N Z E 1 @ S T U D E N T. U N I M E L B. E D U. AU
PA G E 0 9
PA G E 1 0
P H O N E +61 4 5 2 6 6 2 1 6 6
S E R P E N T I N E G A L L E R Y PAV I L I O N PETER ZUMTHOR Here are a series of images that show the first week working progress , i Started modelling the pavilion by tracing the given timber frame and array the frame according to the scale .Durign the first week process, the most used comands contains extrudecurve, array, gumball, planarsrf, split and cap After finish the first week modelling , mistakes has been found through the studio feedback which the timber frame was too thick in compare to the real size utlised in UK, changes has been made during the following week with additional details added to the final model
E M A I L J I N Z E 1 @ S T U D E N T. U N I M E L B. E D U. AU
PA G E 1 1
PA G E 1 2
P H O N E +61 4 5 2 6 6 2 1 6 6
Starting from the diagram at the top, this image simply display the function of six exterior threshold as the place to enter or exit , the arrows to both exterior and interior shows the flexibility on this architecture’s threshols that can function as either entrance or exit according to demands. The middle diagram display the
T H R E S H O L D & C I R C U L AT I O N
relationship between density and the ten flexible threshold, showing the people as little dots to occupy and across the space . Lastly, for the bottom diagram it
FINAL ISOMETRIC DRAWINGS ON THE LEFT
focused on the relationship between threshols and views , the exterior brown
WITH DIAGRAMS PLACED ON THE OTHER SIDE
bubble represents the outside world while the green bubble means the view of private garden , thresholds provides the connection between bubbles and transition exterior visitors to the central garden
These circulation diagrams displays the possible paths that visitors may take , lines on the top displays all the possible routes durignthe human circulation while the one on the bottom focus on a random circulation may happen within the area. The bottom image was produced through Rhino6, utlising the comand ‘‘ pipe’’ to clearly display the circulation . Additionally, the diagram in the middle was created with the grasshopper plugin , showing a more random circulation map
E M A I L J I N Z E 1 @ S T U D E N T. U N I M E L B. E D U. AU
PA G E 1 3
PA G E 1 4
P H O N E +61 4 5 2 6 6 2 1 6 6
PROCESSING FABRICATION MATRIX, KEY PERSPECTIVES AND ASSEMBLE DIAGRAM
E M A I L J I N Z E 1 @ S T U D E N T. U N I M E L B. E D U. AU
This assemble process diagram clearly display the sequence of modelling progress and clearly explain the construction of the pavilion . On the left are some images showing some perspective views both for the interior , threshold and exterior. The top left image display the inner private garden , bottom left captured two threshols to show the occupants circulation as the in-between space and the image on the righ t displays an overview of the exterior pavilion whcih these three perspective views provide an overview ifrom divergent angles.
PA G E 1 5
A P R I L
2 0 2 0
02
MODULE02
G E N E R AT I N G DESIGN Through Digital Processes
This module required us to explore digital fabrication and parametric software through two tasks. Task A explored volumes and 3D printing techniques with a focus on additive and subtractive processes. Task B explored surfaces and laser cutting techniques. During the study of this particular module i gained the understanding of iterative nature of digital design and work through a workflow from design to physical outcome.
PA G E 1 6
P H O N E +61 4 5 2 6 6 2 1 6 6
E M A I L J I N Z E 1 @ S T U D E N T. U N I M E L B. E D U. AU
PA G E 1 7
SUBTRACTIVE & ADDITIVE PROCESSES
Key Iterations Overview Isometric Iteration A
Key Processes
Stage Outcome
Overview Prespective Iteration B
Key Processes
Key Processes
Generating points from split tree of twisting script for further manipulation
Stage Outcome
The component point on curve was utlised to locate center points for future mainipulation
Original Geometry( explored in Matrix)
Generate Points with Twisting technique
Overview Prespective Iteration C
Move to growth , cubes has been grow as the starting point for future scalling
Dispatch to locate points in desired location ,selecting some as starting points Original Geometry (Explored from Matrix)
Stage Outcome
SUBTRACTIVE & ADD
Iteration Matrix 01 Basic Geometry
Original Geometry( explored in Matrix)
Placing initial twisted geometries based on points baked from the point on curve component
Key Exploration : Random Scale based on random rotate planes
Random (Scale)
Initial Twists Placement
Sphere Radius = 15 Substractive Process : Initial inflexible twists placed on based on center points , boolean difference applied
Placement of Initial Twisted Geometry
Further placing developed twisted geometries on following the same process to bake on specific center points
Key Exploration : Random Scale based on random rotate planes
Random (Rotate)
Combine substractive and additive processes with developed geometry acting as cutter as well as elements Placement of Developed Twisted Geometry
02 Geometry Scale
Developed Twists Placement
Further placing developed twisted geometries on following the same process to bake on specific center points
Set Planes to mirror the geometry and rotate into an opposite direction Mirror & Rotate
Rotate 3D
Edge Length = 7 This displays the placemnt of the conditonal curve for further manipulation Conditional Curve
Insert conditional curve for future manipulation and adopt ‘’Divide Curve’’ and ‘’Point On Curve’’
Addictive Process done through boolean intersection
Addictive Process
Additive Process to bake specific geometry in based on conditional curve (center box rotate) Divide Curve & Point On Curve
Edge Length = 12
03 Rotation
Conditional Curve
conditional as a rotated twisted geometry has been adopted based on the given curve (true false dispatch)
8
Conditional
Series Start = 6 Step = 0
Series Start = 21 Step = 0
04 Rotate 3D
I T E R AT I O N M AT R I X SUBTRACTIVE & ADDITIVE
X Radian = 7
05 Pt Attractor : Move
The iteration matrix display the entire process that focused on subtractive and additive process and shows the step by step design thinking progress during this module2, this particular module trade the process specifically this kind of matrix process extremely significant in order to get us to understand the significance of stepping and benefit our way of design thinking and
Magnitude = 1
Magnitude = 0.25
06 Pt Attractor : Scale
design progress in the future.
Domain 10-0
PA G E 1 8
P H O N E +61 4 5 2 6 6 2 1 6 6
DITIVE PROCESSES 07 Growth - Move
Box Edge Length = 12
Rectangle Edge Length = 16,12,12
1st Time Amplitude = 21
1st Time Amplitude = 21 2nd Time Amplitude = 67
1st Time Amplitude = 21 2nd Time Amplitude = 67 3rd Time Amplitude = 15
1st Time Amplitude = 21 2nd Time Amplitude = 67 3rd Time Amplitude = 0
Scale Factor = 0.6 (Include Original)
Scale Factor = 3.6 (Solid Union)
Scale Factor = 0.7 (Solid Union)
Deconstruct Brep into faces for polygon centers as construct points
Orient according to the construct points and sorted polygon centers thus create levels
Construct domain into a specific range and rotate individual planes to form the twist
Split tree produce data points into twisted box for smooth appearance
Input Brep and twisted bounding box into Box Morph
Input Brep and twisted bounding box into Box Morph
Transformation due to distorted curve Angle Rangel (102-360); 52 Layers
Transformation due to distorted curve Angle Rangel (102-360); 52 Layers
08 Attraction Growth
Edge Length = 15
Edge Length = 21
Scale Factor = 0.6 (Exclude Original)
09 Twisted geometry-Initial
Series Start = 6 Step = 3
Series Start = 12 Step = 7
Created bounding box merged into layers Layer number = 52
10 Twisted geometry-flexible
X Radian = 7 Y Radian = 6
X Radian = 7 Z Radian = 12
Curves has been adopted to pull points to let the geometry be flexible
11 Twisted Geometry : Creation&Development
Magnitude = 0.67
Magnitude = 0.5
Initial Creation Angle Range (60-360); 36 Layers
Development (Attracting Curve) Angle Range (102-360); 52 Layers
12 Placement - Dispatch&PtOnCurve
Domain 10-12
Domain 10-21
E M A I L J I N Z E 1 @ S T U D E N T. U N I M E L B. E D U. AU
7
Apply curves for component ‘’point on curve’’ to produce desired points
Apply growth to cubes based on attracting points to get desired centers
After gathering points in desired position In addition to the placement the these points can serve as geometry geometry are also able to rotate based centers on the center points
PA G E 1 9
The opening shape and orientation of the pavillion displays a large scale opening face appeals the occupants a sense of welcoming thus are more likely to be attract to experience the interior area, in addition to this all the curved walls demonstrate a gradual change of angle that leading guests to the entrance communicating the idea of welcoming structure The hollow structure created extra inner space within the pavillion and brings out completely different functions, this pavillion got specific inspirations from Peter Zumthor’s Serpentine Gallery Pavillion with garden space inside and a rain water system to effciently utlise the natural energy
The Thresholds has been apprently shown with the entrance icon hints the circulation from the garden area to the other side of the pavillion , this centralised entrance provide occupants clear view on the circulation
This area is designed to be a interior garden space with vegetations planted on the ground , this garden structure is further reinforced and assorted by an opening roof on its top , providing the necessary sunlight as well as rainwater for the vegetations , additionally , during the rainy weather the occupants are supposed to experience the view of a small waterfall in which the rainwatter will drop direcly into the garden area The hollow structure created extra inner space within the pavillion and brings out completely different functions, this pavillion got specific inspirations from Peter Zumthor’s Serpentine Gallery Pavillion with garden space inside and a rain water system to effciently utlise the natural energy
The enclosed (may not be clear due to section cut) block the wind from this particular side thus stop the wind circulation as a result provide wind protection during extreme weather
The pavillion contaisn several theresholds as a multi threshold structure it provides the occupants flexible choice and random circulations within the structure , further comunicating the idea of flexibility as well as a sense of assembly to join occupants from different directions together .
The curved wall extend to the top of structure leaved a open area behind , this significant area is functioned as the assembly and meeting area which all the thresholds are ideally leading occupants into this space communicating the idea of assembly . This area provide shadow and rain protection due to the roof on top and the curvy overall shape somehow act as the sound absorbtion structure make the area suitable for speech or presentation.
The smooth curvy wall as the most unique and significant element in the structure it function as a visually shocking and attracting structure but also provide chatting and seating areas bettween the feet of the structyre , creating multiple thresholds and provide occupants with facinating visual experience
PA G E 2 0
Resting areas has been placed under the main structure providing seting and lying space for occupants . As a stucture with covered roof on top this area provide shadow and rain protection during extreme weather which functioned as a temporary shelter as well as resting station for the occupants
P H O N E +61 4 5 2 6 6 2 1 6 6
I S O M E T R I C D R AW I N G S SUBTRACTIVE & ADDITIVE
The the
following potential
isometric design
sectioned
concepts
that
drawings has
been
explains devel-
oped and interpreted for the geometry , all the functionals and design concepts has been labelled on each geometry’s side annotations and some further icons has been adopted to allow a quick understand of the significant informations.
E M A I L J I N Z E 1 @ S T U D E N T. U N I M E L B. E D U. AU
PA G E 2 1
SUBTRACTIVE & ADDITIVE PROCESSES
3D Print Photography
SUBTRACTIVE SUBTRACTIVE&&ADDITIVE ADDITIVEPROCESSES PROCESSES 3D 3DPrint PrintPhotography Photography
14
SUBTRACTIVE & ADDITIVE 3D PRINT PHOTOGRAPHY This This particular particular design design function function asas aa parvillion parvillion with with skylight skylight onon top top
This This pavillion pavillion got got inspiration inspiration from from Peter Peter Zumthor’s Zumthor’s serpentine serpentine
ofof the the roof roof bring bring sunlight sunlight into into the the downstair downstair meeting meeting area area which which is is
gallery gallery pavillion pavillion with with the the main main focus focus onon the the cental cental garden garden and and
suitable suitable forfor speech speech oror some some drama drama due due
the the shape shape ofof the the roof roof can can introduce introduce
toto the the structure structure shape shape
sunlight sunlight and and rainwater rainwater
This This is is anan assembly assembly pavillion pavillion where where people people can can meet meet and and
(left) This particular design function as a parvillion host host event event inin the the building building , the , the roof roof onon top top displays displays a leading a the leading with skylight on top of roof bring sunlight into the direction direction that that lead lead sunlight sunlight toto the the
downstair meeting area which is suitable for speech thresholds thresholds or some drama due to the structure shape. (middle) This pavillion got inspiration from Peter Zumthor’s serpentine gallery pavillion with the main focus on
1515
the cental garden and the shape of the roof can introduce sunlight and rainwater. (right) This is an assem-
rom
This is an assembly pavillion where people can meet and
n focus
host event in the building , the roof on top displays a leading
oduce
direction that lead sunlight to the thresholds
PA G E 2 2
bly pavillion where people can meet and host event in the building , the roof on top displays a leading direction that lead sunlight to the thresholds
P H O N E +61 4 5 2 6 6 2 1 6 6
Isometric Drawing (XY)
Isometric Drawing (Radial)
20
21
WA F F L E S T R U C T U R E S XY & RADIAL This page display the study area resourced from task A all the way develop into the Task B waffle structure in which two types of waffle manipulation has been adopted in order to develop our own skills and gain chance to explore deeply on the notion of waffle structure from different perspectives.
E M A I L J I N Z E 1 @ S T U D E N T. U N I M E L B. E D U. AU
PA G E 2 3
PA G E 2 4
Digital Design - Module P H O N E +61 4 5 2 6 6 2 1 6 6
2
LASERCUT MODEL During the physical stage,my key consideration and the problems i faced appeared mostly during my physical process, some models are able to printout however the connection to the ground may not be smooth enough ch i have to adopt sand paper to clean all the curvy dirts and during the lasercut process i realize that some of the pieces are able to be cut out with laser but are not able to construct due to some trick curves thus i have to digitally split it or even sometime physically cut it after the lasercut have been print out I have finished physical modelling the first practise waffle and decide to utlise the same study area with the radial waffle and apply a new geometry for the XY waffle , this waffle practise provide me with clearer understanding on the structure as well as the result of parametric design
E M A I L J I N Z E 1 @ S T U D E N T. U N I M E L B. E D U. AU
PA G E 2 5
PA G E 2 6
P H O N E +61 4 5 2 6 6 2 1 6 6
J U N E
2 0 2 0
03
MODULE03
PAV I L I O N Queen Victoria Garden
This Module required us to design a pavilion in the Queen Victoria Garden location same as the annual M-pavilion in which the designed pavilion must have a relationship with the ground and the whole designing process should be complete on a parametric base by utlising the parametric software for instance grasshopper and final render with Enscape.
E M A I L J I N Z E 1 @ S T U D E N T. U N I M E L B. E D U. AU
PA G E 2 7
PA G E 2 8
P H O N E +61 4 5 2 6 6 2 1 6 6
DESIGN CONCEPTS CONNECTIONS TO NATURE Design concept focus on the idea of transfering the architecture of monument into the architecture of environment by enhancing the connection between the designed product to the surrounding landscape The pavilion concept was inspired by the Japanese architectural master Kengo Kuma who believes the architecture should be part of the environment flow threfore should adapt and blend into the surrounding nature. A purely timber structure has been adopted for the main structure of this pavilion provide a strong connection to surrounding nature and appeal the audience with a sense of nature to be connect to the environemnt
Area & Ciculation for pavilion’s audience
Area & Circulation for activities’ organizers
E M A I L J I N Z E 1 @ S T U D E N T. U N I M E L B. E D U. AU
PA G E 2 9
FABRICATION DIAGRAM ENTIRE FABRICATION PROCESS
The initial stage which lines and dots has been drawn on the ground to ensure the location for the later bended metal frames
Metal frames placed according to specific height and angle defined in advance for example 5 meters on top of the ground and 90 degree against the gridA.
Interior timber and the brown timber connectors (also as decoration) has been placed on the other side of the metal frames , enlarge the thickness and size of the overall structure.
To make the structure strong enough another set of bended metal frames(different form) has been installed allow additional timber to be added without affecting the structure stability.
Timber slates bent towards the previous setted metal frames where those metal are currently working as the direction controller as well as the shape bounding box
Further placement of timber pieces has been adopted with those metal frames currently have timber on both side and make the timber in between become stable.
FABRICATION DIAGRAM DETAILS OF TIMBER LAYER JOINTS
Fasteners
T1 B3
T2
TRANSLATION
B2 Installation Tracks
PA G E 3 0
B1
P H O N E +61 4 5 2 6 6 2 1 6 6
FA B R I C AT I O N D I A G R A M S PROCESS, LAYER, DETAILS Fabrication for this particular project acted an extremely siginificant role in its feasibility as well as the aethetic feelings. All the diagrams on the left side detaily displays how the timber will be fabricate and join together to produce my designed desire form as a twisted timber geometry. Three separated diagrams was focused on different task and progress during the fabrication, the process matrix briefly display how the timber will be placed according to several stable metal frames , the layer diagram explaines how different timber layers will meet and fix by nuts and bolts with the ultimate one focused on modelling details of how the timber will join to other timber, the meatl frames as well as the ground.
E M A I L J I N Z E 1 @ S T U D E N T. U N I M E L B. E D U. AU
PA G E 3 1
EXTERIOR RENDER UTLISED WARM FILTER
This pages covers all three of my final rendered image with each one resourced from an selective angle that can describes and showcases the form and shape through those kind of descriptive images , all the images for my final rendered images has experienced a further manipulation in the photoshop due to the initial render images contains a overwelming green tone which affcts the audience’s ability to focus on the pavilion
PA G E 3 2
P H O N E +61 4 5 2 6 6 2 1 6 6
E M A I L J I N Z E 1 @ S T U D E N T. U N I M E L B. E D U. AU
PA G E 3 3
INTERIOR RENDER UTLISED WARM FILTER
This pages covers all the interior final rendered images aims to provide audience an understanding on the interior experience from different perspectives , for instance the three final interior images contaisn two perspective from the audience’s view and one resourced from the presenter therefore by looking at these images audience should gain a chance to imagine the experiecne within my designed pavilion Similar to the exterior rendered images, all the final interior rendered images has also experienced further manipulation in photoshop to solve the same issue of overwelming green.
PA G E 3 4
P H O N E +61 4 5 2 6 6 2 1 6 6
E M A I L J I N Z E 1 @ S T U D E N T. U N I M E L B. E D U. AU
PA G E 3 5
SECTION01
SECTION02
Legend
SECTION03
PA G E 3 6
P H O N E +61 4 5 2 6 6 2 1 6 6
SUPERCRIT Work has been chosen to present on the 2020 Digital Design Review webinar ‘supercrit’ session and benefit from several professional guest ‘s critique. According to the guests’ feedback, the fabrication method should be further developed as the current diagram focused too much on the installation of nuts and bolts but lack of the steam timber bent method or the assembly progress.
INSPIRATIONS & SUMMARIES This project was deeply inspired by the Japanese architecture master Kengo Kuma which i have physically been to some of his designed works during my trip to Tokyo and was shocked by his amzing utlisation of timber to appeal a sense of nature to the architecture. Fabrication method was inspired by SoomeenHahm Design’s steampunkpavilion which is a similar fabrication project to my design.
E M A I L J I N Z E 1 @ S T U D E N T. U N I M E L B. E D U. AU
PA G E 3 7
L P
E O
O R
T
J
I
F
O
N L
Z I
E
I
I
O
A D D R E S S Truganina Melbourne VIC
G E T
I N TO U C H
Instagram @ leo_lill https://jinze1.wixsite.com/mysite-1