graphic communication techniques

University of MelboUrne

Graphic coMMUnication techniqUes

Faculty oF architecture

Building & planning

MelBourne

School oF deSign

GraphicCommunication

Techniques

Linus Tan

University of Melbourne M.Arch & B.Envs Tutor

[email protected]




Building & planning

MelBourne

School oF deSign

aTTraCT EXPLain




Building & planning

MelBourne

School oF deSign

TyPEs of arChiTECTuraL GraPhiCs

s K E T C h

D i a G r a M

D a T a V i s u a L i s a T i o n

T E C h n i C a L D r a W i n G

D r a W i n G & i L L u s T r a T i o n

a r C h i T E C T u r a L r E n D E r i n G

P h o T o C o M P o s i T E & M o n T a G E

TuTor is CoMinG!

GiVE ME PEn anD PaPEr!

This is TaKinG a LoT LonGEr

Than anTiCiPaTED...

Can i jusT Pay soMEonE

To Do iT for ME?

Start

End




Building & planning

MelBourne

School oF deSign

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.

Ben

van Berkel

Frank Gehry

Zaha Hadid

Sou Fujimoto

Ludwig

Mies van der Rohe

Dieter Rams

Iannis Xenakis




Building & planning

MelBourne

School oF deSign

DiaGraMs EXPLaininG

DEsiGn ConsTrainTs aT an

EarLy sTaGE, Can rEVEaL

PoTEnTiaL oPPorTuniTiEs.

DurinG ThE DEVELoPMEnT

sTaGE, iT GiVEs CLariTy To

your DEsiGn aPProaCh

To ThE iDEnTifiED

oPPorTuniTy.

Maritime Youth House

by

JDS Architects

Vrbani Business

Center

by

NFO

Siteless

by

Fancois Blanciak

The Korea Teachers Pension Head Office

by

Tomoon Architects & Engineers




Building & planning

MelBourne

School oF deSign

DaTa VisuaLisaTion

PrEsEnTs harD faCTs

aTTraCTiVELy.

iT shoWs onLy rELEVanT

faCTs ThaT WErE sourCED

froM DEnsE inforMaTion

for auDiEnCEs To quiCKLy

unDErsTanD.

...anD DiMinishEs ThE irrELEVanT inforMaTion...

Small mall maps

by

Abi Huynh

Farbmodell/

Farbanalyse

by

Patrick A Vuarnoz

Underwater London

by

Rita Martelo




Building & planning

MelBourne

School oF deSign

TEChniCaL DraWinG is

usED To DEsCribE DEsiGn

funCTionaLiTy. iT Can

bE usED To EXPLain hoW

ThE DEsiGn WorKs WiThin

ConTEXT, sPaTiaLLy anD

assEMbLy.

House & Atelier

by

Atelier Bow Wow

Cladding

construction detail

by

ARUP

Cladding

assembly process

by

ARUP

Galaxy Soho

by

Zaha Hadid Architects




Building & planning

MelBourne

School oF deSign

DraWinG & iLLusTraTion

is a PiCToriaL

rEPrEsEnTaTion of a

subjECT.

iT is a CrEaTiVE EXPrEssion

ThaT Can EVoKE EMoTions

WiThin auDiEnCEs.

The architectural

possibilities of a stair

by

Dan Slavinsky

High Houses

by

Lebbeus Woods

Fear free city

by

Justyna Karakiewicz, Tom Kvan

& Steve Hatzellis




Building & planning

MelBourne

School oF deSign

arChiTECTuraL rEnDErinG

is a rEaLisTiC VisuaLisaTion

of an objECT.

iT aDDs DraMa To ThE

PhysiCaL bEinG anD is usED

To rECorD a sinGLE MoMEnT

in rEaLiTy.

Phillips Exeter

Academy Library

(by Louis Kahn)

visualised by

Alex Roman

Row House

(by Tadao Ando)

visualised by

Viktor Fretyn

House at the beach

visualised by

Viktor Fretyn




Building & planning

MelBourne

School oF deSign

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.

Taipei Pop Music Center

by

Studio Gang

Waalse Krook, Urban

Library of the Future

by

UNStudio

HIA Airport City

by

