You are on page 1of 41

Graphic Communication Techniques

Graphic
Communication
Techniques

Linus Tan
University of Melbourne M.Arch & B.Envs Tutor
lihuangt@unimelb.edu.au

University of Melbourne

Faculty of architecture

Melbourne

Building & planning

School of Design

Graphic Communication Techniques

Attract

University of Melbourne

Faculty of architecture

Melbourne

Building & planning

School of Design

EXPLAIN

Graphic Communication Techniques

Types

of

Architectural

graphics
Start

S

D

K

I

D A T A

E

A

T

G

C

R

A

TUTOR is coming!

H

Give me pen and paper!

M

V I S U A L I S A T I O N

T E C H N I C A L

This is taking a lot longer

D R A W I N G

than anticipated...

d r a w i n g & I L L U S T R A T I O N

architectural RENDERing

can I just pay someone

Photo composite & MONTAGE

to do it for me?
End

University of Melbourne

Faculty of architecture

Melbourne

Building & planning

School of Design

Graphic Communication Techniques

Sketches of ideas are
straightforward and
quick. They are good for
recording the essence of
an idea.
They help to show your
design interests within
the project scope.

Zaha Hadid
Ben
van Berkel
Dieter Rams

Sou Fujimoto

Iannis Xenakis

University of Melbourne

Frank Gehry

Ludwig
Mies van der Rohe

Faculty of architecture

Melbourne

Building & planning

School of Design

it gives clarity to your design approach to the identified opportunity. During the development stage.Graphic Communication Techniques Diagrams explaining design constraints at an early stage. can reveal potential opportunities. Vrbani Business Siteless Center by by Fancois Blanciak NFO Maritime Youth House by JDS Architects The Korea Teachers Pension Head Office by Tomoon Architects & Engineers University of Melbourne Faculty of architecture Melbourne Building & planning School of Design .

.And diminishes the irrelevant information. Small mall maps by Abi Huynh Underwater London by Rita Martelo University of Melbourne Farbmodell/ Farbanalyse by Patrick A Vuarnoz Faculty of architecture Melbourne Building & planning School of Design ...Graphic Communication Techniques Data visualisation presents hard facts attractively.. . It shows only relevant facts that were sourced from dense information for audiences to quickly understand.

Cladding Cladding assembly process construction detail by by ARUP ARUP Galaxy Soho House & Atelier by by Zaha Hadid Architects Atelier Bow Wow University of Melbourne Faculty of architecture Melbourne Building & planning School of Design . It can be used to explain how the design works within context. spatially and assembly.Graphic Communication Techniques Technical Drawing is used to describe design functionality.

It is a creative expression that can evoke emotions within audiences. Tom Kvan & Steve Hatzellis High Houses The architectural by possibilities of a stair Lebbeus Woods by Dan Slavinsky University of Melbourne Faculty of architecture Melbourne Building & planning School of Design . Fear free city by Justyna Karakiewicz.Graphic Communication Techniques Drawing & Illustration is a Pictorial representation of a subject.

It adds drama to the physical being and is used to record a single moment in reality.Graphic Communication Techniques Architectural Rendering is a realistic visualisation of an object. House at the beach visualised by Viktor Fretyán Row House (by Tadao Ando) visualised by Viktor Fretyán University of Melbourne Phillips Exeter Academy Library (by Louis Kahn) visualised by Alex Roman Faculty of architecture Melbourne Building & planning School of Design .

Taipei Pop Music Center by Studio Gang HIA Airport City by OMA New York Public Library by Waalse Krook. Urban Fosters + Partners Library of the Future by UNStudio University of Melbourne Faculty of architecture Melbourne Building & planning School of Design .Graphic Communication Techniques Photo composite and Montage assembles photos into a single image to create an illusion. This is to immerse audience into an unreal world and space.

