Elementele designului grafic

Elementele designului graficSpațiul, unitatea, arhitectura paginii și tipografia Alex W. White „Eleganța nu înseamnă exces de simplitate, ci lipsă de complexitate.” – Anonim ALLWORTH PRESS new york







Designul – indiferent dacă este grafic, indus- Mulțumiri: trial, interior sau arhitectural – reprezintă <cuadrad Tad Crawford, edi- procesul de luare a unor părți diferite pentru torul meu, obsedat a fi îmbinate într-o unitate organizată. Fiecare de calitate și claritate. disciplină lucrează cu chestii reale și abstracte <cuadrad Shea Connelly, și fiecare trebuie să răspundă la trei întrebări: redactorul șef, care Cu ce elemente trebuie să lucrez? Unde trebuie m-a scăpat de rușino-EXTRAVAGANTA MONOTONIE ele să stea? De ce structură este nevoie pentru asele erori. a se potrivi? <cuadrad Carla Honea, a Designul este mai simplu dacă reții că este un căror sfaturi și ideiDESIGN proces, nu un rezultat: m-au ajutat foarte BUN mult în scrierea aces-Una din definițiile 1 Definește problema cu care te confrunți. De tei cărți.unui design bun obicei, aceasta este o redefinire, pentru că <cuadrad Clyde Hanks,este echilibrul dintre ți s-a dat o problemă aparentă. Redefinirea pentru încurajărileextravaganță și trebuie să țintească adevăratele probleme. lui.monotonie. Dacă în acest proces de redefinire nu îți este <cuadrad Isabela, pentru că mai clar cum trebuie să abordezi materialul, în fiecare zi face ca atunci nu ai redefinit problema suficient de biroul să fie un loc precis. mai plăcut. 2 Cunoaște-ți materialul. Digeră-l complet. Cel <cuadrad Prof. Larry Bake puțin citește-l. (1932–1990), eroul 3 Distilează esențialul de marea masă de oricărui student. elemente confuze. Nu trebuie să lipsească <cuadrad Carl Dair (1912– nimic, dar nimic să nu fie în plus. Aceasta este 1967), eroul oricărui definiția eleganței. designer. 4 Abstractizează subiectul principal astfel <cuadrad Neil Bittner, eroul încât importanța lui să fie clară și cap- oricărui profesor. tivantă vizual pentru cititor. Un mesaj ce <cuadrad Stuart Schar, eroul nu-i face mai întâi pe cititori să se oprească oricărui profesor.Această carte este nu va fi citit. <cuadrad Jan VW, eroul5dedicată memoriei Unifică toate elementele astfel încât să fie în oricărui die brüder armonie unele cu celelalte. Niciunul din ele – dacă nu mă crezi,lui Claire, care, la fel nu trebuie să „țipe” la cititor, pentru că asta întreabă-i.ca spațiul gol, eralipiciul ce ținea totul nu oferă o soluție, o explicație sau o expresieunit. A fost o femeia a importanței mesajului pentru interesele și Alex W. Whiteminunată, iar moște- nevoile lui. În schimb, un conținut clar și bine Alex W. Whitenirea ei continuă. gândit o va face. Westport CT Prefață 5

1235. Manechine gata de despachetare. Fotografie de Herbert Migdoll.

Comunicarea perfectă vedea și auzi. Radioul ce fel de persoană sunt se face de la persoană la este următoarea; mă din ceea ce se află pe persoană. Mă vezi, mă poți auzi, dar nu mă pagina tipărită. Aici auzi, mă miroși, mă poți vedea. Iar apoi vine intervine designul atingi. Televiziunea printul. Nu mă poți tipografic. este a doua formă de vedea, nici auzi, așa că comunicare; mă poți trebuie să-ți dai seama Aaron Burns (1922–1991) Introducere Misiunea unui „Nimic nu mi se pare mai confuz decât comunicator 9 timpul și spațiul; dar, totuși, nimic nu Cum să adaugi mă deranjează mai puțin, pentru că nu valoare unui mesaj mă gândesc niciodată la ele.” pentru a-l transforma într-un „magnet de Charles Lamb (1775–1834) cititori”. Designul înseamnă planificare. Procesul de design este folosit pentru a transforma haosul Mintea caută și aleatoriul în ordine. Ordinea este bună pentru cititori, care pot înțelege mult mai ușor semnificații 11 un mesaj organizat. Așadar, un mesaj organizat Asemănările și dif- este considerat un design bun. Dar dacă arunci erențele fac ca un o privire asupra câtorva designuri din ultimii punct focal să fie ani, vei vedea că ceea ce se consideră a fi „bun” vizibil. se schimbă de-a lungul timpului. Este evident că stilul și moda sunt aspecte ale designului ce nu Spațiul atrage pot fi ignorate. Stephen A. Kliment ne sfătuiește într-un articol publicat în revista Architectual cititorii 16Un designer adaugă Record, „Nu confundați stilul cu moda. Stilul Spațiul este ca aerul;claritate și valoare este necesar pentrumesajului. Aceste man- ca un design săechine ambalate sunt respire.ca niște mesaje ce n-aufost încă descoperite. Introducere 7