OMA New York Public

Library

by

Fosters + Partners




Building & planning

MelBourne

School oF deSign

ELEMEnTs of arChiTECTuraL GraPhiCsParT i

L i n E & s h a P E

f o r M & V i E W

T E X T & T y P E

T E X T u r E

C o L o u r

L i G h T & s h a D o W

a r r a n G E M E n T

WhErE anD hoW shouLD

i EVEn sTarT?

sMaLL DETaiLs MaKE ThE

GrEaTEsT iMPaCT.

iTs finishED. noW aLL i Can

Do is MoVE ThEM arounD.

Start

End




Building & planning

MelBourne

School oF deSign

LinEs Can DEsCribE

bounDariEs WhErEas

CurVEs Can DEPiCT fLoW.

usED in CoMbinaTion,

ThEy ProDuCE shaPEs anD

GuiDEs Vision aLonG ThE

iMaGE. VariaTions Can

EVEn bE usED To brinG ouT

EXPrEssions.

Ben

van Berkel

Frank Gehry

Zaha Hadid

Sou Fujimoto

Ludwig

Mies van der Rohe

Dieter Rams

Iannis Xenakis




Building & planning

MelBourne

School oF deSign

2D DraWinG is ProjECTED

onTo ThE 3rD aXis To MaKE

a forM.

ThE forM is DynaMiC anD

ChanGEs aCCorDinG To

ThE DEsiGn aPProaCh. ThE

ViEW is sTaTiC To aLLoW

auDiEnCE To unDErsTanD

ThE ChanGEs in rELaTion To

ThE WhoLE.


by

JDS Architects

Vrbani Business

Center

by

NFO

Siteless

by

Fancois Blanciak


by





Building & planning

MelBourne

School oF deSign

TEXT is iMPorTanT. iT GiVEs

your iMaGE uTMosT CLariTy.

TyPoGraPhy Can bE MorE

PoWErfuL Than iMaGEs.

iT noT onLy ConVEys

EMoTions, buT sETs ThE

MooD for your EnTirE

ProjECT.

nEVEr usE CoMiC sans.

iT is for 6 yEar oLD To WriTE a LETTEr To sanTa CLaus.

Farbmodell/

Farbanalyse

by

Patrick A Vuarnoz

Underwater London

by

Rita Martelo

Small mall maps

by

Abi Huynh




Building & planning

MelBourne

School oF deSign

TEXTurE suGGEsTs TaCTiLE

MaTEriaLiTy aCCoMPaniED

WiTh ThE ThE DraWinG. iT

aLso brinGs ouT ThE fuLL

MEaninG anD fEEL of ThE

DraWinG.

DEnsiTy of DraWinG

DisTinGuishEs WhiCh has

GrEaTEr PrioriTy.

House & Atelier

by

Atelier Bow Wow

Cladding

construction detail

by

ARUP

Cladding

assembly process

by

ARUP

Galaxy Soho

by





Building & planning

MelBourne

School oF deSign

CoLour Can EVoKE an

EMoTiVE rEsPonsE froM

ThE ViEWEr.

CoLour huE CrEaTEs

harMony bETWEEn Various

CoLours WhErEas VaLuE

hELPs brinG ThE Various

huEs To ThE saME inTEnsE

LEVEL.

The architectural


by

Dan Slavinsky

High Houses

by

Lebbeus Woods

Fear free city

by


& Steve Hatzellis




Building & planning

MelBourne

School oF deSign

LiGhT TELLs us ThE TiME of

ThE Day anD aLso inDiCaTEs

ThE oPEnnEss of ThE

EnVironMEnT.

anGLED LiGhT Can bE usED

To EMPhasis DETaiLs WiThin

ThE rEnDEr WhiLE shaDoW

usED To EMPhasis ouTLinE.

Phillips Exeter

Academy Library

(by Louis Kahn)

visualised by

Alex Roman

Row House

(by Tadao Ando)

visualised by

Viktor Fretyn

House at the beach

visualised by

Viktor Fretyn




Building & planning

MelBourne

School oF deSign

arranGEMEnT of GraPhiC

ELEMEnTs WiThin iMaGEs

GuiDE ViEWErs ThrouGh ThE