NOW ALL I CAN DO IS MOVE THEM around.Graphic Communication Techniques ELEMENTS OF Architectural graphics PART I Start L IN E FOR T T P v i ew ext & T y pe X O g T UR L h t ARRAN WHERE AND HOW SHOULD E & E i SHA M C L & I EVEN START? SMALL DETAILS MAKE THE E GREATEST IMPACT. End University of Melbourne Faculty of architecture Melbourne Building & planning School of Design . OUR & s G h E a d o w M E N T ITS FINISHED.

they produce shapes and guides vision along the image. Zaha Hadid Ben van Berkel Dieter Rams Sou Fujimoto Iannis Xenakis University of Melbourne Frank Gehry Ludwig Mies van der Rohe Faculty of architecture Melbourne Building & planning School of Design . Variations can even be used to bring out expressions. Used in combination.Graphic Communication Techniques Lines can describe boundaries whereas curves can depict flow.

The view is static to allow audience to understand the changes in relation to the whole.Graphic Communication Techniques 2d drawing is projected onto the 3rd axis to make a form. The form is dynamic and changes according to the design approach. Vrbani Business Siteless Center by by Fancois Blanciak NFO Maritime Youth House by JDS Architects The Korea Teachers Pension Head Office by Tomoon Architects & Engineers University of Melbourne Faculty of architecture Melbourne Building & planning School of Design .

Typography can be more powerful than images. Small mall maps by Abi Huynh Underwater London by Rita Martelo University of Melbourne Farbmodell/ Farbanalyse by Patrick A Vuarnoz Faculty of architecture Melbourne Building & planning School of Design . It not only conveys emotions. NEVER USE COMIC SANS. It gives your image utmost clarity. It is for 6 year old to write a letter to Santa Claus. but sets the mood for your entire project.Graphic Communication Techniques Text is important.

It also brings out the full meaning and feel of the drawing.Graphic Communication Techniques Texture suggests tactile materiality accompanied with the the drawing. Cladding Cladding assembly process construction detail by by ARUP ARUP Galaxy Soho House & Atelier by by Zaha Hadid Architects Atelier Bow Wow University of Melbourne Faculty of architecture Melbourne Building & planning School of Design . Density of drawing distinguishes which has greater priority.

Fear free city by Justyna Karakiewicz.Graphic Communication Techniques Colour can evoke an emotive response from the viewer. Tom Kvan & Steve Hatzellis High Houses The architectural by possibilities of a stair Lebbeus Woods by Dan Slavinsky University of Melbourne Faculty of architecture Melbourne Building & planning School of Design . Colour hue creates harmony between various colours whereas value helps bring the various hues to the same intense level.

Angled light can be used to emphasis details within the render while shadow used to emphasis outline. House at the beach visualised by Viktor Fretyán Row House (by Tadao Ando) visualised by Viktor Fretyán University of Melbourne Phillips Exeter Academy Library (by Louis Kahn) visualised by Alex Roman Faculty of architecture Melbourne Building & planning School of Design .Graphic Communication Techniques Light tells us the time of the day and also indicates the openness of the environment.

Urban Fosters + Partners Library of the Future by UNStudio University of Melbourne Faculty of architecture Melbourne Building & planning School of Design .Graphic Communication Techniques Arrangement of graphic elements within images guide viewers through the image. Horizontal presents a calm scenario. Taipei Pop Music Center by Studio Gang HIA Airport City by OMA New York Public Library by Waalse Krook. vertical shows potential for movement whereas diagonal reflects dynamism.

Graphic Communication Techniques ELEMENTS OF Architectural graphics PART Ii p o s i t i ve / n eg a t i ve r epet i t i o n / v a r i et y e s s e n ce / n u i s a n ce s c a le / p r o p o r t i o n f o c a lp o i n t / b le n d c o n t r a s t / c h a o s b University of Melbourne a Faculty of architecture Melbourne Building & planning School of Design l a n ce .

Zaha Hadid Ben van Berkel Dieter Rams Sou Fujimoto Iannis Xenakis University of Melbourne Frank Gehry Ludwig Mies van der Rohe Faculty of architecture Melbourne Building & planning School of Design .Graphic Communication Techniques Positive and negative space helps to balance composition of the image. Negative space helps to increase attraction of the positive shape.

