DIAGRAMA

OS D I A G R A M A S D I V I D E M O E S P A O O U O T E M P O E M U N I D A D E S REGULARES.

Eles podem ser simples ou complexos, especficos ou genricos, rigidamente definidos ou livremente interpretados. A razo de ser dos diagramas tipogrficos o controle. Eles definem sistemas para a disposio de contedo e m pginas, telas ou ambientes construdos. Projetados para responder s presses internas do contedo (textos, imagens, dados) e s presses externas da margem ou da moldura (pgina, tela, janela), os diagramas eficientes no so frmulas rgidas, mas estruturas flexveis e resilientes - esqueletos que se movem e m unssono com a massa muscular da informao. Os diagramas pertencem infra-estrutura da tipografia - da modularidade concreta da prensa tipogrfica s onipresentes rguas, guias e sistemas de coordenadas dos aplicativos. Embora os programas produzam curvas e tons suaves e contnuos, toda imagem ou marca digital construda, e m ltima instncia, a partir de u m diagrama de blocos judiciosamente unidos. A inescapvel linguagem da interface grfica, por sua vez, cria u m espao modulado no qual vrias janelas so empilhadas desordenadamente. Alm de atuar nos bastidores produtivos do design, os diagramas tornaram-se explcitas ferramentas tericas. Nas dcadas de 1910 e 1920, os designers modernos expuseram o diagrama mecnico da prensa tipogrfica, trazendo-o para a polmica superfcie da pgina. Na Sua, aps a 11 Guerra Mundial, eles criaram uma metodologia de design total e m torno do diagrama tipogrfico, ansiando construir com ele uma ordem social nova e racional. Os diagramas evoluram ao longo de sculos de desenvolvimento tipogrfico. Para os designers, so dispositivos intelectuais cuidadosamente refinados, cheios de ideologia e ambio - redes inescapveis que filtram, e m algum nvel de resoluo, quase todo sistema de escrita e reproduo.

DIAGRAMA

I I 4

inhtnamgob

L V I