Un design bun reduce efortul de navigare, încurajând Tot ceea ce face designerul trebuie să fie calculat,astfel cititul.Websiteul de mai sus păstrează lucrurile pentru a ajuta un cititor șovăielnic să se implice fărăfoartesimple,caoreprezentareprecisăaexperiențeilor. efort în textul scris, locul în care se află de obicei povestea. Simplitatea vizuală, aria vastă de spațiu gol și un titlu interesant și scurt ne face să vrem săMisiunea unui comunicatorResponsabilitatea unui comunicator vizual este citim măcar primele cinci propoziții ale acestei rec-să se asigure că materialul din pagină este citit și lame din anul 1967.absorbit.Xerox Corporation a finalizat un proiectde design corporativ distribuindu-și cartea XeroxPublishing Standards. În ea, ei descriu raționamentuldesignului lor:„Principalele scopuri ale arhitecturiiunei pagini sunt recunoașterea vizuală și lizibili- „E mai bine să fii bun,tatea. Acestea sunt realizate printr-o tipografie decât original.”consistentă, o folosire eficientă a spațiului gol și – Ludvig Mies van dera elementelor grafice,și prin utilizarea controlată Rohe (1886–1969)a [liniilor]... O logică vizuală repetată ghideazăochiul și îl ajută pe cititor să scaneze. O cantitategeneroasă de spațiu gol este rezervată drept zonăde prezentare goală, permițând diverselor titlurisă apară și unor elemente grafice să fie extinse.” Cititorii răspund unei structuri consistente aEste important să faci ca pagina să pară că te paginii. Misiunea ta nu este să umpli tot spațiulinvită s-o citești – un „magnet de cititori”. Stim- pentru a-l impresiona pe cititor printr-o cantitateularea vizuală îi atrage pe cititori, trezindu-le mare de informații. Acest lucru nu va face decâtcuriozitatea și implicându-i activ în procesul de să-l copleșească pe cititor și să-l aglomereze.absorbire a informațiilor. Simplitatea vizuală Imaginează-ți o cafea turnată în ceașcă. Dacăelimină elementele inutile și le structurează pe ceașca este plină ochi, este dificil să nu verși pecele rămase într-un sistem logic și consistent. Un tine atunci când sorbi pentru prima dată. Avânddesign bun reduce pe cât de mult posibil efortul prea mult dintr-un lucru bun, am creat o prob-de a citi, încurajând astfel cititul și înțelegerea. lemă – și, cel mai probabil, o învălmășeală. Introducere 9







„Y”-ul stilizat din inte- prima jumătate a Target, binecunoscută Locurile în care fontulriorul acestui logo numelui companiei, pentru designurile devine imagine, imag-al unei companii de Suomi-Yhtiö, care sofisticate, folosește inea devine spațiu șiasigurări finlandeze se înseamnă „Finland absența obiectului pro- spațiul devine font suntvede foarte ușor. Dar Group”. Siteul compa- movat pentru a-i face cele mai interesante șidurează puțin până niei, ilustrat mai sus, ne pe trecători să observe mai avantajoase zonecând recunoști forma arată modul de aplicare panoul. Ei știu că pentru un designerde „S” ce reprezintă al logoului. spațiul gol are valoare. grafic. Designul este procesul de căutare și afișare a similarităților și diferențelor din conținutul unui mesaj vizual. Uneori, acest proces poate dura mult dacă asemănările nu sunt imediat evidente. Dar căutarea similarităților stă la baza muncii unui designer. În plus față de căutarea asemănărilor și dif- erențelor în mediul nostru înconjurător, căutăm și semnificație în forma fizică a lucrurilor pe care le vedem. Forma unui obiect ne spune anumite lucruri despre el. Acum câteva decenii, a luat „Utilitatea unui naștere Transformers®, care a devenit rapid cea ulcior de apă constă mai bine vândută jucărie. Popularitatea ei s-a în spațiul gol în care bazat pe ideea că un obiect putea fi deghizat poate fi pusă apa, nu ca ceva ce nu este. Designerii se străduiesc să în forma ulciorului și dezvăluie semnificația mesajelor lor folosind nici în materialul din tipografia, imaginile și spațiul. Folosite corect, care este făcut.” acestea iluminează semnificația și procesul de – Lao-tse (604–531 comunicare este îndeplinit cu succes. Folosite î.Hr.), Book of Tea incorect, semnificația devine confuză. Designurile bune descriu conținutul cât mai complet și cât mai simplu cu putință. Aceasta Introducere 13