Variety is also required to avoid monotony. Vrbani Business Siteless Center by by Fancois Blanciak NFO Maritime Youth House by JDS Architects The Korea Teachers Pension Head Office by Tomoon Architects & Engineers University of Melbourne Faculty of architecture Melbourne Building & planning School of Design .Graphic Communication Techniques Repetition of a basic element helps to establish unity throughout the design.

too much information shows little criticality of your work.Graphic Communication Techniques Emphasize on the essence and de-emphasize on the supporting information. Get rid of the nuisance. Small mall maps by Abi Huynh Underwater London by Rita Martelo University of Melbourne Farbmodell/ Farbanalyse by Patrick A Vuarnoz Faculty of architecture Melbourne Building & planning School of Design .

Cladding Cladding assembly process construction detail by by ARUP ARUP Galaxy Soho House & Atelier by by Zaha Hadid Architects Atelier Bow Wow University of Melbourne Faculty of architecture Melbourne Building & planning School of Design .Graphic Communication Techniques Proportion and scale refers to the relative size of an element in its context. there is a lack of harmony in the drawing. When elements are out of proportion.

blend allows different elements. Tom Kvan & Steve Hatzellis High Houses The architectural by possibilities of a stair Lebbeus Woods by Dan Slavinsky University of Melbourne Faculty of architecture Melbourne Building & planning School of Design .Graphic Communication Techniques Focal points define the emphasis of the design. to be unified as one fabric of design. This allows you to create a design with variety and not competition. Fear free city by Justyna Karakiewicz.

too many contrasting elements create chaos. House at the beach visualised by Viktor Fretyán Row House (by Tadao Ando) visualised by Viktor Fretyán University of Melbourne Phillips Exeter Academy Library (by Louis Kahn) visualised by Alex Roman Faculty of architecture Melbourne Building & planning School of Design .Graphic Communication Techniques contrast can create emphasis on a centre of interest. The viewer cannot begin understanding the image as the starting point is hidden.

Graphic Communication Techniques Balance suggest order. View. Taipei Pop Music Center by Studio Gang HIA Airport City by OMA New York Public Library by Waalse Krook. synthesise. Urban Fosters + Partners Library of the Future by UNStudio University of Melbourne Faculty of architecture Melbourne Building & planning School of Design . A judge of balance is via visual assessment. Viewers absorbs the overall image immediately and is able to easily understand your image. analyse.

Graphic Communication Techniques what kind of graphic do i need? What should i think of when constructing the graphic? How do I judge the quality of the graphic? SKETCH LINE & SHAPE positive / negative DIAGRAM FORM & view repetition / variety DATA VISUALISATION text & TYPe essence / nuisance TECHNICAL DRAWING TEXTURE scale / proportion DRAWING & ILLUSTRATION COLOUR focal point / blend ARCHITECTURAL RENDERING light & shadow contrast / chaos PHOTO COMPOSITE & MONTAGE ARRANGEMENT balance University of Melbourne Faculty of architecture Melbourne Building & planning School of Design .

Graphic Communication Techniques diagram 12 useless diagram by Josh Lewandowski What is the diagram suppose to explain? what do the lines represent? How am i suppose to understand these without any explanations? University of Melbourne Faculty of architecture Melbourne Building & planning School of Design .

Graphic Communication Techniques Data visualisation associative network by unknown What do the images mean? what do the colours represent? how is that flat pink tessellation a green space substrate? University of Melbourne Faculty of architecture Melbourne Building & planning School of Design .

Graphic Communication Techniques Data visualisation local / tourist photo maps by eric fischer blue is local photos red is tourist photos yellow is both Taipei Washington Sydney Seattle Hong Kong Chicago University of Melbourne Faculty of architecture Melbourne Building & planning School of Design .