apnitg.JnlB m a n a s cbarfe nodoftq venft banindo. Poltfl/a THicola/ Oc /yra fuper Job (ndptt. urpurcus.i.coloxpurpreo picrurate. purpura afif atienna baben m e oms reddi n W JGaibrf liiunc colo.v. jmrialib? i.capltalib^i.sro/iiolr p jcwp.qsoiaverbii.BJolirl frwbulcruadonm rcri.f icutIbificrim imtiia bbto?7IDO,ppf grofltieui tnpraccpccucrfo: w/ir--boeiadfancmj lfepotf*bnr onera qj cod/cee. JSFvndalibiU.vnda auri 1 0 b femS fa.q:M>i cnctonc fddfi ad Ocfi r vralteruepcoltco q? m e m b i o p ad caput fu. q ofe >c v n o ptihtdli 6 a loje ppcndenrib'.tero i ecuerfo.fTcuf arf.ir.oiia oijtr.rauie aule <jd nicp v d adfcribendran fequerfenra q-pfccufonfidclillW&taikt ccuerfo pau libio vfin rncb:aiue purto cftatuB.Snera puras auro argento qj oe> Ius3praad<gor.n.wprb:llopfiusfu5cracpaironc jpffumptuoftatcm i u capine fu Wcca p ppalTionc Imranonc.Sc (gjtftt. iVriprofl: vd vnci-ilibiu; vt b pajTumpr puenlcnTporeltacc|p/:vr(ic verbusoead 1 51 ppponderoiitat Codcee.lHorao vulgo aunnlfs onera ma fancr J o b fib p fdincoipar.in c\ verbo b u o n o dtjjldo.m.v/.en?. gis errata cf$ codcea: o ranf n ijbua ipaiTusbuPIib inarerta prnenf. jjmeft Codeemultoaimu'mttt ob frabi/rtae in aduerfia-c oaf. patfcn babe. mrmb mafqj permutar, ceund bmc lber vnvo c oci liberalirae in pm|ereddcdi'a:cu5t>. t oia pauges babere fcedulas luinia.etor cedeis redd flb. vrl o?.f. vlr.ca-Bns afi> bnditt nouilTm/e ob trtaoncacotaciV urampulcros cdices qj inacie qs pncipo d*.i ocvrrotp lroy pr acdp llud.ic buearboij.feuvc emcndatos.Jtraqj aufej clfalt.).ca.Qlqt rpofuHnebfparicapeiearcddrtoo qficaudcpg-ffemEcdrare.rpe air fuIJncd panrer c vfqjad fcrmnll OIU editioer fcptuagmraiurra n twdnlbjo?! qua i bnplacr q6 fedt ob. vf parebr cr ocoiifu lbi fcoita i ranion conrineat. grecos:etmea iurrabebje c redtro ocfidftate.q? o c 9fiblou plcaur i pite'bons ter' paupereefeedu00: ui lannum meo laboze rena. 7 in ruuro li bi relcruaui r cclclha. oe p ar.r. oc pat afeie. laa..fcrpramodici ob n aducria jg n B Ub:o a pncipo vfqjad vlnmfi ffflata. fugatvnufqTqj ria pcitinlrteraqjn ca.crcmfiuc.oefc^o.r.oeouinaremQeranonea0Cvl.ca. qr3 vuItTfhidiolulrnerna- fie magia videbif Inferi' in lbi DuifTone Orio conccdcte. mcbiananccdnU bioaredacta.lflora gis qj maliuolum pzobet. T&trt afij ocfccdainadIittcr crponend o c o funtp tffm 3fi.i.vf.etbr: mirrciida.pjiim - vir lllud qo' n boc!ib:o c rracrjf fuit '^licipir argumentumw parbola vcl rce gcfla. 1 d q Otcrr alj udc q? cpara;' fceda cfmacbarta qnotaruafcribiter bola:? q> morfea falplt lbr iihi: vt babef n lbio q a p S Ubwmjfob. OK magltri cidra of b3b3batbia. i ad oedarand condinon vtrni "IH terra qdembtafie bebicos ftnddorfcrbrur tio paritfe ei9retribunonfinclfbiem noe 3 o b mult i ob vfindi fub' tdu pldfflagellatfi.iamcoe e& ad pfolanduj c u m venere fine afpirafone.Pm een-Jtf.t a I f 0 8 fcrn,i febeda meezarabteieterata mutatoe ad oppofitfi.f.ad ordcndO efi nqu. x> pecca-djapraronitonc antenomen iobabLracee no r cernis a oco mrito fkgcllatfi.pm ob rdpondct fergrecofeberm. 9co!ifubindurif.icurauaoilibellqut pit vjcorarabuTarn: etge-- taiidcobcctonib velfcbvlTeqticfcinncfpt.frljiopi5teri^&adocclarandu5anriirjirfacrc nuit rilum que5 vocauit cr feripture t cpvtrtat rdpectu fiaon poera?:tnrit v n S derevelfdHio.etmdebee fcedula om- n.fratatipeftliusqutvrgn noie alatba qri n o m e n m gr eco taitati (gnat ire nutuum.i.cbartala d jaretb oe efauftli|sh\i9 latinos quend palroic cui^nome pfcuda..falfus vffaU lifae In greco admuicc ofputtce oe facre fapture \rf!t BBLIA LATINA t>e matrefto bofra:tavtftt rijo r poerari fabuli o. S c d 6 Ocr n vdeffacre feriptur P g i n a d e livro, 1497 Cefi.j.o veifaprflqtindm qmntusababjaamLftbt re pfonu.pamo.qjin pndpio bul'llba' cepamrur eua p s nubmredacrumet jj, t r c gcsqut regnauert tr(aimo:e9;polTfl!onee.et piolca tjloe regefta etfimfl! Impressa por codrionea tfirrloquf .f.oe a m d e ob.Stem fsec.tii'. Sepruagta u.rta n edorn.m q et ipfe regnaoicifetpfona oc(.Sfuernttreevrii(rin mdio e'noc IRumc.ix. grecoe.i.edto.Irr. A n t o n Koberger oaniefct ob:lt( iuiWca fua liberabt aiae fnas. certfl art uit: fed pum 9 ea regnauir. ab bebjcoingrecuj ti noe t oanel' fufeboes veroan rerfi natura. quo> . tranfiaraiqu poltea balacb films bcov- z nome Um diagrama de duas pdudif d fuuTe oe ob a oco eia cnumeraro. 3 r c ?acoZ K o e n a b a t5srecotrtuirnraeiufdesauitatisUacbaba v.Ccce bearf1cam*co9 4 fultnucrr. furfcrcntl iob audf colunas envolve um tfncumalterfdaa 'itsoltbunc autetn balacb. Itio.ifineDn vdrta tc. cr credenda c ob fuifleeruj obella. iftmeau bomfn n rcr naturatficuK rpa vtrue b palTus c in n a segundo conjunto de rtabebicoe.t. ilta c\ jolteum iobabtquivoca tura bfiana.fccund at pmirtendc oe intentioe bui'aii 1 rc3 c uf veremeaqi nultaj c r 1 o b . '|N o ll 1 o b n 1 toie.qi cr boc ocpcndctintcllect'bui' llbii Sa qo plenr colunas. Cada pgina i eVfeflr nte'r6tem.| ram quitrat ouje ex tbema- ntclligcnd. fdcnd q- alfcj antqui pbi oei,pudentian (mmediare 6 bebieo n 0 i u j r e gione. t poli illfi negaucrtficut oemocritue epcur oiectea m u n d u ene uma massa densa &riM*SZ recjnauitadarfthusbeatb fact a cafu.aln i'0 lcet occrinr ncoiruptbila ? fupert' recortada por estreitos OM regi oiunarf5Udct3:ab 5 tn erduferunt inferion CO tfm fepruaginra quiecidttmadianmcamruptiblia.cr quoE pfona Of .f.rrij. li ubea latbuIO euer t>egrccorraniruiin pomoabretnomenauita-- t eira cardnee celi pambulatmcc nollra pfiaerat ali) v w intercolnios e espaos coiruptlbila^ curfu iiarurcpanuiitur.oircrutrcgfpuna uruiscaaeriaect tiseius cetbeauitbvazios, que seriam mais SSSSSi. aplturgumentum. nuidcntiaxiab boc crccpcrt actue lidam cr libero ar btro ncedtca.oe lbua of tulli fuilTe i b inter alia m o tarde preenchidos por uebanf a d b o c q j n videbit qualter infallibilitae olulnc dfatefuinturab bejpuidcnte llaret c u m libcr arbitrij vcrttblirate.3itcin q versais iluminadas bida. Ctpiobct.pef vidcbant vt frequenter maloa bominca.pfpcrari % b o n o fect.Se e.ZDags frudofuj-.vtranq? edronc rccfpcntr Ibulari: quod n videbatur conuenico jpuiderie oci.m q mo. O leiaute muda de do.rSS iTulnioIfl.vrrtp vcl altera rcpellcndo.JIiqui lbil rfi perfona Odt Boctiue.j.oc cfoIationc:,Ioqucne ad D D babt.Dcizelr.fenfua/Piobct.i.erperaf.n vrraqsltoinm.erhia certo flncgubcrnae:boiniuumfoloo rerputs uma pgina para outra. dendo.vFT>jobet..cfrinetaduerfaroa?ftit5do."p20' acrua.Sed boc d e t u m citfidc-im o i i b u e contrariu.quw bce (nqu.ZDe magia ele ([udiofum..masa amoie vertollt penae i pmia a Oco g> oemerirfe ct meritie readeda: tatte in trannarionu lludo labozafTe. CS nuUuoU.vfrC tp?iistujw:copartertamo"l.jptcrqoolatinclaa-: ej:muida vcllcin.lt.inicrptcocoiidcmiijic.

l.tp! ia'[ qualtTcniKS c c p c 1

ill iu o p: c I o L u,

DIAGRAMA

11 5

O D I A G R A M A COMO M O L D U R A

Assim como a maioria dos sistemas de escrita, a alfabtica organiza-se e m linhas e colunas de caracteres. Enquanto a escrita flui e m linhas conectadas, a mecnica dos tipos de metal impe uma ordem mais estrita. As letras ocupam blocos prprios e congregam-se e m retngulos ordeiros. Guardados e m caixas diagramadas, os caracteres tornam-se u m arquivo de elementos, uma matriz formal a partir da qual as pginas so compostas. At o sculo X I I , os diagramas serviam de molduras para os campos de texto. As margens da pgina clssica criavam barreiras impecveis volta de blocos de texto justificados e slidos. Pginas dominadas por blocos de texto solitrios permanecem sendo o formato mais c o m u m de livro, embora o retngulo perfeito seja atualmente quebrado por recuos e quebras de linha, e as margens sejam salpicadas com flios e ttulos correntes (textos que indicam o ttulo do livro ou do captulo). Alm da norma clssica da pgina de u m a coluna, existiram vrios leiautes alternativos durante os primeiros sculos da imprensa - do diagrama de duas colunas da Bblia de Gutenberg aos leiautes mais elaborados que derivavam da tradio dos escribas medievais, nos quais os trechos das escrituras eram cercados de comentrios acadmicos. Livros multilingues articulam simultaneamente textos e m diversas lnguas, demandando complexas divises e m sua superfcie. Tais formatos p e r m i t e m a coexistncia de mltiplos fluxos de texto, ao mesmo tempo que defendem a soberania da pgina-moldura. O filsofo Jacques Derrida descreveu a moldura na arte ocidental como uma forma aparentemente desvinculada da obra mas necessria para marcar sua diferena da vida cotidiana. Molduras ou pedestais elevam a obra, removendo-a do domnio do ordinrio. A obra, portanto, depende delas para
obter seu status e sua visibilidade.

A tipografia , de u m modo geral, uma arte de emoldurar, uma forma pensada para dissolver-se ao abrir caminho para seu contedo. Os designers despendem u m bocado de energia pensando em margens, bordas e espaos vazios - elementos que oscilam entre presena e ausncia, visibilidade e invisibilidade. Com a asceno da imprensa, as margens tornaram-se a interface do usurio com o livro, fornecendo espao aos flios, ttulos correntes, comentrios, notas e ornamentos. A moldura (...) desaparece, enterra-se, elimina-se, derrete-se no momento em que emprega sua maior energia. Ela no de modo algum u m pano de fundo (...) mas sua espessura como margem tampouco constitui u m a figura - ou ao menos u m a figura que se constitui por aquilo que representa. Jacques Derrida, 1987

r t

-3

!< r v s t o a

ias

C E N E S is.

Tranllat.B.Hierony. Crttit. CAPVT PRIMVM.,

tm

nx r j V N K35 n w ' narna OTISX nrvi mnn 'jfi-by i

TiTniniirui nrvn p x n y : p x n j TX-TV ' r x i a x ^ v L..

1 a??'"?

S n 3 ' . i 3 i u - ' 3 m x n - n x o n ^ s W ' ' s"Wprjp

n n x ov T*a 'f>flry, ^ n f r f r *3
-

'

Vnaa

D'pn T i r a y p n n 0 'nbx naxn* : D'.aS o af3

p T p i n - n N 0'iSx 3-\y-n'] c r a ? rpn;? carni;^ 'nVx-ox v

jppnfc S j g W K D'n pai jrpnS n n n p T f K b?pn xnp?] ' : n n n : wmnp^nn : ]3

N principiocreauitDeucxitim & terra. * Terra autem erat inanis & vcua: & tenebra: crant fuper fci abyfii: J , & piritus Dei frebaturfu-. , p e r a q ' u ? ^ x i t q Deus,Fiatlux.EtfacTacft lux. * Et vidit Deus lucem qud eltbona:ae j diuifitluccm tenebris. *Appellauitcji lucem diemjc tenebras noclc. Fadhiraqj cft vcpere 16c mane dies vnus. Dixit quoque Ccus,Fiat fi imamcn t in mdio aquarum; 6c diuidat a. auasabaquis. ' E t fecicDeusfrmamencum, diuiftej; aquas quz crant fub firmamento, ab his quz erantiiper firmament. Etfumeft
: ( 1 7

->rn r r ^ n nsorn nnx o i p a - S x b n g n n n n a i n p D'pn mpoVi p x rr^3!? 0 'rrSx x n p v x u n n D>rr?x - o x n 0*3*7 n a

ritfn

: 3 i t n 3 o\nVx NV) o p

n f l ^ynt y n t a 3 V x ; ^ n x n rujaV irn[JPTjP 3 vr^rwtf^ : > DI>

x n p x n x i m v :]3-wpxrT^j/tin;nTT)yx i3-~ijrv] -iw-x n f l - r - p j / T j S r * r n 3 - i j r ' n ' v 1 s i t r r ? onbx jjj-Q rixa D'frVx nax } *
1

r w vrn n S ^ n j jp czsvn flaVian^ o?oyn y p r a r n h i N a ? vrn

1

: r = 3 ' ^ 0 * 9 * 7 1 oninaSi

nV:?aaSVn?nnixajTi^o^ rnxi r - D ^!??

3 <

? Nf

nixen-nt

ovn

vxnS DOCTJ y_p"p D ri7x orix jnv : D>33T3n nxn r a S n s n S i n S ^ a i ovaVtf aVi : \ n x n -nn3njrnn* s3ia->3CJ^SXxnnj^nnrai
1

fworgn u n ^ o S ^ x n a x n
,

pjr >3imip3

1 o awTi y p i ofl-Sy p x r v S y . jqsriy tpyi rvn vas

ita. * Vocauitej;Deus firmament.cxlum; Sc farum cft vefpcrc, & mane dies cundus. r *"Dixit vcrDcus., Congregcncuraquxqnz fub ceio unt,in locum vnum:& appareatari10 da. Et faftuin cft ita. * Ec vocauit Deusariii, tcrram:congrcgatione(c|;aquarumappcllauit u maria. Et vidit Deus quod cTct bonum. * t B ait, Gcrminct terra herb viren tem & facientem frncn;fielignumpomifci faciens frudl iuxca genus (uum, cuius (men in cmctiplfit upcrtcrram.Etfatt cllita. *Et protulitterra herbamvircntc,&facicntc(men iuxta genus fuu;lignum^i faciens frudlj&rhabcns vnumquodq; lincntcm cund (pecieni uam Et i vidit Deus qud eflet bonum. * Et fartum cft 4 vepercfiemane dies ter tius. 'DixitautcDeus, Fiant luminria in firmamento carli & d i u idantdiemacnodtc; &fintinfignafietepora t Sc diesfieannos-^Vt luccc in inriamcto rali, <&:UluminentteREtfa[umcftita. *Fccitqj Deus duo luminria magna: Iuminarc maiu>, vcprzcTct dici:8c luminarc minus.vtpn;cTc-. 7 noci:fieftcllas.* Et pofuitcas Deus in firma meto cxli,vt luecrt fuper terra: *Et preflcnt dici ac ncti;0c diuiderent lucem ac tenebras. Et vidit Deus qud eTct bon. * Et fadtu m cft i vefpcrc,fiemane dies quartus. * Dixit ctiara I Dcus,Producantaquxreptilcanimiviuentis, | & volatjlc fuper terram fub firmamento cxlt
;

htcrp.cxGrre.lxxv

<J K E S i s. ^ ? * N ijgji

[iiOifunaiourdr o'

C A P V T P R I M VM. K principiofcctt Dtiis calam c > terra'M terraerat mmpbilis et incpopta,et tenebrafuper lyf_ liiinVif [JnriiusDeifcrebaturfii * per xquam. 'Et dixit DenitFi.tt
hi.Qf' "'uTri ?f i v * f rrrrfrrfi["rrrr_jr-riT*f-rrrr
#

hfoimihtrrpaA&vyr.

mufls, 7 r a * 4 ) f ctt-Jon.. miSua. fhti pt%i7CxmSvct<sc.'^iHmvio\^r^!%Tca ncO.it. ygiuxuyun* i csjctfAsGii (povfi cucitiQ 5" t Aff vw&&iyn%iampix1fciy& Ttuififtpa.fJct.^et-

e~e,''V / J w w w / W IUCMI,0- mttrte/iebnu. * Et zarim: liem lucl ihc: &/ tcnebr.u <votnuit notlci to foffu efl vesfere; C>~fiictii eflm.ihe, dies tnus.

...rheuSfFui pri/iaine>:tiiminedio.iqux: jt" tinteraqtix,t} aquS.'EtfecitDciis firmx ?( mrtz, J- liiiupt Deni inter aqt<$;qux erxt Jub fir .:.<:0- interxqiiS^quxfuperfirm.tmenfi. Et flfc v ftptiDict. tip! civ 8i,on XCEAV. iLiynlo iam *rjTif Dem firmmeiit ctlit: rypidit Dcns,qiid kms. lif.:tlu efl Ve/fierc,^filji e/l mxnc,dtcs ftz~ :.'iit xitDc:is,tgregctiirxqtix quxJubetebj, Tjue rvmxrco $ i^\K^mictfijiyi\ (ix, x. ttfUmt m (^rei-ttion wrfjfis- ippxrext anda. Etfiflefl %r.px:)L tyt&TSTWX) wmrfnrvfap r\lmxeTa $ OytiZ rirevjt.i efl aqui qutt fub c*lo,w cgregxtioa o e r a flwaiiS cumi,^ ucpOnn t-npeu '(tUufowirittlnii e fi n:c! app.xrutt xridi. 'Etvocxiiit Deus ,ind.1, i Zr,p,yh->pciov<&&c$Aw$ : . et tSgrtfxtmtlaquxri!,1>oc.iuitiiuria.Etti > !t> o ifjm KetAar '> thm i&Jf, f A a c n T O T S i i yn lxttiv t D.-.isquod boni. iSt di.\ Dei<s,Gcrinmcttcrrx, trrlj :aui [immmitcfemcccundgentis et[ccitnd cmi&v avptx y$ya<&K. w e ^ u o M u i S , m %J*9V fmiUluimi: Cs-ligii" pomifcritfxciens fruflu,ctus mtxuMin Kt^nwtM tawtititjl * mmS j-tv'. '. .liipfris m ipfof.cundii gtnuifuptrttrrS.Etfxi' c ^ i r > ; , s > m 5 T 0 ) . i^i t i v ytwui Bum cflttJ. ^EtprotuhtterfalHrbfcenifemmant ami(ctimpu.cir(^ y&<L xa^uonnit, xa^wtunjeiundgenus (ffccundti pmihtudinci&ltor 7toi4 xa?irir*v<mtp}itt utibs cktcity yi& fi m= mm:] crii fxcicnsfruCu, cuiffctaeeuts in IPI, n fyvf&tailkxfaxcthM.1nHiym^iimis^ iQtyfoftf asdiwtcnui fuper tcir.ttit/it-Deus qudbo. ' r fiel efl teffiert, t$J fafl efl mone,diis ter M ^uififitptifnr *<o*fle,yjt;ftiraio- (aii/jtecWTs a "'l.tdiuthtttt:FiantImmnarixinfirmamento tptucAS vp>.wfU (pctJt^ic^i T s > ?f, thxxrptwcimfti:ccxntfitptrtirStaddiuidendum inter dit, wtpGirfiuspxf (c tbajuGt vxV;'l(9e} i j a r w .icon/uta., C -:er noclc-,es- fint in pgna,& in tporx, (> ia n*^-mfik4tfyfa^&bmm 'I&KUTUC<; k:,c- in ximos. 'Et pntm lUminatnncm firma | epecuaiy* T^! sptficaiSi&voS,ulQjtcaRi >Sf parrxli,Vt hrexnt fuptr terrxm.Et fxFl efl ita. TW. * i 7romriv SsoT iioiarlpacIji jUiaAoi^, // /.' Deus duo luminria magna: lumiuare mamn wpivieip itusdicr.s- lumiiMliUmifs in prutafat ttnnflihcrfle/l.ur Fjpofuit eus Deni infirma mftxhsttlue^rftfiiperterr.1-, Etpretjfint diei, i1 C-niih, ydriideriiuiterhtfttmttttencbrafut j f/d"^ *M*&fXj$ R f l C M T J Q t y Ux^cep^-icpu tidit Dem qud bonit.Tjftliicfl Vtffitrt, ryfilJ i TSC K W cbetyG* TOS muflu;' K (titt i e ; u xsAor. '>c f > ifl a.tKc, 4ics qttxrtits.*Et di.\ * '1 0 'S iaapet li iiniZ it6H,n\uJptttlzpTn.*>L ttwtri fli.c^a mu rtptthx xwnsr viucittiii, (t) tolinha tolStia ! rtxyruidloet^t ipittr. c^arw.Cc Tsn* j^fjx juptrtcrrSipeuiiJitprm.tmcnt cxli: eyfaCIsi eflita.
1

7rw6iiffurfaTC;ij>((i>fi&wii<ji

BBLIA

POLYGLOTTA

P g i n a s d e livro, 1568 Impressas p o r Christopher Plantin, A n t u r p i a

> MS

O diagrama da Bblia poliglota

de P l a n t i n estabelece regies

C H A L O A1C AE
1

PARAPHRAS1S - T R A N S L A T ] O. CAI-VT F R I U V U.

T N ' -ptincipio crriuit D e o eslnih & t c m m i r " T o t awcm c r i ; ddcrtj 6c vacai j tt i t n e W fiiper ficirm jhyfli: frfj-ilitm D e i I inhutUhailnunliuicmaquarUfn.. EtaurirDtii*. S l t l n ^ & f u n l u R . ' Ur iJii Dcui lucem q u H t f l boiu. E n l u u l i i D e m miei lucem I iV IIIUT icnchtai. ' A|tpvllauiic|ae D c u i lucem diem, &tcnebtaivucauil noftwn. E i f u i t vefprreekHiitaum-riict v n u s . ' E t d i J I I D e m , ~ i u limuinrniuni In mniio a q u i n i m : cV: dluiJac inter aquai & atjua!. ' E t fecit Dcut fitmainentum: & diuilit iniet ai]iut'qus eram liili. VrAtnutucntum:c< mier a q i u i q u x c r j n t fiipet firnumentum:*iuitita. . " E t vocauit D e m litmamcntiiincrluni. E t t u u v c l p t r c o fmt aunc,Jitilccun>lui. " E i d u i c D e u t , Congiegentiir aquiq.ia-rnbcaloriint.in locnmvnnmt ii ai>iuicatatua. t i tuii ita. * t i vocauit .a|>patcata I>eiitAii.ljmtetthi: J.-locuniconRteji"nniijquatumappellauitmatia Et N idit Deus q u d ciTct hotium. " E l d t t i t D c u s . G e n n l h c t t c t T i g e r U n a i u i n e m h c t b x . c u i i u n l t u x i c m e n i i i l m i n a t u r : atborvmque fruAiferam ftetentem frudhis lectindum genus fuum; tutus fliuslcmentu i a iplolil r.ipen.-trjm . E t u l t l M . " E( f T o l o . l l [erri grmen h c i h i , c u u i filias fcnirntisrcniinitiir lUliniluni pi nus finuvi; . \u fjeientem sraliiSM-uiiiUdiiiiIrmcniisinifrorecuiulumgenusfuum.EtvidfiDcusqudeilrbonum. " E t T u i t vOlprrr C V fim n.anc.dics Ccitiui. " E t dmi D.-us, S l M lilminuia in firmamen c x l i , tdiuidant inter diein 4 : noAem i ciint in ligna & m tcmpura.i & vt numcicmur petea diej , \. " E i l i n u n luminatiainritmamentocstliadilluimnaMumluperteitam: dcfuirlu. " t r fecn l)cusduulutnin.uia n u u n a i l u u n a i e u u i u i . v t d o m i n i r e t u r i n d i e r & . l u m i n a r e m l n u s . v t d e t n i n i r e t u n n P o e t e : S : f t e l l a t . "EtpoTultcai Dernin At<nin.ci>!ocli.nlilliiiiiinandurnfuprtiiirim. " E l v t d o m i n . i t e n n i r i n i l l e c V i n n o c l c : c v t d m i d e r e i i t i n t e r l u e e i i t c n e b r a i . o t v i d i r . O e u i q u . l r O i i h i u n i . " Er uir vefuerc fcl\nuiine,JiciquUius. " Er duir p c u i j S e i p j n i a t j u i repule i n i m i v . u i i i r & a u c r a q u r voLr fupn i e t t i l u j . a f i c i a e t n A i n u m e n i i c i l o t u m .

para cinco verses diferentes do texto {hebraico, grego, aramaico, srio e latim). Cada zona individualmente proporcionada para acomodar a textura verbal e tipogrfica de cada escrita. A pgina um retngulo denso e repartido. Suas peas, ainda que altamente individualizadas, encaixam-se em um todo unificado. Reproduzido do livro de William Dana Orcutt,
I n Q u e s t o f t h e Perfect B o o k

[Nova York: Little, Brown and Co., 1926).

DIAGRAMA

I l 8

48

S U P P L E M E N T

D E

L ' A N T . E X P L I Q . Liv. VI.

C H A P I T R E

S E C O N D .

1. La colonne de Pompe. II. On ne convient pas fur fes me fures. 111. Colonne d Alexandre Severe. I. T A f a m e u ' colonne de P o m p e eft aupts d'Alexandrie : o n ne faie J L ^ p o u r quelle raifon elle porte le n o m d e P o m p e ; je croirois volonticrs q u e c'eft par quelque erreur populaire. Pluieurs voiageurs e n o n t p a r l , tons convicnncnc qu'elfe eft d'une grandeur e n o r m e . D e u x des plus m o d e r n e s e n o n t d o n n e le deTcin & les m e d u e s ; m a i s ils differenc conidcrablcment entre eux fur Ia hauteur d u piedeftal, d c la colonne & d u chapiteau : cepend a n t tous d e u x difent qu'ils l'ont m e f u r e . ,, P o u r ce qui eft d e la c o l o n n e , dit l'un , ( c'eft Corneillc B r u n p . 141.) elle eft fur u n piedeftal q u a r r , haut d e fcpt o u huit pieds & large d c q u a torze c h a c u n e d e fes faces. C e piedeftal eft poie fur u n e bale quarrc , hauce d e n v i r o n u n d e m i p i e d , & large d e vingt, faite d e pluieurs pierres m a o n n e s enfemble. L e curps de la colonne m m e n'eft q u e d'une lule pierre, q u e quelques-uns croient tre d e granic ; d'autres dilnt q u e c'eft ,, -une efpece d e pce o u d e c i m e n t , qui avec le t e m s a pris Ia f o r m e de pierre. P o u r m o i je croi q u e c'el u n e vraie pierre d e taille, d u m o i n s a m a m q u e j'ai p u le reconnoitre par 1'preuve q u e j'en ai faite. E t i cela eft vrai, c o m m e perfonne prefque n'en d o u t c , il y a lujec d e s'tonner c o m m e n t o n a p u drefler u n e pierre d e cette g r a n d e u r : car aprs 1'avoir m e f u r e , j'ai trou v qu'elle a quatre-vingt-dix pieds de h a u t , & q u e f groflur eft telle, q u e (ix h o m m e s p e u v e n c peine 1'embraucr; cc qui revient, felon la m e u r e q u e j'en ai prife, trente-huit pieds. A u haut il y a u n beau chapiteau pro portionn la grolTeur d e la c o l o n n e , m a i s fait d'une piece fepare. L'autre, qui eft M . Paul L u c a s , en parle e n cette m a n i e r e : U n de m e s premiers oins fut d'allci e x a m i n e r la colonne d e P o m p e , q u i eft prs d'A lexandric d u ct d u c o u c h a n t , 6c je croi quil feroic difficile d e rien ajou-

S U P P L E M E N T DE

A U

LIVRE [ESQ.]

L'ANTIQUIT

Livro, Paris,

1724

O diagrama de duas colunas planejado para esse livro bilngue aloca um grande bloco de uma coluna para o texto em francs e duas pequenas colunas abaixo para o texto em latim. As aspas emolduram a margem esquerda do trecho citado.

C A P U T

S E C U N D U M .

/. Ctlanu Pmpeii. II. De cjm menfmii mu ttnvl lapide eft, plurimi puranr ex mrmore granito nil tmer cei tjui ijlu Itt tdknaa. III. Colkmil elle , alii vero quafi camentum tc compactam AUxniti Srvtri. " mareriam elle, qux procedente tempore , formam
I. f Elcberrima - illa Pompeii columna ptopc V_/ Alexandriam erigirur. C u i Pompeii colummt vocetur, ignoratur. Libenrer crederem hujufmodi denominationcin ex populari cnoie manavillc. Ex peregriuantibus omites enotinis magnicudinis el narram. Duo recentiores & figuram & menluras dederunt, ar imer illosnou conveoie de ftylobarx, columnx & capirelli magnirudine. Artamen ainbo dicunr fc menluras cxccpillc,
1

ponitur , alriradine dimidii pedis , ex lapidibus 'plurimis ittucta balis eft , longjrudinis ciicumquique viginli cedes babns. Columna cx uno

T H E NEWS

ILLUSTRATED [DIR.]

L O N D O N

" Quanlum ad columuam , inquir Cornlius < Brunius p. 141. e impotita cft quadraro ftyloba c r cujus airiiudo el feptetn o o v e pedum, Ia. tera vero ingulis in taciebus fuiu quaruordecim " pedum. Srylvoaces autera Ule quadrara: baii iiu-

lapidis fumicrit. Puto ego elle lapidem quamum > (aliem experiri licuir. Quod 1 ira fir id auteui > nemo hodic in dubium vocat; plane mirum quo pairo tamum lapidem erigere potuerint. Nam cum menuram duxiflcm , nonaginta pedes " altirudinis habere competi, tamaque cjtis cft fpi firudo, ut cx viri limul vix illam ampleeti pof fine , id quod ad menfurara a me (uniram rcdti" citur , circuirus cnim cjus eft rriginta & oito pedum. In culmine capitcltuin eft ex uno lapide fecundum columna: proporrionem. Alius , nempe Paulus Lucas, columuam lie defcribir. Ubi primura porui columuam Pompeu adii qua? prope Alexandriam eft s-crius oc cidciircm. Dimcile atuem clct cjus menluras

P g i n a d e jornal,

1861

Os primeiros anncios de jornal no eram fornecidos pelo cliente ou por uma agncia de publicidade, mas projetados pelo impressor do jornal. Nesse denso campo visual, os itens ocupam um diagrama de quatro colunas; os fios tipogrficos garantem a ordem.

-
THE ILLOSTRATED LONDON NEWS
TTOSPITA1, (or OOHSUMPTION anl

E LATE.A, D. SAYOBY

aod SOSS

rjlBE IHPEBIAL WIT OOMPANY, 814, XIAC-DB.VT^TJUH Puxe PALH BEANDY,

"OCSEHOLD Jto_DBrABTllKti-'

6 7 7

B B g M r M g L Piafa, Sirired. ad Caeckad

A STH HA SPEOIFIC.-DATTJBA TATULA. g A B I B B Alli JRWEIXB3Y.OBOBGB HOOPEE. pgMJTjjt .TEWELLEBY.-A large and

BBaOEADHBTTBB,

~\f A B B I A T o

CIF I f

T T r A t i E f f S PBICB-LI8T of IA1R PLAITS.

WALSOT

RDTTE

DBAWDJa. BOOM

<"

.A.DIB8' B I D I N 8 TjADlBSBIDINO

TBODSBB8, HABJT3,

"R E .S?. B 2 S H f b B " t n S i 5 i s E

1

ffirffig.

milS, ^iSrZ i
0 a

;HB HALF-arjDtEA L B D 1 1 B ,JOB PHOTOGBAPHR

WBBATH.Brida)

fJTHE O B B A T E S T NOV .IT o "lhe A O S .

ATOVKLTIKS

,l

ELEOiKCIES

OSf ?
1

6F 0 E

CANADA.Co)onred lnit

IffSSggi^^JaMPHt D

C f e r o r r i a n e t e i W A S H I N O , WRIKOLVO, U A S a L M O

S J t e ? " * " ' Watca, .ad . Olod.

SHOBB'61VOCKSodFIBEPBOOF8AFB8,

. ranxoil

LES MOTS E N FUTURISTE:

LIBERTE LETTRE

D'UNE JOLIE F E M M E UN MONSIEUR PASSEISTE LIBERDADE

[AS P A L A V R A S E M

F U T U R I S T A : CARTA D E U M A BELA M U L H E R A U M SENHOR PASSADISTA]

Poema, 1912 Autor: F.T. Marinetti Nesse poema futurista, Marinetti atacou as convenes da poesia e as restries impostas pelo diagrama mecnico da prensa tipogrfica. Mesmo assim, as presses retilneas do diagrama evidenciam-se no trabalho composto.

M E RZ-M A T I N E N

Cartaz, 1923 Designer: El Lissitzky O artista e designer do construtivismo russo viajou muito pela Europa na dcada de 1920, onde colaborou com outros membros da vanguarda internacional, incluindo o dadasta Kurt Schwitters. Esse cartaz, precisamente composto para anunciar um evento Dada, organizado e ativado pelo diagrama retilneo da prensa tipogrfica.
FORTOLIET

M A T E R I A A L VOOR VLOEREN - PUIEN SCH O O R S T E E N M A N T E L S

O R T O L I E
N.V. EERSTE NEDERLANDSCHE FORTOLIETFABRIEK

Carto postal, 1925 Designer: Piet Zwart Coleo de Elaine Lustig Cohen O designer grfico holands Piet Zwart foi influenciado tanto pelo movimento De Stijl quanto pelo construtivismo. Na identidade visual que criou para a fbrica de revestimentos para pisos Fortoliet, Zwart construiu letras monumentais a partir de fios tipogrficos.

F A B R I E K EN K A N T O O R : L E I D S C H E W E G 4 0 U T R E C H T TEL . 11347

DIAGRAMA

121

D I V I D I N D O O ESPAO

No sculo x i x , as pginas multicolunadas e multimiditicas dos jornais desafiaram a supremacia do livro e de sua margem insular, abrindo caminho para novas tipologias do diagrama. Questionando a funo protetora da moldura, artistas e designers modernos libertaram o diagrama, que tornou-se u m a ferramenta flexvel, crtica e sistemtica. Artistas e poetas de vanguarda atacaram as barreiras que separavam a arte do cotidiano, criando novos obietos e prticas ciue se misturavam exDerincia urbana.

O assalto contra a sintaxe tradicional da impresso foi liderado por F.T. Marinetti, que criou o movimento futurista e m 1909. Marinetti concebeu poemas que combinavam diversos estilos e corpos de tipo, permitindo s linhas de texto atravessar diversas linhas da pgina. Suas engenhosas manipulaes do processo de impresso trabalhavam ao mesmo tempo com e contra as restries da prensa tipogrfica, expondo a estrutura tecnolgica mesmo quando tentava revog-la. Os artistas e poetas dadastas conduziam experincias tipogrficas similares, usando tanto a prensa tipogrfica quanto a colagem, a montagem e vrias formas de reproduo fotomecnica. O construtivismo, surgido na Unio Sovitica no final da dcada de 1910, amplificou a tipografia futurista e dadasta, empregando uma abordagem mais racional no ataque tradio. El Lissitski usou elementos da grfica para enfatizar a mecnica da prensa tipogrfica, empregando rguas de impresso para tornar a matriz tecnolgica ativa e fisicamente presente. O construtivismo usava rguas para dividir o espao, lanando sua simetria e m u m novo tipo de equilbrio. A pgina no era mais uma janela fixa e hierrquica atravs da qual era possvel ver o contedo, mas uma extenso mapevel e articulvel, u m espao que se estendia alm de suas margens. Para os artistas e designers holandeses, o diagrama era u m portal para o infinito. As pinturas de Piet M o n d r i a n e suas superfcies abstratas cruzadas por linhas horizontais e verticais sugeriam a expanso do diagrama para alm dos limites da tela. Theo van Doesburg, Piet Zwart e outros membros do grupo holands De Stijl aplicaram essas ideias ao design e tipografia. Convertendo as curvas e ngulos do alfabeto e m sistemas perpendiculares, eles passaram a letra pela peneira do diagrama. Assim como os construtivistas, eles tambm usaram barras horizontais e verticais para estruturar a superfcie da pgina. A tipografia fimdamentalmente o ato de dividir u m a superfcie limitada. W i l l i Baumeister, 1923

DIAGRAMA

122

der

direktor

das

bauhaus

in

dessau
sldl. kreisapark. deasau 2 6 3 4 poalscheck m a g d e b u r g 1 3 7 0 1

dessau

m a u a r s t r a B e 3 6 ternriif 2 6 9 6

DAS B A U H A U S

I N DESSAU

.rauch ainar veranlacriian achraibwels l schreibwatM wlrd on Eilen *argl. das bucti ..spracha und schrft" vou tac das verains deulachar injeme varllart m a n a schrih nichta. arlrd aber laichtar leabai ir larnbar, wMntlieb wirtacriaftlie IOt In wort. arum dt* dopoane m

zukunftachrifi (Tiptohlen. 2 . durch ktajnschralbung fur inan laut, a. b. zwa dia hllft datsolba riaicht?

Papel de carta, 1924 Designer: Herbert Bayer Coleo Elaine Lustig Cohen Os papis de carta feitos por Herbert Bayer para a Bauhaus so manifestos em favor de uma nova ordem tipogrfica. Bayer no fornece uma moldura decorativa ou um ttulo centralizado, mas trata toda a pgina como uma superfcie a ser dividida. Pontos, fios e linhas tipogrficas indicam os eixos de dobra e posicionamento de texto. Este papel de carta tambm defende - em um texto impresso em letras pequenas ao p da pgina - a ideia de que todas as letras deveriam ater-se caixa-baixa.

A nova tipografia no contesta apenas a " e s t r u t u r a " clssica, mas todo o princpio da simetria. Paul Renner, 1931

DIAGRAMA

I23

O livro de Jan Tschichold Die Neue Typographie [A nova tipografia], publicado na Alemanha em 1928, emprestou ideias do futurismo, do construtivismo e do De Stijl, transformando-as em conselhos para impressores e designers. Papis de carta de tamanhos padronizados e zoneamento funcional foram centrais para a aplicao prtica que Tschichold fez do modernismo. Se o futurismo e o dadasmo haviam feito u m ataque agressivo s convenes, Tschichold defendia o design como u m meio disciplinador e ordenador, e inaugurou uma teoria do diagrama que o qualificava como u m sistema modular baseado e m medidas padronizadas. Ao descrever a expanso do espao e m todas as direes, o diagrama moderno deslizou para alm da moldura clssica da pgina. Analogamente, a arquitetura moderna deslocou as fachadas centralizadas dos edifcios clssicos e m planos quebrados, elementos modulares e faixas de janelas contnuas. A moldura protetora tornou-se u m campo contnuo.

DIE NEUE TYPOGRAPHIE

O diagrama

de Tschichold a respeito do bom e do mau design das imagens de acordo com o ancorados Tschichold mais de "blocos")

Diagrama, 1928 (redesenhado) Designer e autor: Jan Tschichold

de revistas defende a distribuio ao centro da pgina. adicionou

contedo, ao invs de forar o texto a envolver blocos Ao explicar esse experimento, (ento chamadas que suas pginas redesenhadas seriam ainda

eficazes se as retculas fotogrficas fossem produzidas

em tamanhos fixos e no

arbitrrios.

Mostrei intencionalmente blocos de larguras diversas e "acidentais", j que normalmente com eles que temos que lidar (no futuro, entretanto, os blocos de tamanhos padronizados faro com que isso ocorra com menos frequncia). Jan Tschichold, 1928

DIAGRAMA

| I 2 4

VonAbisZbeiZundN
d e m Facngeschatt mil d e r g r o B e n A u s w a h l

ZAHN-NOPPER
Slullgart T u b i n g e r Slr. 11 Telofon 2 9 9 0 8 1

ZAHN-NOPPER Z u m blMmgliduttn Einlritl

Verkufer ais Samstags-Aushilfen

auch vorkaufsbegsb.o Handwerfcer fUr untere Abtofungon Heimwerkar Gartenbedarf Werkreuge Baubeschlge

250JAHRE SEIT1721

ZAHN-NOPPER

Identidade de loja, 1961-63 Designer: Anton Stankowski Esse sistema de identidade demonstra uma abordagem programtica do design, usando um conjunto limitado de elementos para construir solues diversificadas porm geneticamente vinculadas. O sistema no governado por um logotipo fixo, mas por regras construtivas flexveis.

250JAHRE SEIT1721

DIAGRAMA

125

O D I A G R A M A COMO P R O G R A M A Os clssicos da teoria do design suo incluem Josef Muller-Brockmann, Grid Systems in Graphic Design (Sua: Ram Publications, 1996; originalmente publicado em 1961) e The Graphic Artist and his Design Problems (Sua: Arthur Niggli Ltd., 1961); e Karl Gerstner, Designing Programmes (Sua: Arthur Niggli, 1964). Ver tambm Emil Ruder, Typography (Nova York: Hastings House, 1981, originalmente publicado
em 1967).

No perodo que sucedeu n Guerra Mundial, os designers grficos suos refinaram as ideias da Nova Tipografia para criar u m a metodologia de design total. Foi nessa poca que o termo ''grid (raster, e m alemo) passou a ser comumente aplicado ao leiaute de pginas. Max Bill, Karl Gerstner Josef Muller- Brockmau n . .EKWJJ&C c u urros toram praticantes e tericos
3

de u m novo racionalismo que pretendia catalisar um a sociedade honesta e democrtica. Rejeitando os clichs artsticos da auto-expresso e da intuio pura, aspiravam ao que Ruder chamava de "uma beleza fria e fascinante". O livro de Karl Gerstner Designing Programmes (1964), u m manifesto a favor do design sistemtico. Gerstner definia u m "programa" de design como u m conjunto de regras para construir u m a gama de solues visuais. Ao conectar sua metodologia ao novo campo da programao de computadores, Gerstner apresentou exemplos de padres gerados por computador a partir da descrio matemtica e da combinao de elementos visuais a partir de regras simples.
^S^^^^iga^ra;v la^iViidiiaids suos rejeiaram o

modelo secular da pgina-moldura em benefcio de u m espao arquitetnico contnuo. Se u m livro tradicional acomodava legendas, comentrios e flios e m u m a margem protetora, o diagrama racionalista seccionava a pgina e m mltiplas colunas, todas com o mesmo peso e m relao ao todo, sugerindo u m a progresso indefinida para o exterior. As figuras eram recortadas para ajustar-se aos seus mdulos, produzindo formas de propores incomuns. A o construir diagramas cada vez mais elaborados, os designers suos usaram os limites de uma estrutura repetitiva para gerar variao e surpresa. Tais diagramas podiam ser ativados de diversas maneiras dentro de um a mesma. pubticC-, ^ m p e refefffia-s raiz sua estrutura. Essa abordagem, rapidamente batizada de "design suo", ganhou simpatizantes (e detratores) no m u n d o inteiro. Muitos designers norteamericanos dispensaram-na como algo irrelevante para um a sociedade movida pela cultura pop e vida por estilos velozmente mutantes. No entanto, o pensamento programtico ressuscita medida que os designers enfrentam projetos de informao em larga escala. A demanda por "programas" flexveis, capazes de acomodar corpos dinmicos de contedo, maior do que nunca.

A grade tipogrfica u m regulador proporcional da composio, das tabelas, das figurasse (~) J^jis^f^^^RC/inr^V^equiif K a r l Gerstner, 1961 o mximo de conformidade regra e o mximo de liberdade. Ou: o mximo de constantes com a maior variabilidade possvel.

DIAGRAMA

I2

2 Mehrfamilienhauser

im Doldcrtal

Zurich

Raumlichc Organisation Situation: Dl* beiden Mehrfamil.enr.a.ufter ll*o*n Im Vill*nvl*rl*l, aul halber Hhe des weatvvUrts abfalienden ..Zurichberg" [4). Lings d e m Grundttdck verlauft au( der Nordwestaeit* eine flentlich* Parkanlag* mil einem dichten Baunbestard. Di* Zulahrtsstrasse genanrt ..Doldvrtal "tal ein Ge'AU* von 1 0 % und iit nletit durchg*h*nd. Di* Sehrag*t*llung de- Bl&ck* K W Baulinl* rgibt Ir* verb*n*r|* Suolage fOr dl* W o h n r u m e . eine Abdtehung der Schlalrume von der Strasse und eine lockero Geaatntanlaoe, ohne geganberliegende Schmalaaltan. [3] (Sl*h* auch baugesfltiliche Sonderhelten.) R a u m p r o g r a m m : Es ist versucht worden. di* V o n g e d*s Einlamilienhause *ow*i| ais mglich auf di* Etagenwohnung zu b*rtragen (freies. schallaicheres Wofinco. Einbeziehun der Landschafl. grosse Wohnlerraaaen. weitgehend* Inner* Auailattung), Im Unt*rg*aehoss: Gedeckter Vorplatz mlt zwel Gatagen. Elngangshalle m H Treppenaufgang, Aostollraume, Vorratskeller, Waachkche und Trockenraum. c/e b*ld*n l*tztrn nur im untam Haus. Unler der Eingangshalla mit besonderm Elngang [9] (7) !l*g*n Heizung und Kohlenraum. Im Part a m : ein* Viarzlmmerwohnung mit Mldchcnzlmmer und *in Elnzimmer-Apparlment mit direktcm Eingang v e m Gart*n. Im Obergeschoss: *ina 5/6-Zimm*rwohnung m H Madchenzimmer. Zu dieser ! Mehrfamilienhu 1 Doldertal

W o n n j n g geh&rt noch ein auf Hhe Daehgeschoss legendes Sonnenbad [12] (1Q), durcb eine Eisentrepp* von der Terra* errichbar. In beiden W o n n u n g e n NegenTrepp* und Kcri* ausserhalb der*ig*ntlicheti Wohnflach* (Schallisolatlon); tennoch hat di* Kctte In* b*tri*bst*ehnlsch zsntrale Lag* (Varblndung mit der Terrasae, j* In* Durchr*leh* nach Essplatz und Tr*ppenhaus). Im Dachgeschoss ein grossei und ein klincs At*li*r, Abstellrlum* im Treppenbau. Technisch* Durchbildung (.3 Technlach* Dataila) Konatruktionaprinzlp: Eisenaketett, Elsenbelon.Zwlichendecken, Faeaadenausmaucrung mit gebrannten Hohlsteinen. hintermauert mlt Glpadielen. Die Fataaden snd konitruktiv von d*r Zwischendeckcn D a s zuruckgesetrte Dachgeschoss b*sl*ht aus hei: mit einer ussern Et*rnlcv*rkl*idung. Zur Fertigsteilung des Aussern sind auaachlieQlich Matarlalien mit unterhaltsloser Oberflache verwendet wordan: Edelputz (welaaer Zement. Naturstainparllketn, ohn* Farbbelgabe); Elernlt ( t i r Rolladankaalan, Brstungen. Sonnen-StorenVordach und DachgeschoGaufbau; lackiertes Holz lur Rolladen und Garagcntore: Kupler (Cr smliiche Spenglararbeiten; feuerverzinktes Eiaen fr Fensterbteehe. Geltnder. Gestrlehcn sind lediglich di* Fensler und gewiss* Metallteile aua architeklonlschen Grnd*n. F*n*t*rflficrten: Horlzontal-Schlebelenater in Fhrenholz in den W o h -

rurgen. Grosse des Normallansters 310 - 120 mit d e m Rolladenkasttn; (*st*r Teil einv.'ta klappoa' ZLDie Siidlenater des W o h n r a u m * * slnd mil d*r Brsuns : gebaul (vgl. [21], [22], [23]). Die Kuch*nlnaler sird w ubrlgen F*nstr a m Bau sind cintach verglaat. Dia Atai durchgchende 45 c m hoh* Oberlichter unter der Dec-e klappen. t o o u gewisse est verglaste Fenster Vergiasung: Wohnungstenster Spiegclglas 0/7 m n lichtar Rohglaa, Treppenhauafenster Drahtglas. S o die Wofinzlmmerfenster vor die Faasade g*hngt< [21] (44), fOr di* Schlafzimm*r Roll-Jaloualen. Hi . I nat seire eigane Warmwasserheiung fr KI*inkaiO) c :-;-! fr die Warmwasscrbereitung bentz: '-s ein Warmwasserboiler mit 1000 Liter Inhalt. Wohnungaausstattung: Di baiden Hluser sind 1 Mieter, |edocb ohne Lu.ua auigestaltel. Di* Zimm*- 1 entsprachend gerlumig dimanslonlert ( W o h n r a u m 35,00 2 m 1 ) . Dl* Skel*ttkonatruktlon erlaubt |*d*rz*t * m * ach*n dr Mieter entsprvchertd* Variabihtt des G f M a l W o h n r a u m beflndet sich ein oflener Kamin und ein c**r* bratt tr Blumen. Eingebaute Schrnk* Im Korrldor. in d** kleiner Abslellraum. Fussboden: In den W o h n u n g e Esche im W o h n r a u m , Eiche In den brigen R u m e n und

Zurich

DIAGRAMA

127

Sudwest mit Eingang und Garagan nlckel-Stahlblech, Kuhlacnrank, Arbeitsflchen in Ahornholz. Elektrische Belauchtung: Dlasa ist In allan W o h n - und Schlafraumen, GAngen, Kchan. Ateliers ein* indlrekte. Ohonomiaehe Angab*n Di* beiden HSuser sind P-lvatbesitx von Herrn Dr. S Gledion. Zentrala*krs(lr dar tnternationalan Kongresse fr N*ua Bau*n. Die Baukoslen Inkl. Architeklenhonorar belragen: 43,5 Maurerslunden pro m 1 umbaulen R a u m e s bel total 1985 m 5 pro Haua, offen* Halle im Parterre zur Htfte gerechnet. Die durchschnittllchan Baukosten fur normale Wohnbauten In Zurich, ohne besonderen Ausbau. betragen 38 bis 40 Maurerslunden pro m 3 umbauten R a u m e a . (1 Mstd.--- Fr. 1.72 1935/36) Aalhetiicher Aufbau Die Schragstellung der Bl&cke argibt elnerseits eine lockere Gesamtanlage und erhht andarsaits deren plastische SelbstAndigkeit. Der zwelgescriosslg-e- ^rtaraTtar- ifVr r V U u W ,tfflllJW.MlmiTuinn Jlftr JmtCl'fendon Zone) wird durch daa Loslsen des BaukOrpara vom Terrain und durch das Zurckselzen dea Dachgeschoases gewahrl. Diaser Eindruck wird verstrkl durch die vom Hauptbau abweichende Konstruktlon dea Dachgeschosae* (Hoiz und Etemll). In der SGdfassade ist durch Weglessen der gemauerten Brstungen ein Austeres Zusammanfaisen von W o h n r a u m und Wohnlerraase errelcht. In der rumlichan GUederung treten vlelfach schrg varlaufende W A n d * aul, wodurch eine gewlss* Aufiockerung der Rechtwlnkligkeit errelcht wird. Dia Eingangshalla ganz In Glas hat ein* frei* Form une lAsst den Durehblick in den rekwArtsIiegenden Par* Irei. Der Garten relchl b*r di* weitergefuhrten Gartanplattan (6ranit) bis zum Treppsnaufgang. In den W o h n r u m e n und Ateliers reichen dl* Fenster bis zur Dck*. in d*n Schlafrum*n iat *ln Sturz von 40 c m . In der Dimensioniorung von Bautelien und Ausstattungsdetails Ist sina d e m betreffendan Material ontsprechando Sparsamteit sowle slne organische und gapflegt* Formgebung beobachtet worden. Materialbahandlung und Farbgebung: Aussen wlrken die Bauatoffe in Ihrar natCrtichen Slruktur und Farba: Edelputz (w*l*s*r Zement mlt roten, schwarzen und gllmmerrden Stalnsplittern), Eternit, lacklcrt** Holz, El*nteil* fu*rv*rzlnkt. mit Aluminiumlarb* gestnchen. Farba an tolg*nden Stellen: Fensterrahman dunkelgrau, Gelnderrohra. A b d*ckbleche weissgrau, die slchtbaren KeMermauern und SAuIen sind njjrmajvar^ujztundheiy Im Treppenhaus, inden GAngen und Nebenrumen sind weissgrau, ebenso das g*eamte Hotzwerk, Radlotoren, Loitungan. Dl* W a n d a d*r W o h n - und Schlafrume sind hell g*tnt (beige, rosa, hellblau, grau). Besondere farbige Akzente k o m m e n weder aussen noch innenvor; aaiadamitder wechselnden Etewohnung Ces Miethauses Rechnung gatragtn worden. 53 2 Mehrfamilienhuser im Doldertal Zurich

Unoltu sucra sind Stelnzeugplaften, fcCvi irkrnern rrazzo. schwarz. mit v. I .~< Podesta bealehen ebtnfalls aua Terrazzo (Tritt* mr\ im Bau gegossan und geschlirTen). Die StirnJTC di* Socket aind mit weissan, hartglasiarten Ptatten :>* accen der Ateliers sind mit fiallgrauem Unoleum arcM^cndiung: GipsverpuU in smtlichen RAumcn. Kalkj=-*-. Badern und Aborten. Die W A n d * der Zfmmer aind i j*stricri*n. mil A u a n a h m * derjertlgen In den W o h n t (tapazlert mlt Grundpapier und Lelmfarbanstrich. BMli.li auf Stoflbeapannung). In den Ateliara Verklelakidkt ha Hollkonstruktlon mit Sperrplatten (gewachate ri 1 Absaanwand atoflbaspannt, mil 01 larb gastrchen, geapachtelt und Hochglanz mlt Ripolin cear -a.nci.ijf in Elsan, Im Feuer weiss emailliert. Fenateraaat ^stef-en in allen R A u m e n der W o h n u n g e n aua perr-i acarten Schlelerplatten. Ausstattung der Bader und aaaaar de-s Bades in dan W o h n u n g a n 6 m 1 mlt Badwanna, M _*-*cs.W.C. Dar Splegel ber den Lavaboa Ist gegen Baena Fantferflacha gebngt (Licht auf das Gasicht). Dia [ o: i=.n; ajsgestattet. je eine Durchreiche ina Treppeneaat aratfvEaafaun. zweiteiliger Auf**aschtiach in Chrom-

DIE NEUE ARCHITEKTUR [A N O V A ARQUITETURA]

Livro, 1940 Designer: Max Bill Autor: Max Roth Fotografia: Dan Meyers

Projetado por Max Bill em 1940, esse livro considerado o primeiro emprego de um diagrama modular e sistemtico. Cada imagem dimensionada para ajustar-se estrutura da coluna - tal como Jan Tschichold havia previsto em 192S preenchendo uma, duas ou trs zonas. Reconhecendo a originalidade de seu leiaute, o autor qualifica Bill como "o criador da estrutura tipogrfica do livro".

DIAGRAMA

128

Der New-York-Times - Prospekt zeigt die Lsung einer komplexen Aufgabe; zeigt, wie eine Idee, ein Text und die typographische Darstellung ber mehrere Phasen hinweg integriert werden. Darber hinaus kann sich die Aufgabe stellen, Prospekte wie diesen wiederum mitandern Werbemitteln und Drucksachen zu integrieren. Denn heute brauchen Firmen mehr und mehr nicht bloss hier einen Prospekt, da ein Plakat, dort Inserate usw. Heute braucht elne Firma etwas anderes: Eine Physiognomie, ein optisches Geslcht.

Die Beispiele dieser Seiten geben die Physiognom der boite musique, eines Grammophongeschfts in Basel, wieder. Die boite musique hatein Signe und einen firmeneigenen S t i l - und doch wieder nich wenn man unter dem einen ein starres, nachtrglic berall dazugesetztes Zeichen und unter dem ande ein bloss sthetisches Prinzip versteht. Vielmehr: Die einmal definitiv festgelegten, aber jeweils den verschiedenen Funktionen und Proportionen angepassten Elemente selber bilden das Signum und de Stil in einem.

Abbildung 13 zeigt die Struktur. Fixiert sind die Elemente Schrift und Rahmen; ferner die Verbindung von beiden und das Prinzip der Variabilitt: der Ramen kann, ausgehend von der Ecke unten rechts, nach oben sowie nach links beliebig um ganze E heiten vergrssert werden. Einen in sich proportic-s hervorragenden Fali gibt es nicht. Es gibt nur wertgleiche Varianten; und hervorragend ist die Variadann, wenn sie der jeweiligen Aufgabe am bester gemessen ist. Abbildung 14 zeigt die Neujahrskarte mit glelchze: verschieden proportionierten Varianten; 15 den Br bogen, wo das Signum dem (gegebenen) Din A4 Formal angepasst ist; 16 und 17 Inserate, wieder sprechend dem zur Verfgung stehenden Inserti; raum bemessen; 18 ein Geschenkbon.

boite musique

DIAGRAMA

I2

anbisnui e

D
C

boite musique

PROGRAMME

ENTWERFEN

[DESENVOLVENDO PROGRAMAS]

Livro, 1964 1
liba' mltti ge3ftntt
0

boite | musique

Designer e autor: Karl Gerstner Editora: A r t h u r N i g g l i Fotografia: Dan Meyers Esse livro um clssico da teoria do design cuja dos meios de relevncia

aJl plattvn - aerrik olsrn lm nopping cnl*r drachen basel

ganhou novo flego na era comunicao identidade em rede. O projeto de

boite musique

de Karl Gerstner para a Boite Musique [Caixa de msica], mostrado aqui, mudam de acordo com o contexto. possui um sistema de elementos que

boite

m u s i q u e

DIAGRAMA

I 3 0

O D I A G R A M A COMO T A B E L A

As tabelas e os grficos so variantes do diagrama tipogrfico. U m a tabela consiste de colunas e linhas cujas clulas so ocupadas por dados. U m grfico uma linha mapeada ao longo dos eixos x e y de u m diagrama, onde as dimenses representam variveis (como tempo e cotao, mostrados abaixo). De acordo com Edward Tufte, crtico e terico do design de informao, as tabelas e os grficos permitem que as relaes numricas sejam rapidamente percebidas e comparadas. Neles, o diagrama uma ferramenta cognitiva. As tabelas so uma caracterstica central para o web design e foram incorporadas ao cdigo H T M L e m 1995 para permitir a apresentao de dados tabulares. vidos para dar forma aos alongados e flcidos corpos de texto da internet, os designers rapidamente conceberam usos no autorizados para a tabela H T M L , transformando essa ferramenta para representar dados e m nada mais nada menos que u m diagrama tipogrfico. Eles a usaram para controlar o posicionamento de imagens e legendas, b e m como para construir margens, intercolnios e telas com mltiplas colunas. As tabelas tambm so usadas para combinar diversos estilos de alinhamento de texto e para construir listas elegantemente numeradas e marcadas.

O COLAPSO DA E N R O N

(ABAIXO)

Grfico de i n f o r m a o
interativo, 2002

N Y T i m e s . c o m ; cortesia d o The New York T i m e s Esse grfico on-line vincula o cronograma de eventos que levaram ao colapso financeiro da Enron Corporation a um grfico da cotao da companhia na bolsa de valores. medida que o cursor do usurio passa sobre cada crculo vermelho numerado, um texto descrevendo um evento que ocorreu naquela ocasio aparece. Um exemplo: em outubro, as aes da companhia despencaram e o congelou seu Diretor Executivo empregados.

os fundos de penso de seus

PUBLIC INFORMATION
$80 a slha/e ' "jfx Daity ctsing prtce * Enron Stock

INSIDE

ENRON

Oct. 17 Enron reduces the assets on its balance sheet by $1.01 billion to correct an accounting error involvingthe Raptor partnerships. The company freezes the assets in its 401 (k) retirement plan to allow for administrative changes.

2 0

Sources: Bloomberg Financial Markets

JAN. 2001 FEB. MARCH APRIL MAY JUNE JULY AUG. |

The New York Times

SEPT. OCT. NOV.

DIAGRAMA

| I 3 I

Sobre a esttica e a tica d o design i n f o r m a c i o n a l , ver Edward Tufte, Information Envisioning (Cheshire,

Ao criar clulas que se estendem por vrias linhas e colunas, os designers constroem estruturas de leiaute que tm pouca relao com os campos logicamente ordenados dos grficos de dados. U m a tabela-mestre normalmente estabelece reas de navegao, contedo e identidade do site, que contm uma o u mais tabelas. Os diagramas procriam. Os puristas do H T M L rejeitam essas adaptaes como tticas de design esprias e at mesmo antiticas. Tabelas organizadas visual e ilogicamente podem causar problemas a usurios cegos, que usam diversos dispositivos para traduzir as pginas digitais e m som, clula a clula, linha a linha. Esses leitores "linearizam" textos e m u m discurso falado. Especialistas em acessibilidade encorajam os web designers a "pensar em termos lineares" sempre que possvel e a certificar-se de que as suas tabelas lidas e m sequncia fazem sentido. Sites acessveis tambm consideram as necessidades de usurios que usam programas mais velhos ou navegadores limitados a texto. O pensamento linear auxilia no apenas o pblico que no enxerga, mas tambm os usurios de telefones celulares, aparelhos digitais portteis e outros dispositivos e m que o espao exguo e o texto dominante.

Connecticut: Graphics Press, 1990).

Sobre o design de sites acessves, ver Patrick Lynch e Sarah H o r t o n , Web Style Guide: Basic Design for Principies Creating Web Sites (New

Haven: Yale University Press, 2001). Ver t a m b m o site www.webstyleguide.com.

IMn Menu

2 Cafenear

3 Contacl Us

4 &< Map

5. Seafch

6 Appty Online

7 FAQ's

mica
MICA.EDU

N S I I I U I E C O I L C E Of

Site, 2 0 0 4 Designers: Carton Donofrio Partners Editora: M a r y l a n d Institute College o f A r t Tabelas H T M L com margens delicadamente judiciosamente expostas diagramada. fazem parte dessa pgina

04.16.04 MICA Sculpture Faculty Member Michael Rakowitz Launches Book

0 4 , 1 2 , 0 4 Designar* Flaunt Thelr Fashlons a t MICA'* Annual Fashion Show on April 24 0 4 . 1 2 . 0 4 Thlrd In MICA's Annual S a r i a i of Graduate T h a i l t Exhlbitions Showcases Twalve Artiitj and a Group Show from Four of MICA't Graduate Programs

T 1 *

one of five paintings from snior thesis

DIAGRAMA

I$2

ALM D O H T M L

o HTML , a tecnologia que p e r m i t i u internet tornar-se u m meio de massas global, a contrapartida virtual da prensa tipogrfica, que mecanizou a produo do livro e aplainou o terreno da cultura m u n d i a l da imprensa. Assim como ela, o H T M L u m meio vido por texto e orientado por ele - do seu cdigo aberto e legvel ao tipo de contedo que foi projetado para mostrar - , mas que pode ser coagido, com algum esforo, a mostrar imagens. A s s i m como as tecnologias que apareceram junto com a prensa tipogrfica, o H T M L coexiste com outras linguagens na internet. A litografia, inventada para reproduzir imagens no sculo x v m , logo tornou-se u m meio publicitrio, juntando palavras e imagens, assim como a prensa abriu o espao de sua grade mecnica s xilogravuras, gravuras e blocos de retcula fotogrfica. No sculo x x , a litografia suplantou a prensa tipogrfica e d o m i n o u o planeta, mostrando textos e imagens com conforto, independente da natureza fotogrfica ou digital da composio. A litografia no to estritamente governada por diagramas quanto a tipografia. O mesmo ocorre com o programa de animao Macromedia Flash, que se tornou uma ferramenta corriqueira de web design. O Flash foi originalmente projetado para a criao de cartuns vetoriais e, embora seu propsito principal fosse pictrico, ele atualmente utilizado para construir tanto a interface quanto o contedo grfico e textual de sites inteiros. Embora os scripts de Flash m a n i p u l e m os objetos e m u m campo de coordenadas x e y, os sites criados com essa tecnologia parecem ser menos diagramados que as pginas tabuladas de H T M L . OS sites de Flash, que nos anos 9 0 tornaram-se cones de uma nova esttica, so mais cinemticos que tipogrficos e apresentam uma mistura algo pictrica de palavras e imagens.
THE CHOPPING BLOCK

Produzir o cdigo H T M L mo to lento e trabalhoso quanto compor tipos de metal. Tabelas com culas vazias so utilizadas para abrir espaos, mas o H T M L acaba com elas se estiverem de fato implodindo o vazias, diagrama.

As imagens transparentes que muitas vezes preenchem esses espaos so os equivalentes virtuais das barras vazias de espacejamento da tipografia em metal.

Pgina da internet (detalhe) Designers: T h o m a s Romer, Jason Hillyer, Charles Michelet, Robert Reed e Matthew Richmond, The C h o p p i n g Block Esse site reprisa o design dos rtulos das caixas de frutas do incio do sculo x x , produzidos com impresses litogrficas que mesclavam textos a imagens. A pgina animada e seus elementos

D7AGJTAMA

I } }

WWW.SANDBERG.NL

Site, 2 0 0 3 Designer: Luna M a u r e r Editora: Sandberg I n s t i t u t e O diagrama um dispositivo ie navegao que distorcido e modificado de acordo com o deslizamento do cursor da do usurio. O eixo vertical representa os departamentos escola e o horizontal, de informao os tipos passeia programtica. enchem-se

-. -'-.edida que o usurio pela grade, as culas ula, indicando disponibilidade naquela a de

de luz e parecem saltar da informao

interseco.

DIAGRAMA

1 34

o R O M A N C E Neuromancer, escrito e m 1984 por W i l l i a m Gibson, v o ciberespao como uma grade vasta e etrea. O caubi de dados de Gibson deixa para trs a "carne" de seu corpo e se deixa levar por u m "tabuleiro de xadrez tridimensional e transparente que se estende ao infinito". A imagem desse diagrama projetado e m u m a superfcie interna mente, liberta de telas ou janelas. O diagrama visto como espao infinito, desafiando limites e dominado mais pela mente que pelo corpo, u m instrumento poderoso da teoria modernista, onde aparece como uma forma ao mesmo tempo racional e sublime. No incio do sculo x x , os designers da vanguarda expuseram o diagrama para dramatizar as condies mecnicas da impresso. Depois da 11 Guerra Mundial, os designers suos criaram uma metodologia de design total a partir do diagrama, recheando-o de intenes ideolgicas. Com a virada ps-moderna e m direo s fontes histricas, vernaculares e populares nos anos 1970 e 1980, muitos designers rejeitaram o diagrama racionalista como u m artefato antiquado da ordeira sociedade sua. A asceno da internet reacendeu o interesse pelo pensamento universal no design. A internet foi inventada no incio dos anos 1990 (na Sua) para que cientistas e pesquisadores pudessem compartilhar documentos criados com programas diferentes. Seu inventor, T i m Berners-Lee, jamais imaginou que ela se tornaria u m meio movido a design, conectando inmeras pessoas com motivaes e capacidades diversas ao redor do globo. Os sistemas de design universal no podem mais ser rejeitados como divertimentos irrelevantes de uma pequena comunidade de designers. U m segundo modernismo emergiu, revigorando a busca utpica de formas universais, que marcou o nascimento do design como discurso e disciplina h quase u m sculo. medida que a informao procura irradiar seu corpo fsico, ideais de comunalidade, transparncia e abertura renascem, lutando contra a opacidade e a singularidade de expresses visuais nicas, baseadas e m preferncias regionais e e m obsesses particulares.
Sobre a inveno da internet, ver T i m Berners-Lee, Weaving the Web (Nova York: HarperCollins, 1999). Para u m a interpretao contempornea do pensamento universal no design, ver W i l l i a m Lidwell, K r i t i n a H o l d e n , e Jill Butler, Universal Principies of Design (Gloucester, Massachusetts: Rockport Publishers, 2003). Ver ainda W i l l i a m G i b s o n , Neuromancer (Nova York: Ace Books, 1984).

Fazer projetos objetivamente informativos fundamentalmente u m a tarefa scio-cultural. Josef Mller-Brockmann, 1961

DIAGRAMA

135

news

print broadcast installations

i/VeVe )ust uploaded a tew ciemos of Vector Video Suite 2, which re-compiles video in halftone formai, again using custom vector assets. However, the halftone forrnat scales the vector assets to create pools of light and dark. Click here for more info.

calendar more studio information soon :

Partners, Branden Hall and Joshua Davis, have developed a suite of software that recompiles video, using any vector based assets fed inlo the system. Vector Video Suite 1 has the ability to associate a scope of vector assets to specific ranges of color, a s in the first typeface example. Click here for more info.

'/Ve just f inished a nine minute random geneiative DVD, commissioned by Li Edelkoort, produced for her upcoming biennial "Armour, the fortification

JOSHUADAVIS.COM Site, 2 0 0 4 D e s i g n : Joshua Davis A frieza annima da "velha suo como

O guru de Flash Joshua

Davis,

que projeta leiautes serenos com animaes programadas, um

lder desse retorno s razes racionais do design grfico da agora

escola" do racionalismo reapareceu

no web design,

metade do sculo passado, infietidas meios.

pode ser visto aqui no uso de sistemas de diagramas e da Helvtica alinhada em coerentes

com o timbre dos novos

caixa-baixa

esquerda.

wild wlrkende, dem Lennschen Ideal folgende, b a u m r e l c h e Naturgarten weicht englischen R a s e n f i a c h e n , die s i c h mlt n u r n o c h wenigen B a u m - und S t r a u c h g r u p p e n und g e pnegten Blumenbeeten a b w e c h s e l n . Mlt d l e s e r V e r a n d e rung, s o d e r drltte Dlrektor des Zoos, Heinrich Bodinus, soll e s mOglich w e r d e n , d e n belebenden und e r w a r m e n d e n Strahlen d e r Sonne Zutrltt z u v e r s c h a f f e n . A n d e r s a i s z u v o r flndon s i c h In den Berliner Zeitungen nun I m m e r h u f i g e r posltlv gefarbte E r l e b n l s b e r i c h t e . Voriaufiger Hbhepunkt und nicht 2u u n t e r s c h a t z e n d e r rite de p a s s a g e flir die brelte Anerkennung d e s G a r t e n s w a r d a s DREI-KAISEUi n t n t N Im H e r b s t 1872: K a i s e r Wilhelm, K a i s e r Alexander u. von Rullland und K a i s e r F r a n z - J o s e p h von O s t e r r e i c h - U n g a r n werden in elnem zwanzig Wagen u n i f a s s e n d e n Zug Uber d a s Zoogelnde k u t s c h l e r t . Obwohl d e r Zoo zu d l e s e r Zelt noch a u B e r h a l b d e r Stadt gelegen ist, Ist d e s s e n n e u a r tige Gestaltung s c h o n ein Zelchen dafUr, daR die preuBische Hauptstadt um die Anbindung an die Kultur d e r groBen e u r o p a l s c h e n Metropolen bemuht ist. Die Bevlkerungszahl Berlins steigt mit d e r indust riellen Entwlcklung j e n e r J a h r e erhebllch, und dem Zoo kommt neben don S t a d t p a r k s z u nehmend ein Erholungswert z u , d e r d u r c h eine Reihe von t e c h n l s c h e n Neuerungen gestegert w e r d e n kann: eine Dampfmaschine sorgt f u r Wasserzirkulation und v e r w a n delt die frUher Im S o m m e r Ubelriechenden G e w a s s e r des G a r t e n s In belebte Welhen Hlnzu kommt dlo Erlelchterung von A n - und Abrelse. Ab 1876 verbindet eine Pferdebahnllnle Berlln mil d e m Zoo. Im J a h r e 1884 folgt die Installatlon elekt r l s c h e r Beleuchtung. die eine Ausdehnung der Offnungszeiten bis in die Abendstunden zulaBf. Klnderspielhallen und -piatze w e r d e n elngerlchtet. Wo s o n s t konnten sle s i c h e r vor d e m GetUmmel d e r Weltstadt In f r i s c h e r Luf t Ihre Glleder Uben und Ihre l u n g e n welten? helBt e s Im P r o grammheft d e s J a h r e s 1899. Der Zoo entwlckelt sich de ul lich zu einem integralen Bestandteil d e r s t a d t i s c h e n Kultur. A n d e r s ais in den S t a d t p a r k s e t w a d e m Humboldthain stellt hier d e r E i n t r i t t s p r e i s sicher, daB die d a s Vergnugen s c h m a i e r n d e n O b d a c h l o s e n und Bettler vor den Toren bleiben. Zoofreunde w e r b e n um die Gunst von Kolonialoffizier e n , die helfen sollen, die Tlerbestnde zu orhohen und die In d e r Folge tatschllch zunehmend a i s Donatoren fungler e n . F o r s c h u n g s r e i s e n und Expeditionen in viele Regionen d e r E r d e h u f l g u n t e r maBgeblicher Rgie d e r Zoodirekt o r e n fUhren z u r Entdeckung blslang unbekannter T i e r a r t e n . Die Intensivo Kooperation von Zoo und Naturkundem u s e u m s e t z t s i c h fort, s o daB d e r B e s t a n d d e s Museums 1894 auf etwa 2 Mio. Tiero, d a r u n t e r e t w a iso ooo Wirbeltiere, a n g e w a c h s e n i s t | | D e r Berliner Zoo w l r d In den letzten J a h r z e h n t e n d e s 19. J a h r h u n d e r t s zu elnem | 2 I , | | roprsentatlven Treffpunkt und zu elnem R a u m , in dem s i c h preuBIs c h e Mentalltat w e n n a u c h nicht aufhebt, so doch rolatlvlert. Fremdartlge Tlerwelt und eine A r c h l t e k t u r des Orlent, des Fernen O s t e n und d e r S a v a n n e n , verbindet s i c h , in einiger Entfernungvom h e k t i s c h e n und g e s c h a f tigen Leben d e r S t a d t . zu einem den S t a d t b e w o h n e r n bis dahln unbekannten Ambiente. Hier entwlckelt s i c h N a -

kampft die Zoogesellschaft um Ihre Exlstenz. Der Zoo wlrd zu einem der Piatze der Stadt, wo sich Vorahnungen einer noch in Entwicklung begrlffenen Weltstadt am ehesten materialisleren; kein Wunder, daB Immer deutlicher auch Kunstler und Gelehrte sich von dlesem Raum angezogen fuhlen. Neben einer Muslktribune hllft ein erwelterter Restaurationsbetrleb den Aufenthalt In den meist nur unzureichend belifteten Gebauden aufzulockern. Ein Zeltgenosse beschroibt dlese Beroicherung: Durch das neue R n staurationslokal Ist die Zahl der groBen Festsaie um ein Meisterwerk der Baukunst vermehrt worden. Wenn hier eine vortreffllche ein Concert aus- Milltarkapelle

fUhrt, dann blldet, in Folge des erhOhten Eintrlttsprelses, die elegante Welt die Mehrzahl der Besucher. DrauBen dehnt sich eine lange Reihe Equipagen bis In die Winkel des Thiergartens; drinnon slnd alie Piatze Im woiten Umkreise des muschelformlg gobauten Orchesters besetzt: bolm Klange der ln-| strumente. beim Gepiatscher der Fontanen sltzt man, sich erfiischend, rauchend, plaudernd und scherzend unter den schattlgen Baumen und bllckt In das abwechselnde, stets rege Thierleben hinaus, wie es sich In den benachbarten Grotten, auf Aesten und Telchen kund giebt.' Die Auswahl der Tiero und der Situationen, in denen sich ihre Prasentation bewegte, erfolgt sorgfaitig und bedacht die Kuratoron entsclieiden sich fur besonders cxotisch] wlrkende. kurlose, lacherllche, nlodllche! Tiero.- Dabei gilt es stets, die Konfrontatlonj mit potentiell Abscheu oder starkes Befremden erregendem tierischem Verhal-l ten zu verhlndern. Die zunehmende Po1

pularltat der Zoos korreliert mlt dem Verschwlnden von Tleren aus dem AlltagslebendesstadtlschenMenschen.DasTIerlst entweder Haustler. also Mltbewohner de~ Wohnung. oder drastisch auf seine Rohstoffunktion reduziert und frlstet in fabrikartlgen Hallen abselts der Stadte seln oko-

nomlsch optlmlertes Dasein. Mlt den zoo-, logischen Garten beglnnt ein Verdrangungsmechanlsmus, der sich spater auch auf Naturparks und Reservate erstrockt] die Gefangenschaft erscheint angeslchtsi der systematischen Zerstbrung der LebensrSume ais ein Schutz der Natur und dlent dazu, das unterschwelllg vorhandene schlechte Gewissen zu beruh

1 jj 2 | 1

t u r zum Unterhaltungsgegenstand. Die von Zlrkussen, Menagerien und M r k t e n bekannten sensationellen und t h e a t r a l i s c h e n Aspekte gehen mit dem zoologischen E r k e n n t n i s i n t e r e s s e eine eigenartige Symbiose ein. G e tragen w i r d diese Entwlcklung nicht zuletzt

90 von iSkonomischen Zwngen: immer wieder

I Franz Hessi |erlnnert sic in selnen Beobachtungen berlinlschen Le bens an die merkwtlrdlgen Behausunge der Tiere: Liebt das Zebra sein afrikan sches Gehoft, der BOffel sein Borkenps lais? Die Stelne von Barenzwlnger, Voge haus und Lowenheim deutet Hessel a Baukastenstelne, der Zoo wlrd In selner Ir terpretatlon zur natUrllchen Fortsetzur einer Klnderstube und einem Ort, wo di vorzeitlichen Tierkulte Gelegenheit habei wlederaufzuleben. F. Lichterfeld beziel sich In einem Artlkel der luusrRiRiEK ZEI IUHO von 1873 auf die anfnglich vorhanden Vei-wunderung der Stadtbewohner ob dt neuen, ungewohnten Bauwerke: Was solle diese Thlirme mit der flammenden Sonn und den phantastischen Drachen- und EIE fantenblldern In einer chrlstllchen Stac wie Bertin? Dlese Frage wurde friher hai flg aufgeworfen. zumal von Landleutei welche Ihr Weg nach der Stadt an dei fremden Heldentempel vorilberI flihrte. Jetzt welB jedermann In und um Bertin, daB der fremde Heidentempel das neue Elefantenhaus ist. [...)& Nicht diesen, sondem dem Publlkum zulieb wurde der Neubau so reich ausgestattet, denn selbst dem Elefanten Ist eine Portion Moorrtlben oder ein Bund Heu Heber ais der ganze archltektonlsche und muslvlsche Schmuck selnes neuen Hauses, und nun gar erst dem Rhinoceros! Die slilistische Gestaltung der Bauten steht offenslchtlich auch In Zusammenhang mlt der EinblndungderzoologischenGarteninkoloniallstische Zusammenhange. Die Reprasentation fremdkultureller Elemente erlaubt RUckschIUsse auf die Konturen eines rudimentar entwlckelten Kosmopolitlsmus. Das Elnbringen von Elementen aus anderen Kulturzusammenhangen markiert den Wandel vom systematischen zum geographisch orlentierten Zoo. Wichtigen EinfluB auf die Idee, Tiere In einem baulich-stilistischen Rahmen zu zeigen, der gewsse Zusammenhange zur Ethnographie der Heimatlandschaften aufweist, hatte der Zoologe Philipp Leopold Martin. In seinem 1878 In Leipzig erschlenenen Kompendlum DIE PRAXIS DEU NAIUBGESCHICHIE er maBte sich an, es ais vollstndiges Lehrbuch Lber das Sammeln lebender und todter Na- I turkOrper zu bezeichnen rationallsiert Martin dieses Vorgehen ais ethnographlsch-architektonische Belehrung: Was Ist aber nun wohl natUrticher und zu- I ;glelch lehrrelcher, ais die Natur In unseren Grten I nach Weltthellen, Zonen und lokalen Verhltnlssen I aufzustellen? [...] Der Wisent verlangt Wald und der Buffalo die Prairie; und wenn wlr dieses thun und In die Prairle noch einen Wlgwam ais Stall hinsetzen, so be-l lehren wlr damlt zuglelch das Publikum, denn es erhaits Bilder, die es niemals verglBt.' Die fremdkulturelle Architektur der Stllbauten auch wichtlger Bestandtell der groflen Weltausstellungen In dleser Phase wlrd; JeglIcherzeitlicherEntwIcklungenthoben.Zoodirektor Ludwig Heck schrelbt rilckbllckcnd Im Jahre 1929: Man denke nur, wenn wlr

FORM

ZWECK +

27 27]

[FORMA

PROPSITO

Peridico Designers: Cyan, B e r l i n Nas pginas desse experimental, so empurradas os pargrafos compactas de texto em s margens externas. vez de recuos e quebras de linha, os designers aumentaram ao mximo a densidade do campo imagens so canais recortados em uma parede de palavras. textual. estreitos, slida As notas tratadas e peridico justificado direo Marcando em colunas

com smbolos

Os ttulos correntes, flios e

de rodap tambm so como blocos justificados perpendiculares

pgina.

SEO UREA

DIAGRAMA

| I38

b
A seo urea, que tanto na natureza propriedades Um exempb: ureo, a forma aparece quanto na muitas

arte e no design, possui se um

surpreendentes. quadrado retngulo Esse espiral.

for retirado de um

restante ser infinitamente

um novo retngulo ureo. processo pode ser repetido para criar uma

Nenhum livro sobre tipografia estaria completo sem uma discusso a respeito da seo urea, uma razo (ou relao entre dois nmeros) utilizada na arte e na arquitetura ocidental por mais de dois m i l anos. A frmula da seo urea a : b = b : (a+b). Ou seja: em u m conjunto de dois elementos, o menor deles (o lado de u m retngulo, por exemplo) relaciona-se com o maior da mesma forma que o maior relaciona-se com a combinao dos dois. Noutras palavras, o lado a est para o lado b assim como o lado b est para a soma de ambos. Expressa numericamente, a seo urea equivale a 1 :1.618

Alguns designers grficos ficam fascinados com a seo urea e usam-na para criar vrios diagramas e formatos de pgina. De fato, livros inteiros foram dedicados a esse assunto. Outros designers acreditam que a seo urea to vlida quanto outros mtodos utilizados para derivar formatos e propores - tais como partir de tamanhos industriais padronizados de papel, dividir superfcies em metades ou quadrados, ou simplesmente pegar formatos de pgina com nmeros inteiros e fazer divises lgicas dentro deles.

DIAGRAMA

I39

SEO UREA

Os diagramas podem ser simples ou complexos r^rx-cifici ou genricos, rigidamente definidos ou livremente interpretados. A razo de ser dos diagramas tipogrficos o controle. Eles definem sistemas para a disposio de contedo em pginas, telas ou ambientes construdos. Projetado para responder s presses internas do contedo (textos, imagens, dados) e s presses externas da margem ou da moldura (pgina, tela. janela), os diagramas eficientes no so frmulas rig;das. mas estruturas flexveis e resiliente! - esqueletos que se movem em unssono com a massa muscular da informao. Os diagramas pertencem 1 inlY.i-csT.rulura da tipografia - da modularidade concreta da prensa tipogrfica s ompresentes rguas, guias e sistemas de coordenadas dos aplicativos. Embora os programas produzam curvas c suaves c contnuos, toda imagem ou marca digital construda, ltima instncia, a partir de um diagrama de blocos judiciosamente unidos. A inescapve) linguagem da interface grfica, por sua vez. cria um espao modulado no qual vrias janelas so empilhadas desordenadamente. Alm de atuar nos bastidores produtivos do design, os diagramas tomaram-se explcitas ferramentas tericas. Nas dcadas de 1910 e 1910, os designers modernos expuseram o diagrama mecnico da prensa tipogrfica, trazendo-o para a polmica superfcie da pgina. Na Suia, aps a n Guerra Mundial, eles criaram uma metodologia de design total em torno do diagrama tipogrfico, ansiando construir com: ele uma ordem social nova e racional. Os diagramas evoluram ao longo de sculos de desenvolvimento tipogrfico. Para os designers, so dispositivos intelectuais cuidadosa mm te refinados, cheios de ideologia e ambio - redes inescapveis que filtram, cm algum nvel de resoluo, quase todo sistema de escrita e reproduo. Assim como a maioria dos sistemas de escrita, a alfabtica organiza-se cm linhas e colunas de caracteres. Enquanto a escrita Bui em linhas conectadas, a mecir.ica dos tipos de metal impe uma ordem mais estrita. As letras ocupam; blocos prprios e congregam-se em retangulos ordeiros. Guardados eni caixas diagramadas. os caracteres torr.am-se um arquivo de elementos, uma matriz formal a partir da qual as pginas so compostas. At o sculo xn. os diagramas serviam de molduras para os campos de texto. As margens da pgina clssica criavam barreiras impecveis volta de blocos de texto justificados e slidos. Pginas dominadas por blocos de texto solitrios permanecem sendo o formato mais comum de livro, embora o relngulo perfeito seja atualmente quebrado por recuos e quebras de linha, e as margens sejam salpicadas com flios e ttulos!

rsou complexos, especficos ou genricos, rigidamente definidos c mente interpretados. A razo de ser dos diagran ole. Eles definem sistemas para a disposio de contedo em pginas, telas ou ambientes construdos. Projetados para responder s presses internas do contedo (textos, imagens, dados) e s presses externas da margem ou da moldura (pgina, tela. janeh os diagramas eficientes no so frmulas rgidas, veis e resilientes - esqueletos que se movem cm unssono muscular da informao. Os diagramas pertencem infratipografia - da modularidade concreta da prensa tipogrfica s ompresentes rguas, guias e sistemas de coordenadas dos aplicativos. Embora osi programas produzam curvas e tons suaves e contnuos, toda imagem ou| marca digital construda, em ltima instncia, a partir de um diagrama de blocos judiciosamente unidos. A inescapvel linguagem da :nterface grfica, por sua vez. cria um espao modulado no qual vrias janelas so empilhadas desordenadamente. Alm de atuar nos bastidores produtivos do design, os diagramas tornaramse explicitas ferramentas tericas. Nas dcadas de 1910 e 1920. os designers modernos expuseram o diagrama mecnico da prensa tipogrfica, trazendo-o para a polmica superfcie da pgina. Na Suia, aps a 11 Guerra Mundial, eles criaram uma metodologia de design total em torno do diagrama tipogrfico, ansiando construir com ele uma ordem social nova e racional. Os diagramas evoluram ao longo de sculos de desenvolvimento tipogrfico. Para os designers, so dispositivos intelectuais cuidadosamente refinados, cheios de ideologia e ambio - redes inescapveis que filtram, em algum nvel de resoluo, quase todo sistema de escrita e reproduo. Assim como a maioria dos sistemas de escrita, a alfabtica organiza-se em linhas e colunas de caracteres. Enquanto a escrita flui em Unhas conectadas, a meiimca dos tipos de metal impe uma ordem mais estrita. As letras ocupam blocos prprios c congregam-se em retangulos ordeiros. Guardados em caixas! diagramadas. os caracteres tomam-se um arquivo de elementos, uma' matriz formal a partir da qual as pginas so compostas. At o sculo xit. os diagramas semam de molduras para os campos de texto. As margens da pgina clssica criavam barreiras impecveis volia de blocos de texto justificados e slidos. Pginas dominadas por blocos de texto solitrios permanecem sendo o formato mais comum de livro, embora o retngulo perfeito seia atualmente quebrado por recuos e quebras dc linha, c as margens seiam salpicadas com flios e ttulos correntes (textos que indicam o ttulo do livro ou do captulo). Alm da norma clssica da

Retngulo ureo de texto em uma de 8,5 x 11 poi (padro

pgina

Retngulo ureo de texto em uma

pgina

norte-americano)

A4 (padro europeu, 210 x 297 mm)

As grficas normalmente trabalhar com pginas em medidas padronizadas arredondadas

preferem refiladas e pode-se logotipo navegao global

ao invs de usar flutuarem dimenso. navegao contedo principal local contedo secundrio

fraes obscuras. No entanto, fazer retangulos ureos em pginas de qualquer

Para uma abordagem mais detalhada sobre a relao entre design e seo urea, ver Kimberly Elam, Geometry of Design (Nova York: Princeton Architectural Press, 2001). O livro de John Kane, A Type Primer (Londres: Laurence King, 2002), enfatiza sua aplicao na tipografia.

e links

Basear o projeto de um site na seo urea pode muito bem ser um absurdo; mesmo assim, eis aqui o design de uma pgina dessas. Esse diagrama de fios descreve uma pgina com 500 x 809 pixels. A "tela dividida em quadrados e retangulos ureos. urea" posteriormente

DIAGRAMA DE U M A COLUNA

DIAGRAMA

I4O

Os diagramas podem ser simples ou complexos, especficos ou genricos, rigidamente definidos ou livremente interpretados. A niflo de ser dos diagramas tipogrficos o controle. Eles definem sistemas pata a disposio de contedo cm pginas. leias ou ambientes constniidos. Pro|etados para responders presses internas co contedo (textos, imagens, dados) e s presses externas da margem ou da moldura (pgina, tela. janela), os diagramas eficientes no <o frmulas rgidas, mas estruturas flexveis e resilientes - esqueletos que se movem em unssono com a massa muscular da informao. O* diagramas pertencem infra-eslrurura da ipografia - da modularidade concreta da prensa tipogrfica s onipresentes rguas, guias e sistemas dc coordenadas dos aplicamos. Embota os programas produzam curvai e tons suaves c contnuos, toda imagem ou marca digital construda, cm ltima instncia, a partir de um diagrama de blocos judiciosamente unidos. A mescapvel linguagem da interface grfica por sua vez. ena um espao modulado no quai vrias janelas so empilhadas desordenada. mente. Alm de atuar nos bastidores produtivos do design, os diagramas tomaram-se e.xpli[citas ferramentas tericas. Nas dcadas de 1910 e 1930. os designers moderno; expuseram o diagrama mecnico da prensa tipogrfica, trazendo-o para a polmica superfcie da pgina. Na Sua, aps a t i Guerra Mundial, eles criaram uma metodologia dc design total em torno do diagrama npograico. ansiando construir com ele uma ordem social nova c racional. Os diagrama* evoluram ao longo de sculos de desenvolvimento tipogrfico. Para os designers, so dispositivos intelectuais cuidadosamente refinados, cheios de ideologia e ambio - redes Iinescapveis que filtram, em algum nvel de resoluo, quase todo sistema de escrita e reproduo. Assim como a maioria dos sistemas dc escrita, a alfabtica organza-se em linhas e colunas de caracteres. Enquanto a escrita flui em linhas conectadas, a mecnica dos tipo* de metal impe uma ordem mais estnla. As letras ocupam blocos prprios e congregam-se em retangulos ordeiros. Guardados cm caixas diagramada*. os caracteres tornam-se um arquivo ;de elementos, uma matriz formal a partir da qual as pginas so compostas. At o sculo x n . [os diagramas serviam dc molduras para os campos de texto. As margens da pgina clssica criavam barreiras impecveis volta de blocos de texto justificados < slidos. Pginas dominadas por blocos de lexto solitrios permanecem sendo o formato mais comum de livro, embora o retngulo perfeito seja atualmente quebrado por recuos e quebras de linha, e as margens isciam salpicadas com flios e ttulos correntes (textos que indicam o titulo do livro ou do capitulo). Alm da norma clssica da pgina de uma coluna, existiram vrios leiautes alternativos durante os primeiros sculos da imprensa - do diagrama de duas colunas da Bblia de Gutenberg aos leiautes mais elaborados que derivavam da tradio dos escribas medievais, nos quais os trechos das escrituras eram cercados dc comentrios acadmicos. Livros multilingues articulam simultaneamente textos em diversas lnguas, demandando complexas divises cm sua superfcie. Tais formatos permitem a coexistncia de mltiplos fluxos de itexto. ao mesmo tempo que defendem a soberania da pgina-molduri, O filsofo [acquei Denida descreveu a moldura na arte ocidental como uma forma aparentemente desvinculada da obra mas necessria para marcar sua diferena da vida cotidaiia. Molduras ou pedestais elevam a obra. removendos do domnio do ordinrio. A obra. portanto, depende delas para obter seu siflim c sua visibilidade. A tipografia c. de um modo geral, uma

PGINA UM

Os diagramas podem ser simples ou complexos, especficos ou genricos, rigidamente definidos ou livremente interpretados. A razo de ser dos diagramas tipogrficos o controle. Eles definem sistemas para a disposio de contedo em pginas, telas ou ambientes i construdos. Proietados para responder s piesses intemas do contedo (textos, imagens, dados) e s presses externas da margem ou da moldura (pgina, tela. janela), os diagra-l mas eficientes no so frmulas rgidas, mas estruturas flexveis e resilientes - esqueletos que se movem em unssono com a massa muscular da informao. Os diagramas pertencem a infra-estrutura da npografa - da modularidade concreta da prensa tipografica as onipresentes rguas, guias e sistemas de coordenadas dos aplicathos. Embora os i programas produzam curvas e tons suaves e contnuos, toda imagem ou marca digitai . 'construda, cm ltima instncia, a partir de um diagrama de blocos judiciosamente unidos. A inescapvel linguagem da interface grfica, por sua vez. cria um espao modulado no qual varias janelas so empilhadas desordenadamente. Alm de atuar nos bastidores ' produtivos do design, os diagramas torraram-se explcitas ferramentas tericas. Nas decadas de 1910 e 1920. os designers modernos expuseram o diagrama mecnico da prensa [tipogrfica, trazendo-o para a polmica superfcie da pgina. Na Sua, aps a || Guerra 1 | Mundial, eles criaram uma metodologia de design total em torno do diagrama tipogrfico, ansiando construir com ele uma ordem social nova e racional. Os diagramas evoluram ao longo de sculos dc desenvolvimento tipogrfico. Para os designers, so dispositivos intelectuais cuidadosamente refinados, cheios dc ideologia e ambio - redes inescapveis que filtram, em algum nvel dc resoluo, quase todo sistema de escrita e reproduo. Assim como a maioria dos sislcmas de escrita, a alfabtica organiza-se em linhas e colunas dc caracteres. Enquanto a escrita Bui em linhas conectadas, a mecnica dos tipos dc metal impe uma ordem mais estrita. As leiras ocupam blocos prprios c congregam-se em retangulos ordeiros. Guardados em caixas diagramadas. os caracteres lornam-te um arquivo de elementos, uma matriz formal a partir da qual as pginas so compostas. At o sculo x i i . os diagramas serviam de molduras para os campos de texto. As margens da pgina clssica criavam barreiras impecveis volta de blocos de texto justificados e slidos. Pginas dominadas por blocos dc texto solitrios permanecem sendo o formato mais comum de livro, embora o retngulo perfeito seja atualmente quebrado por recuos e quebras de linha, e as margens seiam salpicadas com flios e ttulos correntes (textos que

Esta pgina no formato

Carta (21 ,59

7-94

) possui

Esta pgina 2 ,54 cm (1 pol.) menor que o formato Carta norte-americano. produzindo O bloco de texto varivel. quadrado, margens de tamanho

margens regulares em toda a volta. um formato altamente econmico mas no muito interessante.

Cada vez que voc abrir u m documento no QuarkXPress ou no Adobe InDesign, ser solicitado a criar u m diagrama (j o Microsoft Word no pede nada; ele simplesmente o cria para voc). O diagrama mais simples que h possui u m a nica coluna cercada de margens. Ao pedir que as dimenses da pgina e as larguras das margens sejam definidas logo de incio, esses programas o encorajam a projetar a pgina de fora para dentro (a coluna de texto o espao que sobra aps a subtrao das margens).

U m a alternativa projetar a pgina de dentro para fora, zerando as margens e posicionando linhas-guia e caixas de texto na pgina e m branco. Isso permite a voc experimentar com as margens e colunas ao invs de comprometer-se com elas desde a abertura do documento. Depois que elas o satisfizerem, basta adicionar as linhas-guia resultantes pgina-mestra do documento.

ftCBAMA

| 141

DIAGRAMA DE U M A COLUNA

O* diagramas podem ser simples ou complexos, especficos ou genricos, rigidamente definidos ou livremente interpretados. A razo de ser dos diagramas tipogrficos 0 controle Eles definem sistemas para a disposio de contedo em pginas, telas ou ambientes .s-struidos. Projetados para responder s presses internas do contedo (textos, imagens dados) e s presses externas da margem ou da moldura (pgina, tela. anela), os diagramas eficientes no so frmulas rgidas, mas estruturas flexveis e resilientes - esquetos que se movem em unssono com a massa muscular da informao. Os diagramas pertencem i infra-estrutura da tipografia - da modularidade concreta ca prensa tipogrsca as onipresentes rguas, guias r sistemas de coordenadas dos aplicativos Embora os programas produzam curvas e tons suaves e contnuos, toda imagem ou marca digital construda, em ltima instncia, a partir dc um diagrama de blocos )udiciosamente unidos. A inescapvel linguagem da interface grfica, por sua vez. cria um espao modulado no qual vrias janelas so empilhadas desordenadamente. Alm de atuar nos bastidores produtivos do design, os diagramas tornaram-se explicitas ferramentas tericas. Nas dcadas de 1910 e 1920. os designers modernos expuseram 0 diagrama mecnico da prensa jpogrfica, trazendo-o para a polmica superfcie da pgina. Na Sua, aps a it Guerra Mundial, eles criaram uma metodologia de design total em tomo do diagrama tipogrfico, ansiando construir com ele uma ordem social nova e racional. Os diagramas evoluram ao longo de sculos de desenvolvimento tipogrfico. Para os designers, so dispositivos .ntelectuais cuidadosamente refinados, cheios de ideologia e ambio - redes inescapveis que filtram, em algum nvel de resoluo, quase todo sistema de escrita e reproduo Assim como a maioria dos sistemas de escrita, a alfabtica organiza-se em linhas e colunas de caracteres. Enquanto a escrita flui em linhas conectadas, a mecnica dos tipos de metal impe uma ordem mais estrita. As letras ocupam blocos prprios e congregam-se em rrtngubs ordeiros. Guardados em caixas diagramadas. os caracteres tornam-se um arquivo de elementos, uma matriz formal a partir da qual as pginas so compostas. At 0 sculo x i l , os diagramas semam de molduras para os campos de texto. As margens da pgina clssica criavam barreiras impecveis volta de blocos de texto justificados e olidos. Pginas dominadas por blocos de texto solitrios permanecem sendo 0 formato mais comum de livro, embora 0 rctngulo perfeito seja atualmente quebrado por recuos e quebras de linha, e as margens sejam salpicadas com flios e ttulos correntes (textos que

Os diagramas podem ser simples ou complexos, especficos ou genricos, rigidamente definidos ou livremente interpretados. A razo de ser dos diagramas tipogrficos 0 controle. Eles definem sistemas para a disposio de contedo em pginas, telas ou ambientes construdos. Projetados para responder s presses internas do contedo (textos, imagens dados) e s presses externas da margem ou da moldura (pgina, tela. janela), os diagramas eficientes no so frmulas rgidas, mas estruturas flexveis e resilientes - esqueletos que se movem em unssono com a massa muscular da informao Os diagramas pertencem infra estrutura da tipografia - da modularidade concreta da prensa tipogrfica s onipresentes rguas, guias e sistemas de coordenadas dos aplicativos Embora os programas produzam curvas e tons suaves e contnuos, toda imagem ou marca digital construda, em ltima instncia, a partir de um diagrama de blocos judiciosamente unidos. A Inescapvel linguagem da interface grfica, por sua vez. cria um espao modulado no qual vrias janelas so empilhadas desordenadamente. Alm dc atuar nos bastidores produtivos do design, os diagramas tornaram-se explcitas ferramentas tericas. Nas dcadas de 1910 e 1920, os designers modernos expuseram 0 diagrama mecnico da prensa tipogrfica, trazendo-o para a polmica superfcie da pgina. Na Sua, aps a 11 Guerra Mundial, eles criaram uma metodologia de design total em torno do diagrama tipogrfico, ansiando construir com ele uma ordem social nova e racional. Os diagramas evoluram ao longo de sculos de desenvolvimento tipogrfico. Para os designers, so dispositivos intelectuais cuidadosamente refinados, cheios de ideologia e ambio - redes inescapveis que filtram, cm algum nvel de resoluo, quase todo sistema de escrita e reproduo. Assim como a maioria dos sistemas de esenta. a alfabtica organiza-se em Unhas e colunas de caracteres. Enquanto a escrita flui em linhas conectadas, a mecnica dos tipos de metal impe uma ordem mais estrita As letras ocupam blocos prprios e congregam-se em retangulos ordeiros. Guardados em caixas diagramadas. os caracteres tomam*se um arquivo dc elementos, uma matriz formal a partir da qual as pginas so compostas. At 0 sculo xi 1. os diagramas serviam de molduras para os campos de texto. As margens da pgina clssica criavam barreiras impecveis volta de blocos de texto justificados e slidos. Pginas dominadas por blocos de texto solitrios permanecem sendo 0 formato mais comum de livro, embora 0 retngulo perfeito seja atualmente quebrado por recuos e quebras dc linha, c as margens sejam salpicadas com flios e titulos correntes (textos que indicam 0 ttulo do livro ou do captulo).

Nesta dupla de pginas simtricas, as margens interiores so mais largas que as exteriores, um espao maior perto da espinha do livro. abrindo

Livros e revistas devem ser projetados como pginas duplas. So elas, e no a pgina individual, que constituem a unidade bsica do projeto. As margens esquerda e direita tornam-se interna e externa. Os programas de leiaute de pgina partem do princpio de que as margens internas so as mesmas tanto nas pginas da esquerda quanto nas da direita, produzindo uma dupla simtrica e espelhada. Entretanto, voc t e m a liberdade de definir suas prprias margens e criar duplas de pginas assimtricas.
Neste leiaute assimtrico, a margem esquerda sempre maior que a direita, independente em que ela ocorre ser interna ou externa. de a borda

D I A G R A M A D E MLTIPLAS C O L U N A S

DIAGRAMA

I 4 2

Uiagramas
O ! 1. . 1 podem sei imp!e ou somplexos especifico* ou gintlOOtirigidamentedefinido* ou IfrRBMMt mteipiclados. A raziu de *er dos diagrama* npogtahio*1 controle a dtt potKlc d* comedo rm pagina* tela ou ambiente :ormrukio Prtnrtado* paia :eponder * pre**e* interna do contrdo (leXtOS. imagen*. dado| r a> pressfies externas da margem ou da moldura (pagina. Iria. anela o diagramas eficiente* n^ sac formula* dai i - - . JT- enveii r muaentn - nquektos que 0 diagrama podem ser winplr nu eiimplcxot. especifico, ou gentico*, rigidamente definidos 011 li-iemente interpretados. A lario de <rr dos diagramas tipuginco* o controle. Fie* definem sistema para a disposio de contedo em pginas, telas ou anbroiii eonsmildos Proietadoi paia responder s prroe* iniema* do centedo |iextos. imagem. dadot| o as presses externa* da margem ou da moldura ipgina. tela. lanclai.os diagrama :iii(iiic; rJo sao formulai . ..- mas estrutura* Acu.ei. dar da mfoimaclo O diagrama peiteixem a iiifiacsiruiuia da tipografia - da modularidade concreta da piem. .poluiu i a- niiLptescnle leg.u. (iJ-T.adas iof aplitat:tin Embota os nxagranu* produzam toda imagem ou marca digital e construda, em ltima instancia J partir de UlU diagrama de HOCH ludidosimente unido. \! l:ilgi:yi'Hi .!< inlcifacc grfica, por tua vez. na um espao modulado no qual virias ianela* tio empilhadas desordenadamente Alem de atua: nos bastidores procuvos do design o* explicita.

Diagramas
Os diagrama podem sei simple nplexos. especifico* uu genricos, rigidamente definido* ou In temente interpretado* tipogrficos e o controle, lies definem sistemas para a di*po*-<a"> de conleudo rm pagina, teia* ou ambtmtr. constniido*. -j.paia responder a* pregoei interna do contedo (texlo*. imagens, dados) e s presses externas da margem onda moldura (pagina, leia. ianela). O S diagrama* efV. imits nio sao formula rgida, nu* estruturas flevnes* reilte-Ttes - e**juetetos ijut assa muscular da iniormacio Oi diagramas pertencem a infra-oiiutura da tipograha - da modularidade concreta da prensa t:i''IJ -Li i - nr.iprcvi llle. coordenada-, do* aphcatiso mbora o* programa produzam a digital e O* dugrama. podem ler stmpleou complexos, especifico ou genricos, rigidamente di tinidos ou livremente interpretados A1 azio de ser d- diagramas tipogrfico r o tonuole. Eles cefissrm .. pai* a disponeio de contedo em construdos. Proietads* para responder as piessoe* interna* do contedo (tentos, imagen*. dadoii e s presides eMenia da margem ou da molduta | - > i i tela. ianrlai. o* diagrama eMoente rjo sio formula* rgidas, rna estrutura. tV.ue. e re*iienie - es^iuekrto que m**a muscular da informao. O. diagumas peOencem a 1 T.. .- . da ripogialia - da modularidade comina da picnia tpc^rfica s onipresenie coordenada* dos aplicanvo* H diagramas podem tei *imple* u compleios. especifico* 9 gennens, rigidamente definidos rcmenle interpn-udot. lo de sei do diagiamas tipogrficos r o controle Eles definem iumai para a capocl d*r contedo em paca telas ou ambiente coTitnnd* Proietado* para - pressoe internas o contedo |teto. imagens, dadosl e s prribcs externas da rm nu da moldura Ipgma. tela. ianela). os diagramas ite nlo sio formulas rgidas mas estruturai flexisei e resilientes - esqueletos que

enITMr. rri"rudaipiiipoodn a> r-r<V. i-miw do cornudo e

Infra-e i-4 modularidade concreta da pren-

(i|V(;iiti.j a o:itpresei1trrgua, puas c sistemas de (xuenadas dos aplica ti> i/ ( mbota os programa* produzan

Os diagramas pettemem a ; inrra-e*trutura da - da modularidade tonurta da pre tir.,giatica a ompiescniei rguas, gula e itlcmi de coordenada dos apli.atm.

a digital e

blixo* rud idosamente unidos. A mescapatel linguagem da inlofair grfica, por sua vez. ena ut: espao modulado Alrm deiMu rm bastidores produtivo* do design, os dtagrai

l i i i i M I M I I I I I

I I I I I I
|I|K|.|M|N|"O

I I 1 1 I I

H muitas maneiras

de usar um diagrama bsico de

Nesta variao, compartilham

texto e imagens as mesmas colunas,

mltiplos colunas. Aqui, uma coluna foi reservada para imagens e legendas; as demais abrigam o texto.

Os diagramas de uma coluna funcionam b e m e m documentos simples, mas os de mltiplas colunas fornecem formatos flexveis para publicaes que possuem hierarquias complexas o u que integram textos e ilustraes. Quanto mais colunas voc criar, mais flexvel ser o seu diagrama. Voc pode utiliz-lo para articular a hierarquia da publicao, criando zonas especficas para cada tipo de contedo. Textos e imagens podem ocupar uma nica coluna o u espraiar-se por muitas delas. N e m todo o espao precisa ser preenchido.

D I A G R A M A

I43

D I A G R A M A D E MLTIPLAS C O L U N A S

Diagramas

II M l 1

fnrtadt pan mpcdti * pnm/kt jDsdiaglimat podem implrs j Complexos, especficos OU (enenco npda mentedefindos 0 Ireremente interpretados A Ks 0 controle. Eles definem [ raxJo dr MT dm diagramas tipogri. Btmu* par 1 duponlo de contrwfc em pginas, leias ou ambientes ^omtruidos PioKUdo* para respd der as presses interna. do .onledo (texto*, imagem dados l presses externa* da margem M j dl moldun (pgina tela, lanei os diagramas eficientes nao sio tlIJta < n diagramas enormes nJo frmulas rgidas, mas estruturo 1 wteis e resilientes - esqueletos que se movem em unssono mm missa muscular da informalo. Os diagramas pertencem infra-estn ar da tipografia - da modularidade (ontreta da prensa tipogrfica as i presentes rguas, guias e sistemas de coordenada* do, a pinai.vos. El bota os programas produzam curvas r tutu suaves c contnuos, toda im aem ou marca digital constniida. em ltima msiineU. a partir de ui diagrama de blocos judiciosa mente anidos. A inescapvel linguagem i interface grfica, por sua vez. cria um espao modulado M qual ria* janelas sio empilhadas desordenadamente Alem de aluai og bastidores produtivos do design, in diagramas tornaram-se dcadas de 1910 e 1910. os c<~ igj Jiinn muniu. necruco da prensa tipogrfica. t T S j s modernos expuseram 0 diagrama ia paginai. Na Sulca, pos a 11 Cu*- r > - > paia a polemica superfcie metodologia de design total em lofi a Mundial, eles criaram uma odo diagrama tipogrfico ansiandi evoluram ao longo de sculos de # > design"'- *o dispositivos inletectvais eu*dad<*samente refinados. cheios de ideologia e ambsao - ret algum nlsel de resoluo, quase tod Assim como a rnauina dos sislem) dje escrita, a atbehca organwa.se -m linha, r colunas de caracteres conectadas, a mecnica dos tipos <

111

111111 1

11

1 1

tI|!KUS. irus MTBtaM rfouscu

3s diaframas podem ter simples 0u completos, especficos ou gentico*, f igtdarnenir definidos.c livremente inierptctados A raaio de ser dos diagramas lipogii KOS 0 controle. Eles definem sistemas para a disposio de conto udu em paginai. telas ou ambieme* construdos i " - r . : paia M M ider s presses Internas do contedo : > - < - imagens. datlos> ou da moldura (pgina, tela. janeli os diagramas eficientes nao sin formulas rgidas, mas estrutuias d xiveis e resilientes - esqueletos massa muscular da informao. Os diagumas pertencem infra-cstnl rn da tipografia - da modularidade concreta da picnsa tipogrfica s J presentes rguas, guias c sislenus dc coordenadas dos aplicativos. Em ira ia piogramas produzam ninas e tons suaves e contnuos. Ioda in gqm a ou marca digital construda, em llima instncia, a paitu dc um diagrama de Moco* iudiciosantenie unidos. A inescapvel linguagem d interface grfica, por sua ver. cria um espao modulado no qual rias ianelas So empilhadas desordenadamente Alem de atuar design. 01 diagramas tomaram se e dcadas de 1910 e 19 .-o os designe t modernos expuseram 0 diagrama mecnico da prensa tipogrfica. 1-da pgina Sa Sulca aps. a ti Gun nJ - paia . 1- 'Icmlca superf" ic metodoiogia de design lotai em ton 1 Mundial, eses enaram uma dodiagramatipogrfico,ansiando ontruir com ele uma ordem *oda iKa c racional. Os diagrama> evoluram ao Vingo de sculos de d os oVsigners. sao dispotitrros intee tuais cuidadosa mente refinados, heios de ideologia e ambio - redss mescapvrts quefiltram,em algum nvel de resoluo, quase l->d 0 Sistema de escrita e leproduaO em linhas e colunas de caractere^ nquanto a escrita flui em linhas onecladas. a mecnica dos tipos de i^lntl. As iMias ntupam hlmiis p[o

Uma faixa

horizontal

separa uma rea de textos de a essa interna para a pgina.

uma de imagens. Os elementos gravitam prximos linha, criando uma estrutura

A l m de criar reas verticais com as colunas do diagrama, tambm possvel dividir a pgina na horizontal. U m a rea no topo da pgina, por exemplo, pode ser reservada para imagens e legendas, e o texto pode ser "pendurado" e m uma linha especfica.

Colunas de texto pendem de uma linha horizontal, produzindo um desalinhamento desigual ao p das pginas.

Ifang Leisalpa (Schloss), 2090 Meter

und verdichtet, wie dies im Betonbau blich ist. Da der Beton bei diesem Vorgang die Vor- und Rcksprnge der Ruckseite derSteinplattenwand umfliesst, entstand eine vorzugliche Verzahnung und Verbindung der beiden Materialien Kunststein (Beton) und Naturstein. Allerdings konnten die Wnde nicht in ihrer ganzen Hhe auf einmal hintergossen werden. Das musste in Hhenetappen von 50 cm erfolgen. Erst wenn der Beton einer Lage eine bestimmte Festigkeit erreicht und sich mit dem Mauerwerk verbunden hatte, konnte die nchste Lage von 50 cm darber betoniert werden. Eine hhere Schuttmasse von flssigem Beton htte die freistehenden Steinplattenwnde seitlich weggedrckt. Insgesamt wurden fur die Wnde derTherme 450 m oder i30oTonnen Valser Quarzitplatten zu 3100 m Wandflche in 20 Schichten pro m verarbeitet. Die Lange allerverwendeten Plattenstreifenzusammen ergibt ein Total von 62.000 Laufmetern, was der Strecke von Vais nach Haldenstein entspricht.
3 J 2

Peter Zumthor

Valser Quarzit Druckfestigkeit: etwa 217 N/mm* Rohdichte: 2.698 kg/m Wasseraufnahmekoeffizient: Masse - % 0,25 Gefrste SteinplattemStrken 6,3.4.7und3.icm Toleranzn mm Breiten: 12-30 cm Lngen: bis 3.20 m Qber 60.000 Ifm Fugenbreite: etwa 2 mm
s

Boden Breiten der Bahnen: 8-110 cm Lngen: bis 3.20 m, je PlattezumTeil ber3m"in einer Strke von 2 cm Oberflchen: poliert, gefrst, gestockt,geschliffen in allen Mglichkeiten und einer Fugenbreite von i mm

Fugenund Mrtelmasse EMACO R 304 BARRA 80 Firma MBT | Eckverbindungen, Schwellen, Sturzplatten, TreppenuntersichteundTritte, Sitzealseinzelne Werkstcke gefertigt|minimale Toleranzen Cweit unter siA-Norm) beim Schneiden undVermauern derSteine, wiezum Beispiel auf 6m Hhewenigerals 5 mmToleranz

Grottcn Trinkstein: polierteQuader aufeinandergeschichte Grsse etwa 0,5-1 m Quellgrotte: gebrochener Stein im Innern Schwitzstein: eingefrbter und polierter Beton Steininsel: grossformatige gespaltene Platten biszu 3 m'je Platte
3

STEIN

UND

WASSER,

WINTER

2OO3i04

[PEDRA E GUA, INVERNO 2OO3i04]

Livreto, 2003 Designer: Clemens Schedler, B u r o fur konkrete Gestaltung Editora: H o t e l T h e r m e , Sua Esta publicao de um spa suo usa um diagrama de cinco colunas. O texto principal preenche um ocupam bloco de quatro colunas e os textos menores colunas simples.

220x156 mm 8 ' I X 6 ' I inches 240 pp c.80 b&w Mus. Paperback 0 7148 3164 6 14.95 UK

Bla Bartk
Kenneth Chalmers

5 24.95 US 24.95 EUR S 39.95 CAN S 49.95 AUS

S e t s Bla B a r t k ( 1 8 8 1 - 1 9 4 5 ) a n d his w o r k in l h e c o n t e x t of his h o m e l a n d H u n g a r y a n d native clty B u d a p e s t , w h e r e h e lived for m o s t of his a d u l t life C o v e r s t h e full r a n g e of his w o r k from his e a r l y e x p l o r a t i o n s of t h e folklore of H u n g a r y to T h i r d P i a n o C o n c e r t o c o m p o s e d on his d e a t h b e d in t h e U n i t e d S t a t e s Brings o u t t h e s i n g u l a r n a t u r e of his g e n i u s a n d t h e o r i g i n a l i t y of his c o n t r i b u t i o n to m u s

K e n n e t h C h a l m e r s is a n author, translator a n d c o m p o s e r w h o has w r i t t e n on Bartk. Berg Stravinsky, Verdi a n d W e i l l . a n d c o l l a b o r a t e d on Decca's 2 0 - v o l u m e Mozart A l m a n a c

562

The Beatles
Allan Kozinn

PH

AIPON

f o l l o w s the e x t r a o r d l n a r y d e v e l o p m e n t of the four self-taught musiclans from Liverpool from t h e l r b e g i n n i n g s until the break-up in 1970 E x a m i n e s w h y t h e innovative music of the Beatles - created, at least Initially, as ephemera ->as r e m a i n e d so d u r a b l e C o n s i d e r s not o n l y the commercially r e l e a s e d dlsks but also studio outtakes, demos, j n r e l e a s e d r e c o r d i n g s a n d broadcast p e r f o r m a n c e s S e t s t h e group's evolution against the b a c k d r o p of the popular culture explosion of the 1960s AJIan K o z i n n h a s written musical criticism for the New York Times since 1977 and won ASCAP a w a r d s for his work, including the book Mischa Elman and the Romantic Style

A w e l l - r o u n d e d , readable account. Makes a convincing case for putting the Beatles on the s h e l f b e t w e e n Bartk and Boulez.' (The Sunday rimes)

DIAGRAMA | I 4 8

Discoveiy in Digital Ciafl keyboards. digital and musical

Play serves learning though experimentation withoi risk, Learning occurs hrough quick. imprecise actions. conducted within understood rules of a game, and free from threat or consu-mation. Play does not use up so much as buiicl.
builds is common sense. Play's endlessly varias i series of awkward, exaggerated motions seeks : . the approximate arena for later development competence. There is much to be said for play in a medrun If a mdium is defined by ils affordances and c c - straints, then learning consists of exploring thes* military-industrial world of computing, one important way to do so is to play. Play takes many forms. For example, it can be individual or social. According to one classic taxonomy, individual play includes pursuit of sensations, exercise of motor apparatus and experimentation with higher mental powers. This mental play includes exercise of attention, emotion and will. Attention play includes tests of memory, imagination, focus and reason. On the other hand, social play includes fighting and rivalry, loving and courtship, imitation and status seeking. Imitative play includes movements, drama, behavioural constructions and emulation of inner s t a t e s . ' Crafts and craft learning embrace quite a range of these playful forms. Arguably, no productive process combines so many so well. Sensation, skilled motion, attention, involvement, will ali must be balanced, and this is the basis for craft as recreation. Craft learning is a form of imitative social learning. Movements are physical skills taught directly, whether by demonstration or coaching. Drama is a lesser component here, although it may be understood in the willful suspension of disbelief that allows participation in an abstract mdium. Constructions are the artifacts. They are the plastic play, the visual examples, the operational learning. Finally the inner state is the patience, reflectivity and intent that distinguish the master. Play serves learning though experimentation without risk. Play often lacks any immediately obvious aim other than the pursuit of stimulation, but functions almost instinctively to serve the process of development. Learning occurs through quick, imprecise actions, conducted within understood rules of a game, and free from threat or consummation. Play does not use up so much a s build. One thing it properties. Experimentation is especially useful *y becoming familiar with constraints: we learn fro~ mistakes. We must accept that beginning work new mdium will be full of setbacks, There will be fortuitous discoveries, however particularly c ' affordances. Design is not only invention, but alsc sensitivity to a mdium. Craft cannot be merely service of technique, or of inappropriately conce a ends. The craftsman must begin to feel someth - about the artifacts, and only certain moves will fee right. Of course when it comes to computation, * e ali must learn. In a sense, we're ali chiidren the mdium is that new. And of course, the most fluer experts here are often quite young. A s ali of us l a about this promising new domain, a chain of O&sm ments should be clear: play shapes learning; lea shapes the mind; mental structures shape softwai and software data structures afford work and pls> j a ofji

Structure and Improvisation

The master at play improvises. Consider the jazz pianist. In Ways of the Hand Improvised Conduct The Organizatior. 7 (1978), the musician David

Sudnow gives us a rare description of otherwise knowledge in action. Improvising on a piece taki* much more talent than simply playing from a n tion or learning by rote, Sudnow explains. Moreoe: improvising begins with a sense of structure, fro which it builds a cognitive map. For example, tr-e 'way in' to an arpeggio is mentally mapped. The structure of the keyboard presents a physical mac a chord, which may be modified in countless ways: physical moves. One could play the adjacent key example, or one could translate by any arbitrary vai. One could transpose or invert. One could cr-.rf the order in which the notes were played, or the

2 Karl Groos, The Play olMan. New York: Apoleton and Co.. 1901

DIAGRAMA

149

Discovory In Digital Craft keyboards. digital and musical

Malcolm McCullough

the same pitches as the first, the doubled back and went fast again, but over different pitches... There were innumerable variations possible; looking at 'structure' in this way and corresponding to various continuity practices, ways of the hand were cultivated that were suited to the performance of such manoeuvres... Transposition of such a figure to a new segment and correct repetition with respect to pitch, without slowing it down or slowing down parts of it, involved coping with the topography of the terrain by the hand as a negotiative organ with various potentials and limitations.' j ar attack and decay. Of course one could U E oominant, major and minor chords. SVxnow argues that because these variations j e r c e s of physical positions, they are learned ate s*.!ls no longer necessary to be understood M I r levei. Each becomes a handful. That the bges a hold of a variation on a chord is indicat a e w v e d tendencies to start into particular o s with certain fingers on certain keys. The mtwi is known by the hand, and the mind only . 2 . m. The ability to modify the run note by ch would require conscious attention Garres later. Even without attentive intellectual however, the natural tendency of the hand epeat itself, even in a series of figurai repeti> once a sufficient repertoire of runs is this tendency inherently ensures a richness -id. The hand searches its territory for vhich process replaces a faithfulness to and that makes jazz. For example: 1 new run could be in various other ways a-'*, essentially related' to the preceding run. Sa> the first started slow and went up fast, then aoubled back and went fast again, while the secyc started slowly and carne back down through Although jazz is the obvious case, it is hardly alone. Improvisation plays a role in many contemporary practices, and in many traditional crafts. Few of these worlds employ such a singular instrument a s the piano; few are able to turn so much over to the hands, but ali involve playful response to a structure. For example, of industrial design, Herbert Read insisted that "Art implies values more various than those determined by practical necessity."' As a modernist and industrialist, he felt admiration for fundamental structural laws, such a s the golden section also admired by his contemporary Le Corbusier. He was convinced, however, that metrical irregularities based on a governing structure, rather than slavish adherence to the laws in their precision, was the basis for pleasurable expression. He cited Ruskin's line that "Ali beautiful lines are drawn under mathematical laws organically transgressed." He held that this was the case even in the useful (industrial) arts.
!

IF/THEN DESIGN

PLAY: IMPLICATIONS

OF NEW M E D I A

Livro, 1999 Designers: Mevis a n d Van Deursen Editor: Jan A b r a m s Editora: Netherlands Design I n s t i t u t e Fotografia: Dan Meyers Neste livro sobre novas um diagrama de duas abriga o corpo de texto mdias, colunas principal.

Consider the case of processing a digital photograph. The makeup of the raster image file, the various tone scale and filtration operators, provides a very clear structure in which to work but demands no particular order of operation. The complex microstructure of the sampled pixels provides a sub-

Os olhos do texto, correndo

The natural tendency of the hand is not to repeat itself, even in a series of figurai repetitions. Thus once a sufficient reperre of runs is learned, this tendency inherently ensures a richness fto the sound. The hand searches its territory for sequences, which orocess replaces a faithfulness to the score, and that makes jazz.
3 David Sudnow, Ways oltht HandThe Onjanilation ollmprmised Condoei, Cambridge. MA: Harvard University Press, 1978, p 7 t Herbert Read. A/l and IndustryThe Principies ot Industrial Design New York: Horizon Press, 1954 [1934) 5 Ibld.

ao longo de duas colunas, so emoldurados em caixas de as superior, bordas Jinas, que lembram computador. A margem ferramentas

janelas sobrepostas da tela do que se parece com a barra de de um browser, fornece a interface do livro.

DIAGRAMA MODULAR

DIAGRAMA j I 5 O

>

DESIGNING PROGRAMMES Diagrama, 1963 (redesenhado) Designer: K a r l Gerstner A r t h u r Niggli, Zurique

Este diagrama horizontais

quadrado possui

Verticalmente,

diagrama as

seis colunas verticais e seis mdulos sobrepostos por grades de uma, duas, trs e quatro unidades.

governado por uma linha de 10 pontos, que determina entrelinhas dos tipos.

DIAGRAMA

[ I5I

DIAGRAMA MODULAR

Diagramas

Diagramas

m
11

1 r. 1 ! 1 11 j! 11. 1 | M i '' 1 I * 1
l i
I.

O- dupra-Lis podem ::npl'.-' -vi u>i:,p|i-M.,- esp dtkos ou );ericrcos. rigidamente definidos ivremente interpretad razo de ser dos diagramas tipogra 0 controle. Eles deli ien sistemas para a e di'-pi>sj(,ji>df iinilrik 1 pginas, telas ou am cs construdos, Projetados para rrspo s presses internas d > cc itedo (textos, imagens, dados) e s r. de cs externas da marge na u da moldura (pgina, tela. janela), os diagra eficientes no so frn ul s rgidas, mas estruturas flexveis c r nas entes - esqueletos que com a massa muscula !Sll informao. Os diagra estrutura ca tipografia da a modularidade concre ... 1 prensa tipogrfica lias c sistemas de coorc Embora os programas p - e contnuos, toda ir:i.ii'i*'- i"n n:.iri.i ai. . i in 1 ii 1 1 111 11 i 11 in landa, a partir de um diagrama de bloct Fcapjvcl linguagem da interface grfica, pi H ia vz, cria uni espaio ulado no qual vrias janelas so empilhada d* ordenadamente. Alen de atuar nos bastidores produtivos do design, d agramas tornaram-se :,p citas ferramentas co c 1920. os designe terica'-. Na* dcadas ode mos expuseram o diagrama mecnico 1 ] rensa tipogrfica, (razt i.l. 0 para a polmica supcriiic da pgina.! a Sua. aps a 11 Guerra J i;i dial, eles criaram uma metodologia de desigi tot 1 em torno do diagtan a ti ogrfico. ansiando em social nova c rcio al. Os diagramas evoluram ao longo de st 1I0- di' d.-st-nvolvimei < tpogrfico. Para os
P , 1

Os ci-iL-Timas podem m o l d o u complexos. espedricos ou genric gidamenle definidos ou livremente inlerprt ad is. A razo de ser dos diagramas tipogT c 0 controle. Eles definem sistemas para ac sposio dc contedo em pginas, telas ou a ih nles construdos, Projetados para respor dei s presses internas do contedo (textos, in ns, dados) e s presses externas da rr irp m ou da moldura Ipjuniii. leia. janela). 0 d, gramas eficientes no -cular d: mtnrmaao. Os diagramas pertence n infra-esirutura da tipografia - da mod b dade concreta da prensa tipogrfica s 0 ip esentes rguas, guias e sistemas dc coorden das dos aplicativos. Embora os programas uzam curvas e tons suaves e contnuos, toea ir agem ou marca digital construda, en J ma instncia, a partir de um diagrama de locos juddosamenie unidos. A inescapvel lagem da interface grafita w r sua vez. ct "! espao modulado e resilientes - esquele IS

0= ai.-ifr.im.is podem imples ou complexos especficos ou genric s. gidamente definidos ad is. A razo dc ser dos diagramas tipogr 0 controle. Eles definem sistemas par a d sposio de contedo in pginas, telas ou a 111 nles construdos. Projetados para respo de s presses internas do contedo (textos. 1 Ag ns, dados) e s presses externas da 1 ..: em ou da moldura (pgina, tela ianela). csd igramas eficientes no e resilientes - esquele uc se movem em Fiilar da liilorrm^.io. Os diagramas perimi infra-eslrutura da tipografia - da mod ala idade concreta da prensa tipogrfica s 0 lip esentes rguas, guias da dos aplicativos. Embora os programas pro suaves e contnuos, to a :rugem ou marca digital c construda, cr 11 rima instncia, a partir de um diagrama de >locns ;iididosamente unidos. A inescapvel ing uagem da interface tirica. por sua vez. cr ti espao modulado

Este diagrama modular possui quatro colunas e quatro linhas. Imagens e blocos de texto podem mdulos. ocupar um ou mais

Infinitas

variaes so

possveis.

U m diagrama modular possui divises horizontais consistentes de cima a baixo, alm de divises verticais da esquerda para a direita. Esses mdulos governam o posicionamento e o enquadramento de textos e imagens. Nos anos 1950 e 1960, designers grficos suos tais como Karl Gerstner, E m i l Ruder e Josef Mller-Brockmann conceberam diagramas modulares tais como este.
Para criar as divises horizontais do diagrama, margem de
Os diagr podem s simples complex- |>s, es peei fie ou gene icos, rigidam nte definido Hvremci te interpre ados. A ra7n - r dos dias; tipogr i 0 conti olc. Eles defi nem sistemas para a disps o de conte ado e m pgi as, telas ou ambient *s constru ios. para respond s press es internas do conted< (textos,

Diagramas

deite uma rgua tipogrfica ao longo da acordo com a entrelinha escolhida.

esquerda da pgina e posicione as linhas-guia

Os diagramas podem 9er mples ou complexos, sp cficos ou rigidamente definidos vremente interpretadc s. A razo de diagramas tipogrfico; controle. Eles definem sis emas pars de contedo em pgin rias ou ambientes constru dos. Projei responder s presses nte nas do contedo (text s . i nagens, d; as presses externas d rgem ou da moldura ( K- na, tela, ja: diagramas eficientes n o s to frmulas rgidas, m truturas 1 resilientes - esqueleto qu da informao. Os diaf rat as pertencem infra-e ;tn tura da ti]: - da modularidade cor a da prensa tipogrfica nipresent rrlt ml iroduzam curvas e tor - s aves e contnuos, toda gem o u r r e construda, em ltirr a 11 itncia, a partir de u m d IR rama de 1: udiciosamente unidos A nescapvel linguagem da nterface g; sua vez, cria u m espa n idulado no qual vrias an las so en desordenadamente. Al de atuar nos bastidores pn dutivos dc os diagramas tornaran explcitas ferramentas cas. Nas cl
:

DIAGRAMA

151

DIAGRAMA MODULAR

Diagramas

Os imples ou compli rigidamente definidos "vremente interpretad s. dos diagramas lipngi. o controle. Eles disposio dc conted i , telas ou amb S construdosProjetados para respo de s presses itedo (textos, imagens, dados) flu '11 moldura (pagina, i es externas da tela, janela), eficientes no so frn 11 estruturas flexveis r 'silfcmcs - esqueletos que ovem em unssono " lao. Os di pertencem infrada tipografi. - t h modularidade cc d 1 prensa tipogrfica upresentes r ida " Hirnon os pr, nir.--. - contnuos, toda 1 Mlt: udiciosamente unidos. in scapvel linguagem da interface grfica, pd ulado no qual vrias ria um espao nos bastidores |ane!as so empilhada dc ordenadamente, Alen ferramentas c iagrarnas tornaram-se I 1 dodesia odemos expuseram >ro e 1920. os desigm I rensa tipogrfica, traz o diagrama mecni Suia, aps a ll Guerra Uurldial, eles criaram um superfcie da pgin. mo do dagrai metodologia de des ore em social nova e raci< eleu - i' -'T 11 .10 '[..: 0.-> di- di^eiivolviinen

O; d:.ij>.:.i:r.is jMiii mpl-s o;] umipkiis. especficos ou genriec s, 1 mente definidos livremente interpre adi 1. A razo de ser o controle. Eles definem sistemas para d sposio de contedo construdos. em pginas, telas 01 Projetados para res| do contedo (textos.

Os diagramas perter infra-cstrutura da tipografia - da rm dadc concreta da prensa tipogrfica s 1 rguas, guia de coordenadas dos apl: Embora os programas ir agem ou m are il construda, era l ' ima instncia,. partir de um diagrams locos judie unidos. A inescapvel agem da interface grfica, por sua vez. cr 1 espao modulado

s diagramas podei imptes ou co:up'.uxos. especficos ou genric s llid.i mente definidos ou livremente interpretado: A razo de ser dos diagramas tipogr ico o controle. Eles par d sposio dc contedo ibi mtes construdos, Projetados para responde: s presses intem; do contedo (textos, presses externas da arg em o (pgina, tela. janela) su.frrauJ. resilientes - e tini:. sn;i'. 1 da tipografia - da tipogrfic: decootden < Embora os programas p partir de um diagrama >loo>s judiciosamentt unidos. A inescapvel : agem da interface grfica, por sua* 1 espao modulado

Este diagrama modular possui quatro colunas e quatro linhas. Imagens e blocos de texto podem mdulos. ocupar um ou mais

Infinitas

variaes so

possveis,

U m diagrama modular possui divises horizontais consistentes de cima a baixo, alm de divises verticais da esquerda para a direita. Esses mdulos governam o posicionamento e o enquadramento de textos e imagens. Nos anos 1950 e 1960, designers grficos suos tais como Karl Gerstner, Emil Ruder e Josef Muller-Brockmann conceberam diagramas modulares tais como este.
Para criar as divises horizontais do diagrama, margem de
Os diagr amas podem s simples complex especfic ou gen rigidam nte definido ou livremer te interpre .idos. A ra-rSn dos dia;' tipogr: 0 conn Eles defi ie m sistemas para a disps de conte lido e m pgi telas ou ambient constru aos. Prnjprad para tespund s press es internas do conted (textos.

Diagramas

S e .

deite uma rgua tipogrfica ao longo da acordo com a entrelinha escolhida.

esquerda da pgina e posicione as linhas-guia

Os diagramas podem r s mples ou complexos, sr> cficos ou rigidamente definidos >u vremente interpretada i. A razo de diagramas tipogrficos controle. Eles definem sis emas par* de contedo em pgin s , t ilas ou ambientes cons ru dos. Projei responder s presses nte nas do contedo (texte s. i ttagens, d; as presses externas d m. rgem ou da moldura ( tg na, tela, ja diagramas eficientes n o s LU frmulas rgidas, m truturas 1: resilientes - esqueleto qi da informao. O s dia ran as pertencem infra- stn tura da tip - da modularidade cor a da prensa tipogrfica nipreseni ml >roduzam curvas e ton s SI aves e contnuos, toda Sm ourr : construda, em Jrim 1 i r stncia, a partir de u m dia r a m a d e t udiciosamente unidos A nescapvel linguagem da nterface g sua vez, cria u m espa >m idulado no qual vrias an las so en desordenadamente. Al 1c atuar nos bastidores pr< idutivos d<: os diagramas tornararr explcitas ferramentas cas. Nas cl