iMaGE.

horizonTaL PrEsEnTs a

CaLM sCEnario, VErTiCaL

shoWs PoTEnTiaL for

MoVEMEnT WhErEas

DiaGonaL rEfLECTs

DynaMisM.


by

Studio Gang

Waalse Krook, Urban


by

UNStudio

HIA Airport City

by

OMA New York Public

Library

by

Fosters + Partners




Building & planning

MelBourne

School oF deSign

ELEMEnTs of arChiTECTuraL GraPhiCsParT ii

P o s i T i V E / n E G a T i V E

r E P E T i T i o n / V a r i E T y

E s s E n C E / n u i s a n C E

s C a L E / P r o P o r T i o n

f o C a L P o i n T / b L E n D

C o n T r a s T / C h a o s

b a L a n C E




Building & planning

MelBourne

School oF deSign

PosiTiVE anD nEGaTiVE

sPaCE hELPs To baLanCE

CoMPosiTion of ThE iMaGE.

nEGaTiVE sPaCE hELPs To

inCrEasE aTTraCTion of

ThE PosiTiVE shaPE.

Ben

van Berkel

Frank Gehry

Zaha Hadid

Sou Fujimoto

Ludwig

Mies van der Rohe

Dieter Rams

Iannis Xenakis




Building & planning

MelBourne

School oF deSign

rEPETiTion of a basiC

ELEMEnT hELPs To

EsTabLish uniTy

ThrouGhouT ThE DEsiGn.

VariETy is aLso rEquirED To

aVoiD MonoTony.


by

JDS Architects

Vrbani Business

Center

by

NFO

Siteless

by

Fancois Blanciak


by





Building & planning

MelBourne

School oF deSign

EMPhasizE on ThE EssEnCE

anD DE-EMPhasizE on ThE

suPPorTinG inforMaTion.

GET riD of ThE nuisanCE.

Too MuCh inforMaTion

shoWs LiTTLE CriTiCaLiTy of

your WorK.

Farbmodell/

Farbanalyse

by

Patrick A Vuarnoz

Underwater London

by

Rita Martelo

Small mall maps

by

Abi Huynh




Building & planning

MelBourne

School oF deSign

ProPorTion anD sCaLE

rEfErs To ThE rELaTiVE

sizE of an ELEMEnT in iTs

ConTEXT. WhEn ELEMEnTs

arE ouT of ProPorTion,

ThErE is a LaCK of harMony

in ThE DraWinG.

House & Atelier

by

Atelier Bow Wow

Cladding

construction detail

by

ARUP

Cladding

assembly process

by

ARUP

Galaxy Soho

by





Building & planning

MelBourne

School oF deSign

foCaL PoinTs DEfinE ThE

EMPhasis of ThE DEsiGn.

This aLLoWs you To CrEaTE

a DEsiGn WiTh VariETy anD

noT CoMPETiTion.

bLEnD aLLoWs DiffErEnT

ELEMEnTs, To bE unifiED as

onE fabriC of DEsiGn.

The architectural


by

Dan Slavinsky

High Houses

by

Lebbeus Woods

Fear free city

by


& Steve Hatzellis




Building & planning

MelBourne

School oF deSign

ConTrasT Can CrEaTE

EMPhasis on a CEnTrE of

inTErEsT.

Too Many ConTrasTinG

ELEMEnTs CrEaTE Chaos.

ThE ViEWEr CannoT bEGin

unDErsTanDinG ThE iMaGE

as ThE sTarTinG PoinT is

hiDDEn.

Phillips Exeter

Academy Library

(by Louis Kahn)

visualised by

Alex Roman

Row House

(by Tadao Ando)

visualised by

Viktor Fretyn

House at the beach

visualised by

Viktor Fretyn




Building & planning

MelBourne

School oF deSign

baLanCE suGGEsT orDEr.

ViEWErs absorbs ThE

oVEraLL iMaGE iMMEDiaTELy

anD is abLE To EasiLy

unDErsTanD your iMaGE.

a juDGE of baLanCE is Via

VisuaL assEssMEnT.

ViEW. anaLysE. synThEsisE.


by

Studio Gang

Waalse Krook, Urban