Graphic Communication Techniques technical drawing House Plans of TV Shows by Inaki Aliste Lizarralde how does the circulation to penny’s bathroom work? how are the other housing units in chandler’s apartment laid out? is the building outline that complicated? University of Melbourne Faculty of architecture Melbourne Building & planning School of Design .

Graphic Communication Techniques architectural rendering (dis)location by Filip Dujardin How do you access the building? How do the internal spaces work? How does the structure of the building work? University of Melbourne Faculty of architecture Melbourne Building & planning School of Design .

Graphic Communication Techniques photo montage mark’s house by “unknown” montages and renderings can be deceiving. University of Melbourne Faculty of architecture Melbourne Building & planning School of Design .

com/ drawing architecture http://drawinarchitecture.Graphic Communication Techniques Tips & inspiration pinterest http://www.tumblr. 741.tumblr.alexhogrefe.com/ concept sketch http://conceptsketch.com/ Eastern Resource Center Library book call No.pinterest.6 University of Melbourne Faculty of architecture Melbourne Building & planning School of Design .com/ architecture sketch http://architecturesketch.com/ alex hogrefe http://www.tumblr.

com/ drawing architecture http://drawinarchitecture.tumblr.com/ alex hogrefe http://www.6 University of Melbourne Faculty of architecture Melbourne Building & planning School of Design .Graphic Communication Techniques Tips & inspiration pinterest http://www.tumblr.alexhogrefe. 741.pinterest.com/ concept sketch http://conceptsketch.com/ architecture sketch http://architecturesketch.com/ Eastern Resource Center Library book call No.tumblr.

741.6 University of Melbourne Faculty of architecture Melbourne Building & planning School of Design .alexhogrefe.tumblr.com/ concept sketch http://conceptsketch.com/ alex hogrefe http://www.com/ Eastern Resource Center Library book call No.pinterest.com/ architecture sketch http://architecturesketch.Graphic Communication Techniques Tips & inspiration pinterest http://www.com/ drawing architecture http://drawinarchitecture.tumblr.tumblr.

Graphic Communication Techniques Tips & inspiration pinterest http://www.pinterest.6 University of Melbourne Faculty of architecture Melbourne Building & planning School of Design .tumblr.tumblr.com/ concept sketch http://conceptsketch.com/ Eastern Resource Center Library book call No.com/ architecture sketch http://architecturesketch.alexhogrefe. 741.com/ drawing architecture http://drawinarchitecture.com/ alex hogrefe http://www.tumblr.

com/ architecture sketch http://architecturesketch.6 University of Melbourne Faculty of architecture Melbourne Building & planning School of Design .tumblr.pinterest. 741.com/ concept sketch http://conceptsketch.com/ drawing architecture http://drawinarchitecture.alexhogrefe.Graphic Communication Techniques Tips & inspiration pinterest http://www.tumblr.tumblr.com/ alex hogrefe http://www.com/ Eastern Resource Center Library book call No.

Bourguin & Ehmann Eastern Resource Center Library book call No.com/ paul laseau concept sketch 4 Visual language for designers http://conceptsketch.com/ Connie malamed alex hogrefe http://www.Graphic Communication Techniques Tips & inspiration pinterest 1 Architectural graphics francis ching http://www.tumblr.alexhogrefe.com/ 5 data flow Klanten.tumblr.6 6 Envisioning Information edward tufte University of Melbourne Faculty of architecture Melbourne Building & planning School of Design .pinterest.com/ architecture sketch 3 graphic thinking for architects & designers http://architecturesketch.com/ 2 from line to design drawing architecture Scott vandyke http://drawinarchitecture.tumblr. 741.

Graphic Communication Techniques Attract University of Melbourne Faculty of architecture Melbourne Building & planning School of Design EXPLAIN .

Arch & B.edu.Envs Tutor lihuangt@unimelb.Graphic Communication Techniques Graphic Communication Techniques Linus Tan University of Melbourne M.au University of Melbourne Faculty of architecture Melbourne Building & planning School of Design .