Introducere 17

Folosește albul hârtiei goliciunea comunică Spațiul în care ar trebui normale), este apoipentru a atrage cititorii. mesajul, lucru pe care să fie camera este mult pusă orizontal peDar oare costul unei îl și face în aceste două mai captivant decât o cealaltă pagină, creândasemenea „goliciuni” exemple. imagine banală cu o o legătură vizuală întreeste justificat în fața cameră foto. Camera cele două imagini.clientului? Da, dacă (deși nu în proporții informații mult mai precise, dar care nu pot fi văzute cu ochiul liber pe disc. Pauzele dintre cântecele de pe un disc ne arată conținutul exact așa cum o face spațiul gol. Spațiul atrage cititorii făcând ca pagina să pară mai accesibilă, mai neamenințătoare și mai facilă. Prea puțin spațiu gol face ca pagina să pară aglomerată – lucru bun doar dacă asta este intenția ta. A lăsa prea mult spațiu gol este aproape imposibil. Spun „aproape” pentru că vei auzi voci nemulțumite dacă vei arunca bucăți „Ceea ce vezi depinde de spațiu nefolosit, adică dacă vei crea goliciune în mare măsură de doar de dragul de a o crea, fără a ajuta în vreun ceea ce te aștepți să fel mesajul. Este mult mai puțin probabil ca vezi, de ceea ce ești cititorii să observe sau să obiecteze împotriva a obișnuit să vezi.” prea mult spațiu gol decât împotriva unei pagini – Sir Jonathan Miller aglomerate și de necitit. (1934–), intelectual Accesibilitatea este un termen ce se referă la capacitatea cu care un obiect atrage citito- rii. Nu trebuie confundat cu lizibilitatea, care descrie capacitatea unui obiect de a fi descifrat.18 Elementele designului grafic





Secțiunea 1 23 Spațiul 241 Spațiul este gol Relația dintre obiect și fundal Încadrarea și rapoartele de încadrare Spațiul trebuie să pară folosit2 Simetria și asimetria Spațiul este o formă Simetria: Spațiul este pasiv Asimetria: Spațiul este activ Timpul și mișcarea Spațiul figurativ și simbolic3 Dezvoltarea istorică a spațiului: Șase cronologii Spațiul Literele și typefaceurile Logourile Posterele Revistele Siteurile web Spațiul 21

Puterea goliciunii natu- Drama Marelui Canion săpat zona, suprafața de pământ plană șirii crează dramă, așa se datorează și elemen- ce a devenit Marele neîntreruptă.cum vedem în imaginea telor ce lipsesc. Dacă Canion ar fi putut fide mai sus. râul Colorado n-ar fi doar o altă bucată Designul grafic și arhitectura au multe în comun. Simetria, indiferent dacă este bidimensională sau tridimensională, este ilustrată în imaginea alăturată a unei reviste și a unei caze din Anglia secolului XIX. Arhi- tectura este definită ca, „Arta și știința de a proiecta și ridica clădiri.” Definiția desig- nului este mai simplă: „Planificare.”22 Elementele designului grafic

Spațiul gol este un Spațiul este gol Relația dintre obiectingredient neprelu-crat. A fost creat în „Eu ocup un spațiu, care ar putea avea o și fundal 24momentul în care întrebuință mult mai bună dacă l-aș goli.” Cea mai elementarăbucata de hârtie a fost relație. Un indicativ alconfecționată. Dar te William Shakespeare (1564–1616), unui design superiorrog, nu-l considera un Cum vă place este spațiul activ.gol gata să fie umplut.Un designer nu umple Spațiul gol este un aspect esențial al vieții. Este Încadrarea șigoluri, ci folosește opusul inevitabil al plinului, al ocupării, al activ- rapoartele despațiul gol. Spațiul din ității. Este fundalul natural și universal prezent încadrareimaginea de mai sus a al tuturor lucrurilor pe care le vedem. Spațiul gol Limitele unui designfost utilizat plasând în este ca o senzație de liniște, ca un câmp deschis, închid spațiul.mod agresiv o imagine ca o cameră nemobilată, ca o pânză nepictată.orizontală în el. Adesea, goliciunea este considerată ceva ce tre- buie neapărat umplut. În general, este ignorată, mai puțin de câțiva care o manipulează în mod Spațiul trebuie să conștient pentru a stabili contrast, pentru a pară folosit crea dramă sau pentru a oferi un loc de odihnă Goliciunea inutilă vizuală. Cel mai bun mod de a folosi spațiul gol este... inutilă. Ea este este ca și contrapunct la spațiul plin. Compozi- o unealtă ce trebuie torii și arhitecții îl folosesc. Pictorii, fotografii și folosită în mod intenționat. Spațiul 23

„Spațiul este o nevoie umană.” Ken Hiebert (1930–). Universul era complet gol înainte de Big Bang.Parcul central din New York, ilustrat înainte ca zona Mărimea lui este măsurată în funcție de zona ocu-înconjurătoare să fie dezvoltată, cca. 1909. Astăzi pată de galaxii, dar acum se analizează și ceea ce eraeste un sanctuar vital înconjurat de un oraș intens. considerat„spațiu gol”: este foarte probabil să fie plin cu materie pe care n-o putem măsura încă.sculptorii îl folosesc. De asemenea, și designerii În spațiu, chiar șiîl folosesc. obiectele uzuale pot atrage atenția atunci Cel mai important pas pentru a te sensibiliza când relația esteîn folosirea spațiului gol este să-l vezi mai întâi. dezechilibrată. Aici,Gregg Berryman scrie în cartea Notes on Graphic obiectul este decupatDesign and Visual Communication, „Toată lumea și plasat într-un raportse uită la ceea ce ne înconjoară, dar foarte puțini disproporționat devăd cu adevărat. Designerii trebuie să vadă. A spațiu alb. Axa cen-vedea înseamnă a-ți antrena atenția la coduri trală este evidențiatăvizuale ca formă, culoare, textură, tipar și con- de plasarea în parteatrast. Aceste coduri crează un limbaj al viziunii, stângă a coloaneila fel cum cuvintele clădesc blocuri de limbaj înguste de text.verbal.” Un profesor este cel mai capabil de aantrena vederea critică, dar o astfel de pregătirese bazează pe expunerea la mostre excelente dedesign și artă.Relația dintre obiect și fundalÎn designul vizual, elementul peste care se trececel mai des cu vederea este spațiul gol. Lipsa deatenție primită explică de ce vedem atât demulte designuri urâte și greu de citit. (Urât șide necitit sunt cuvinte ce descriu două funcțiiseparate ale designului care, ocazional, apar înacelași timp. Urât se referă la calitățile estetice24 Spațiul este gol

Spațiul este definit atunci când ceva este plasat în el. Imensitatea oceanului pare și mai mare atunci când în distanță vedem o insulă mică.Lipsa controlului asupra spațiului gol produce Această arie de linii și spații identice produce o valoarezgomot vizual. Aceasta este o secțiune a unui carton de gri.Nici obiectul,nici fundalul nu necesită o atențiefolosit în Italia pentru a separa cărțile de poștale. specială; ele sunt în armonie. Unirea liniilor negreDeși are un anumit șarm, este un exemplu de design prin eliminarea spațiului alb crează o zonă completaccidental. neagră. Eliminând o singură linie neagră, spațiul alb devine dominant și este activat.și evaluează dacă un obiect ne place sau nu. De „Caut două lucrurinecitit este mult mai important, pentru că un într-un design: sim-design de necitit este o catastrofă. Un document plitate și claritate.printat, indiferent de scopurile sau atributele Un design bun selui, nu este creat niciodată pentru a fi ignorat.) naște din aceste douăElementele unui design sunt vizualizate lucruri.”întotdeauna în relație cu ceea ce le înconjoară. – Lindon LeaderGoliciunea din designul bidimensional senumește spațiu gol și stă în spatele tipografieiși a imaginilor. Dar este mai mult decât un fundal,pentru că, dacă fundalul unui design este con-struit corect, claritatea și utilitatea creației sedublează. Astfel, când este folosit într-un mod Spațiul 25

O relație stabilă neutralizează spațiul; spațiul; iar plasarea devină dinamică.între obiect și fundal: plasarea decalată a obiectului în afara cad-Centrarea obiectului obiectului activează rului face compoziția săPrizonierii americani erau îmbrăcați mai demult în fascinant, spațiul gol devine prim plan. Golici-haine cu dungi albe și negre, pentru a putea fi ușor de unea devine o formă pozitivă, iar zonele pozitiveidentificat în caz că evadau. De la distanță, probabil și negative devin extrem de legate.că ar fi părut niște siluete gri. Într- zonă cu linii identice (ca în exemplul de pe pagina anterioară), vedem o arie de gri, pentru că fundalul și liniile sunt în armonie. Pentru a crea o arie gri, zonele albe și negre sunt la fel de esențiale. Dacă eliminăm o singură linie neagră, spațiul alb se activează. Această linie albă este o anomalie și pare a fi în fața zonei gri. Spațiul gol (sau spațiul alb, nume dat după hârtia albă, un material obișnuit în zilele noastre, deși nu trebuie să fie neapărat alb; acest termen se referă la fundal, indiferent de culoarea lui) are mai multe nume. Printre ele se numără „spațiu negativ” – un termen interschimbabil; „spațiu captiv” – care se referă la spațiul înconjurat de alte elemente; „contraformă” – care se referă la spațiul dintre litere; „alb activ”– un spațiu gol ce are un scop și formează o parte integră a desig- nului; și „spațiu în exces” – adică un spațiu gol ce nu are un scop. Lipsa unui spațiu gol bine administrat duce la zgomot vizual, sau design cacofonic.26 Spațiul este gol

O relație revers- mic, în spațiu, pare a un spațiu mic este echilibru, niciunul dinibilă între obiect și fi „în față”; un obiect tot „în față”; obiectul ele nu este „în față”.fundal: Un obiect imens ce aglomerează și spațiul sunt în În anumite circumstanțe, aceasta poate fi o soluție bună, de exemplu dacă subiectul în cauză este o interferență audio sau video, o traducere vizuală a anxietății, sau o imag- ine foarte detaliată. Unii designeri folosesc stiluri cacofonice inspirate de computer în experimente pe care ei le consideră „la modă”, indiferent de conținutul lor sau dacă sunt sau nu adecvate. Rezultatele sunt, de cele mai multe ori, de nedescifrat, urâte și confuze. Spațiul este nedefinit până când un obiect nu este plasat în el. Până când un element de design – un pătrat mic f , de exemplu – nu este Spațiul 27

Relația dintre obiect dintre designurile de acestui exercițiu și oricare design. Trebuieși fundal explorează mai sus folosește un succesul depinde de să fim la fel de atrașirelația fundamentală singur model de literă. activarea spațiului neg- de formele albe precumdintre formele albe Abstractizarea car- ativ și de considerarea suntem de cele negre.și cele negre. Fiecare acterului este scopul lui ca fiind partener în Direcția și grosimea O relație ambiguă unei linii sunt cele mai între obiect și fundal: importante caracteristici Este nevoie de abstrac- ale ei.Aici,într-un poster tizare pentru a tăia intitulat Pedestrians figurile alb-negre și a in the City (Gérard le face să fie amândouă Paris-Clavel), direcția interesante. contrastează,în timp ce grosimea este constantă. plasat într-un cadru de referință f , nu se poate determina nimic legat de spațiul în cauză. Goliciunea grafică poate fi făcută să pară vastă și nesfârșită, sau poate fi manipulată astfel încât să pară finită și segmentată. Plasarea unui obiect în spațiu crează o relație între obiect și fundal. Când un singur element este plasat în spațiu, poate fi dificil să-ți dai seama dacă acesta este mare sau mic, sus sau jos, departe sau aproape. Pur și simplu plutește în spațiu. Perimetrul spațiului, definit fie de un chenar, fie de marginile paginii, ajută la descrierea poziției obiectului.28 Spațiul este gol



Unitatea opuselor este „Realitatea unei Spațiul gol ambiguu spre cer? Dar ce con-exprimată în simbolul camere se găsește în poate fi văzut și în pos- tează mai mult, cumchinez yin/yang, în spațiul gol închis de terul House & Garden. este imaginea în real-care albul și negrul tavan și pereți, nu în Avem un fundal negru itate, sau cu perecepedepind unul de celălalt. tavanul și pereții pe care sunt plasate cititorul spațiul gol alImaginea de mai sus în sine.” imagini cu cerul, sau imaginii?este o interpretare a lui avem un perete întun-Shigeo Fukuda. – Lao-tse (604–531 ecat cu ferestre ce dau î.Hr.), Book of Tea În harta străzilor Parisului de pe pagina anterioară, obiectul este pământul; în harta podurilor pariziene, obiectul este râul. Breu- gel de Elder a pictat un fundal ambiguu în opera sa The Fall of Rebel Angels, 1592.30 Spațiul este gol