by

UNStudio

HIA Airport City

by

OMA New York Public

Library

by

Fosters + Partners




Building & planning

MelBourne

School oF deSign

WhaT KinD of GraPhiC Do i nEED?

sKETCh

DiaGraM

DaTa VisuaLisaTion

TEChniCaL DraWinG

DraWinG & iLLusTraTion


PhoTo CoMPosiTE & MonTaGE

WhaT shouLD i ThinK of WhEn ConsTruCTinG ThE GraPhiC?

LinE & shaPE

forM & ViEW

TEXT & TyPE

TEXTurE

CoLour

LiGhT & shaDoW

arranGEMEnT

hoW Do i juDGE ThE quaLiTy of ThE GraPhiC?

PosiTiVE / nEGaTiVE

rEPETiTion / VariETy

EssEnCE / nuisanCE

sCaLE / ProPorTion

foCaL PoinT / bLEnD

ConTrasT / Chaos

baLanCE




Building & planning

MelBourne

School oF deSign

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?




Building & planning

MelBourne

School oF deSign

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?




Building & planning

MelBourne

School oF deSign

DaTa VisuaLisaTion

LoCaL / TourisT PhoTo MaPs

by

EriC fisChEr

bLuE is LoCaL PhoTos

rED is TourisT PhoTos

yELLoW is boTh

Washington

Seattle

Chicago

Taipei

Sydney

Hong Kong




Building & planning

MelBourne

School oF deSign

TEChniCaL DraWinG

housE PLans of TV shoWs

by

inaKi aLisTE LizarraLDE

hoW DoEs ThE CirCuLaTion

To PEnnys baThrooM

WorK?

hoW arE ThE oThEr housinG

uniTs in ChanDLErs

aParTMEnT LaiD ouT?

is ThE buiLDinG ouTLinE

ThaT CoMPLiCaTED?




Building & planning

MelBourne

School oF deSign


(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?




Building & planning

MelBourne

School oF deSign

PhoTo MonTaGE

MarKs housE

by

unKnoWn

MonTaGEs anD rEnDErinGs

Can bE DECEiVinG.




Building & planning

MelBourne

School oF deSign

TiPs & insPiraTion

PinTErEsT

hTTP://WWW.PinTErEsT.CoM/

DraWinG arChiTECTurE

hTTP://DraWinarChiTECTurE.TuMbLr.CoM/

arChiTECTurE sKETCh

hTTP://arChiTECTurEsKETCh.TuMbLr.CoM/

ConCEPT sKETCh

hTTP://ConCEPTsKETCh.TuMbLr.CoM/

aLEX hoGrEfE

hTTP://WWW.aLEXhoGrEfE.CoM/

EasTErn rEsourCE CEnTEr LibrarybooK CaLL no. 741.6




Building & planning

MelBourne

School oF deSign

TiPs & insPiraTion

PinTErEsT

hTTP://WWW.PinTErEsT.CoM/

DraWinG arChiTECTurE

hTTP://DraWinarChiTECTurE.TuMbLr.CoM/

arChiTECTurE sKETCh

hTTP://arChiTECTurEsKETCh.TuMbLr.CoM/

ConCEPT sKETCh

hTTP://ConCEPTsKETCh.TuMbLr.CoM/

aLEX hoGrEfE

hTTP://WWW.aLEXhoGrEfE.CoM/

EasTErn rEsourCE CEnTEr LibrarybooK CaLL no. 741.6

1 arChiTECTuraL GraPhiCsfranCis ChinG

2 froM LinE To DEsiGnsCoTT VanDyKE

3 GraPhiC ThinKinG for arChiTECTs & DEsiGnErs

PauL LasEau

4 VisuaL LanGuaGE for DEsiGnErsConniE MaLaMED

5 DaTa fLoW

KLanTEn, bourGuin & EhMann

6 EnVisioninG inforMaTion

EDWarD TufTE




Building & planning

MelBourne

School oF deSign

aTTraCT EXPLain




Building & planning

MelBourne

School oF deSign

GraphicCommunication

Techniques

Linus Tan

University of Melbourne M.Arch & B.Envs Tutor

[email protected]

graphic communication techniques

Documents