Page 1

Digital Design - Module 01 Semester 1, 2018 Andrew Kurniawan (917857) Siavash Malek + Studio 18

Week One

Reading: Zeara Polo, A. 2010. Between Ideas and Matters.

According to Zeara-Polo, the diagram does not play a representational role in the design process but provides an organisational and can have a performative quality depending on how it is deployed. Explain how Diagram is different from Signs and Symbols?

Diagram has different nature compared to Signs and Symbols. Signs and Symbols are representational of something that becomes a general knowledge that a certain Symbol or Sign means a certain meaning, such as road signs and trophy. Sign usually has indexial quality that show certain direction while symbol often represent the “value� of something. In the other hand, Diagram is more of an abstraction that has the ability to transpire many informations into a compact representation. It has reductive nature that can translate complex data into a simple diagram. Some may have same shape, but the information differs on how it is being employed.


Week One

Precedent Analysis

Left: “Eighteen Turns� Serpentine Pavilion 2001 (source: Mid-Top: site plan tracing Mid-Bottom: assembling generated planar surfaces Right: tracing elevation view

The modeling process for this pavillion started by tracing all provided images (plan and elevation). Photo images were also used as a guide to determine which surface goes where as the informations from the elevation and plan alone were insufficient. There was also a slight problem because North direction of the site plan is different to the North direction on the elevation view, which result in the possibility of inaccuracy of the assembly. Minor fixing was also required from the traced elevations in order to produuce planar surfaces.


Week Two

Reading: Hertzberger H. 2005. The in-between and The Habitable Space Between Things, from Lessons for Students in Architecture. Herzberger discusses how design should not be extreme in its functionality. Use your precedent study to explain how the pavilion allows for an appropriation of use.

Herzberger argued that designers should consider a design as a whole. Creating a space does not mean it is always about the physical “size” of it. As a designer we should think about how the space is going to be utilised by users, details that users will be in contact with, infromal spaces, and in between spaces. Herzberger argue that a design would be better off if it has flexibility of use that will occured when the space is occupied. Serpentine Pavillion 2001 by Daniel Libeskind can be a good example for this case. Libeskind designed the pavillion with complex form, but giving a space for users to determine what is the function by themselves, for instance cafe or meeting space. He also extend the pavillion’s angle in an extend that the space created embody the ambience that give certain experience for human.


Week Two


Serpentine Pavilion 2001 “Eighteen Turns� Isometric View (E) This is East Isometric View of the pavilion 3D model. This view is chosen because it is the best to show the most of the pavilion, the sloping, angle, access, and a glimpse of the interior. The modeling process was done by creating surfaces as a result of tracing the plan and elevation view with the help of photographs to determine angles that were not visible. Planar surfaces was used for all pavilion surfaces. Detailing of the panels is also modeled in order to give the sense on how the surfaces assembled. The pavilion has simple yet very complex of surfaces folding and placement so that the space can be created. It was inspired by the folding of origami and intended to have the ability to be flat-packed into one piece prior to the construction. The pavilion strongly direct people to move in a certain way, transitioning movement from the landscape to the gallery. It also has unique threshold because some surfaces extend beyond the floor area and vice versa, creating blurred boundary between the surrounding landscape and the pavilion itself.


Week Two Diagrams

Circulation and Floor Zoning

Roof Angle & Spatial Transition

The dotted line diagram show how people move around the pavilion. Sharp angles are used because the shape of the pavilion suggest such movement. The floor is zoned using different colours to show which one is primary, secondary, and transitional.

The roof angle showed using the arrow diagrams as a direction of the slope. Colours is used to show the spatial quality of the pavillion, how the roof is projected to the ground and how certain parts extend to the landscape.





1. Tracing Plan The 3D modeling was done using Rhino. The process begins by tracing the site plan of the pavilion. This was done in order to ensure accuracy of where the pavilion surfaces take place. The plan view also helps to determine certain angle of the walls. The site plan is also useful to determine the floor plan.


2. Tracing Elevations


The modeling continued by tracing the elevation view. This was done in order to determine height of the walls. However, inability to determine angle from the elevation view might cause minor inaccuracy of the sloping degree. 3. Generate Surface and Assembling From the traced plan and elevations, surface was generated utilising “project” command on Rhino. With the help of photographs, the generated surfaces assembled into one piece of the pavilion. 4. Detailing


Detailing of the aluminium panels was done in Rhino to ensure accuracy of the generated isometric view later on. The detailing was done in order to give a sense of structural of the big surfaces. 5. Setting View and Make 2D After the model finished, certain view of the isometric was chosen in order to show desired information. In this case, East View was chosen. From the view, the model was made in 2D using “make 2D” command and then exported into Adobe Illustrator.



Appendix Process

5. Adjusting Line-weight

6. Diagram and Finishing

Using Adobe Illustrator, generated line drawings from Rhino was adjusted so that the line-weight can show depth of the drawings. Minor fixing of the detailing was also done in this phase. Illustrator is also useful to edit line type such as regular, dash, dotted, so that certain type can show certain information.

The lineworks from Adobe Illustrator later edited for finishing in Adobe Photoshop. In this phase, the desired diagramatic informations was done using tools such as Pen Tool, Shapes, and Colours. Shading of the pavilion was also applied during this phase in order to give depth to the drawings. Subtle colours was chosen in order to avoid over-powering graphic and stay focused on the information intended.



Refference Photographs



Digital Design Module 1 Journal  

Digital Design Module 1 Journal: Diagramming Design Precedent

Digital Design Module 1 Journal  

Digital Design Module 1 Journal: Diagramming Design Precedent