A grafikai tervezés kézikönyve : elemek, összefüggések és szabályok : ismerd meg a szabályokat, hogy pontosan tudd, mikor térhetsz el tőlük 9789632446004 [PDF]

Zitiervorschau

A forditas alapjau l szolgal6 kiadas: Design Elements: A Graphic Style Manual (Second Ed ition) © 2014 Rockport Publishers Borit6- es kiinyvterv: Timothy Samara, New York

Forditotta: He rho ff Katalin, Kovacs Balazs Hun garian trans lation © Herhoff Katalin, Kovacs Balazs, 2015 Hungarian ed ition © Scolar Kiad6, 2015 Minden jog fenntartva. A mu egyetlen reszlete sem hasznalh at6 fel, nem sokszorosithat6, tarolhat6 vagy tovabbithat6 sem digitalis, sem barm ilyen mas formaban vagy m6do n a kiad6 eliizetes irasbeli engedelye nelklil. A ki:inyvben szereplii kepek az alkot6k tudtaval es eliizetes hozzajarulasava l kerli ltek felhasznalasra, fgy a kiinyv alkot6ja, kiad6ja es eliiallit6ja az ezekhez kapcsol6d6 szerziii jogok megsertesebiil, illetve a muvek bemutatasab61 szarmaz6 esetleges karokert nem vallal feleliiseget. A keszitiik minden tiillik telhetiit megtettek, hogy a bem utatott muvek alkot6it a kapott informaci6knak megfeleliien tlintessek fel.

Scolar Kiad6 Budapest, Nap hegy ter 8. Tel./fax: (+361 ) 466-7648 scolar@scolar. hu www.scolar. hu 1016

Feleliis kiad6: Ersek Nandor Feleliis szerkesz tii: Horvath Virag Tiirdelii: Herhoff Katalin, Kovacs Balazs Korrektor: Tiiri:ik Maria ISBN 978-963-244-600-4 ISSN 1788-5841 Nyomdai munkak: Kina

A bemutatott peldak nagy resze ango l nyelvu sziiveget tartalmaz.

www.scolar.hu design .scolar.hu

SCOLAR

§ DES IGN

26

86

128

l'ORMA

4 SZiNB4SZN4L4T 4L4PJ41

BETttv.&L4SZT4S ES BETUB4SZN4L4T

2. FEJEZET

3 . FEJEZET

ESTER 1. FEJEZET

FORMA- ES TERERZEKELES

28

A SZINEK TULAJDONSi\GAI

88

38

A BETUK SZERKEZETE ES OPTIKi\JA

130

BETUSTILUSOK ES BETUKEVERESEK

138

i ·siovE.GK{P .

58

i ·sziNEidhiNiii ES AZ ERZELMEK

122

KIALAKITASA ............................... A SZOVEG TEXTURAJA ES TERKOZEI

146 162

A TIPOGRAFIA MINT INFORMAc16

170

A·szlN.HATAsiA BETO RE

182

MI AZ A GRAFIKAI TERVEZES?

06

A JO DESIGN 20 SZABI\LYA

10

MIKOR ES MIERT SZEGJUK MEG AZ EDDIG MEGISMERT SZABI\LYOKAT? 296

...........................

186

232

4Bi:PEB

SZOVEG ESBEP EGYSEGE

VIL.A.GA 4 . FEJEZET

5. FEJEZET

A KEPEK SAJI\TOSSI\GAI

188

SZOVEG ES KEP KOLCSONHATI\SA

234

AZ I\BRI\ZO LI\S ESZKOZEI ES MODSZEREI 204

AZ OLDALSZERKEZET MEGTERVEZESE

246

A..KiP·E·tc··M"eGjEiE·N~·si····· .......................

IN.rui-dv.iLREN.oiz~s

264

RENDSZER A GRAFIKAI TERVEZESBEN

272

A MUNKA FOLYAMATA

288

LEHETOSEGEI

216

NEV- ES TI\RGYMUTATO

312

ALKOTOIJEGYZEK

318

A tervezcigrafikus n t kozvetit - gondolatokat szamara is konny n rth to, vizualis formaban jele 1ti m

Ml4Z4 GB4FIB4I TEBVEZES?

••

r·

szolga1tat6 log6ja

Elelmiszerbanll lo96ja

LSD SPANYOLORSZAG

NAROSKA DESIGN

Pe11zii9yi

NEMETORSZAG

Borlleresliedo arculata es eligaz(t6 tauldi

06

PARALLA X AUSZTRALIA

"

lll\'it1111 .1.,;: .1

............,.

Fl.i vio Braga

Kii11yvbor{t6 citlcitsz6 vedcibor{t6val LABORATORIO SECRETO BRA ZiLIA ("6f'.!i \-;1!rm r,oor1J f'.l• ·•JIH ·o.u w ,J1dri r1mr,u r ll' l'U fol qu,1 nJo IJl\lu J';,..;;u, tt~ 1.... 1,_~.J t,,C,)!J1o..1-.-,.;"'.J .r ,.J ~. ' ..t

lSl

A GRAFIKAI TERVEZES KEZIKONYVE

Habcir az itt ben111tatott '1011yv tervezoje 111e9lehetcise11 sze1es hasciboJwt alaJdtott Iii, a sorhosszall csa/1 his 111irte11ben vciJtaJ10211ah. A soro/1 (9y letrejovci, e9eszen lci9y h11llci1112cfsa iisszha119ba11 van az oJdaJ 11y119odt ha11911latcivaJ , es 11e111 vo,~a el afi9yeJ111et a behezdeseh elejet jelolci beJ111zcisohto1 Sfll1. CHENG DESIGN USA

r

i\ SZ(WlG11k'5 1\/I i.Jful/o/L,,rr),i.. ,,·p r,:-"'nh'.Jbr J N,:11forkg;ill1..ry anJ o:h1biti.'J in lhi.' 200 1 Wniullirnn.ilc. Ill'\>'

r.1pid cJiting ~rout the Anderson case. Ca rlotta, in th e person of Joa nne, decides not to go into the mail room aft er all. Ins tead she ducks into a s tai rw ell. Joa n ne despises the war Ca rlotta tries to engage he r in small talk. It's s,:, disliont sl. We /J.oJ /1 tlttt sl t acl1 ollu,. w/1~· bot hrr ricliug fih-: il 's tul}' di_ffem1L Joann e will take truth m·er n iceness a n}' day of the W('1>ocritcs. She hates worki ng the re but would neve r leave th e fi n n beca use it's pre tty much he r whole li fe. Ca rlotta drea med of working al Be nnett a nd Dennett e \'e r s ince she wa s a pre-law s t11de nt reading about the fi rm 's landma rk class ·action s11its agains t big pharmaceutical compan ies. It's not a huge finn but it has an excelle nt re putatio n and they lei her take on a lot of pro bono cases. Still, s he ofte n considers leaving. primari l)' because of Joa nne. As a lawyer, Carlotta prides he rself in fi ndin g solut ions tha t arnid lm ·ing to go to court . She's a mediator b}' n ah1 rc and considers it a p.rach;p. n

doss sich d:e Re1henfo,'ge in ein.¥}en Johren Dndert. Und Z1\tlf1w:nni.l-·--,-.. _J.M .. __ ·--~----.. _ ...... ,._.........

_

nte.r of ~nee ,ove on. and

,,....,_., _ _ , _ _ _ ,...,,

~rview Terrace, Luna Park, New J ers, ~rview Terrace• Luna Park, New J ers,

.... -._.r-.. . -..i-~ ----· _, . . . _.__ _ ·- ......,_ -~~·~.., _ _ .,.._ __ ,._... --oa-.,~ ~=:£~ ___ -~......----. .......... ..... .. -.-.-. ... --.

:o be Jgh, ,ad

3rvi ew Terrace · Luna Park, New Jerse

Csak mertekkel. Sorkizart szedesnel elengedhetetlen, hogy a betukiiziiket is modosftsuk, ezzel is megakadalyozva az egyma.s ala kerUlo szokiiziikbol letrejiivo csatornak kialakulasat. De ne feledjiik, hogy a tut szoros - es emiatt tul siitet - sorok legalabb olyan mertekben rontjak az olvasas hatekonysagat, mint a csatornak.

A GRAFIKAI TERVEZES KEZIKONYVE

(by listening to the sea) will c determined , and thought it "Think carefully," he said , ag foremost a kind of singular • • • •

Optional leather sea ts an d dash board Five-speed transmi ssion ABS breaking syste m with titatnium di scs Power steering and automatic mirrors

Logassuk ki az frasjeleket! A sor elejere eso fra.sjeleket - illetve sorkizart tiirdelesnel a vegere esoket is - tiibbnyire a hasab szelenel valamivel kijjebb kell ,,16gatni" a hasab kizart oldalain. Ez a szabaly idonkent a dfszpontokra is alkalmazhat6, peldaul a tervezo diinthet ugy, hogy a pontozott felsorola.s sziiveget a fosziiveggel egy vonalban kezdi, a pontokat pedig ki16gatja a marg6ra vagy a hasabokat elvalaszt6 csatornaba.

ize; however thest ize; however thes, you say? That's pr you say? That's pr Tovabbi frasjel-egalizalasok. A kettospontoknak es a pontosvesszoknek altalaban elonyere valik, ha megniiveljiik a terkiizt elottiik, es lecsiikkentjiik miigiittiik. Afelkialto- es kerdojeleknek is gyakran jot tesz, ha egy kicsivel tiibb ter elozi meg oket. Egy szoka.sos meretu szokiiz termeszetesen tul sok lenne, de mega fele is - a kvirt huszonnegyede (hair space) kiiriili meret viszont megfelelo lehet.

n the year 1254 before moving on to n the year 1254 before moving on t o

dolor sit amet. consetelur SJdipsci ng. Elilr, sed lliJ rn nonu1nye irm od h"m pm invid t1111 ut IJbore el dolore nu guJ Jliquyam erJ t, Sl·diam \'Olu

n the year 1254 before moving on t n th e year 1254 before moving on t

ptuJ. ,\ \ \·ero eos et JCct ls.J lll el jui lo duo dolort'.i et eJ. rebum . S1e1cl il J b sd gubergren, noseJ IJkim ata s.1 nc111s est Lo rem ipsu m dolor sit amet Lort m ipsum dolor sit amet, con.setelur sJdi1ncing ditr,

sed diJ.111 uonumy ei nnod tempor invidunl ut lJbo re et dolore 111Jg 1u Jliqup m erJL

10,336.00 135.36

10,336. 00 135 .36

the final char the final cha the final cb Ligatura: kulcs az optimalis betiikiiziikhiiz. A ligaturak, amelyeket - a szebb betukapcsolodasok mellett - azert is terveznek, hogy egyes problem.is betutalalkozasok eseten optikailag megfelelo terkiiziik jiihessenek letre, az optimalis betukiiziik kialakftasahoz is iranymutatast adhatnak. Mivel a ligatura ket betuje (pl. ,,fi") kiiziitti terkiiz fix meretu, feltetelezheto, hogy a beta tervezoje ennek a fix betukiiznek a meretezeset is az altala optimalisnak gondolt, az egesz jelkeszleten egysegesen vegigvitt beturitkftas figyelembevetelevel vegezte el. Amennyiben a fol yo sziivegben a ligatura erosebben vagy gyengebben ritkitottnak tunik, mint a kiirnyezo betuk, akkorvagy a sziiveg betukiizein kell valtoztatni, vagy a ligaturat kell ket kUliinallo beture cserelni.

160

BETUVALASZTAS ES BETUHASZNALAT

ipsum d sedd iJn ree t dol duo do\,

t\ t vero tlJj e t J. Cc uu rn e t j usto duo dolores e t eJ.

n o~('J

t.

Jt11 e t.

Li

n dipici

,!,..Ji,,- , ii

3 10;, I rm1

n.!.ti r ntlp,.> .b.f.J).,m < f)oll("..:hcldi,ull:k..-ur,!l11ern,"'r-1ru,~cnry,l~~1uod,:!m 1r1cinTnrat11 10 ""r!n. I )uc , f" r,~ m lr \J"'f' in,rhlrdn dulul1ffltt,rhlrn \~

.\'tnl~f bc'fl U l ff ,(l>il.'C"fl \"-, 1~

,l:,(1

riti.t,,...,,·ll•tudw:ic>uhi,.•"'\'oc,r rffl11,1{'"t>rrl.l• rhl.,:,pu1p, ,r uill('l6:lo1ckdlrtt'\knnlic,tt••cm·

A pe11zii9yi jelentes oldalpd1jd11 a szove9 es a tdbldzatoh 9011dosa11111egforma1t, dttehintheto st(lusa a hitelesse9 es az alapossd9 erzetet l1elti , osszha119ba11 a lliadvdny temdjdnah megfontoltsd· 9ot es po11tossd9ot i9enylojelle9evel. A mmg6ra es liasa'bhozbe ce1 tudatosa11 l1il69atott alc(111el1 , a szdmoh9011dosa11 hialah(tott bett1hozei, es az elemeh elhelyeze· seneh honnyen dtldthat6 rendszere 111i11d ajelentes heszitojeneh 1na9asfolni szalmiai houderteset bizony(0a. UNA [AMSTERDAM] DESIGNERS HOLL ANDIA

161

A GRAFIKAI TERVEZES KEZIKONYVE

F SZOVEG TEXTURAJA ES TERKOZEI

A szoveg mint vizualis elem A grafikai terve-

zessel meg csak ismerked6 diakok es a palyakezd6k gyakran figyelmen kivi.U hagyjak a betuk absztrakt formaiban rejlo vizualis lehet6segeket, emiatt hajlamosak a bet{iket, cimsorokat kisse esetleniil, a kepanyagt61 elkiUonitve kezelni - amivel gyakorlatilag teljesen lehetetlenne teszik, hogy a ket dolog egyseget alkosson. Marpedig a betuk is vizualis elemek: a terben ugyanugy viselkednek, mint barmely mas, kompozici6ban felhasznalt pont, vonal, sfkidom es texturalt feliilet... Hiszen val6ja-

ban a benik is pontok, vonalak, sfkidomok es texturalt feliiletek. Attal, hogy jelentest is hordoznak, meg nem sz(innek meg absztrakt formakent viselkedni. Ennek a tenynek a fel ismerese, megertese es i:iszti:ini:is megerzese olyan feladat, amely pr6bara teszi a kepzelc5erc5t. Nern konnyu ugyanis ki.Uonvalasztani a sz6kep vizualis jellegzetessegeinek ertelmezeset annak verbalis, tartalmi vonatkozasait61: folyamatosan ki.izdeni.ink kell azert, hogy a szi:iveg olvasasat megszakftva a kinezetere tudjunk koncentralni. De a tervezonek ponto-

The new time sense of typographic man is cinematic, sequential, pictorial. Marshal McLuhan The Medium is the Massage Penguin Books, 1967

t~JIWJC,

-

I

I':,

""'· - - - !t,cm, . . . _ . _ , .. _

Annal1 ellenere, hogy a plahdt minden tipogrdfiai elemet ugyanazzal a sz(nnel nyomtatta11, a mereteh, vonalvastagsdgohJeliileteJ1 es a terhiiziih vdltalwzdsainah eredmenye egy ,,sz(nesneh" 111011dlrnt6 tipogrdfiai 1wmpozfri6 Jett. VOICE AUSZTRI\ LI A

162

BETUVALASZTAS ES BETUHASZNALAT

AL

t\l

n

Dll!TftRUII •

l,

~SE

' •

azt kell elernie, hogy az olvasas mer6ben 311 ~nkcionalis elmenyenek mechanikus jellegen nillepve a szoveg tovabbi jelentesretegeket hordoz6 vizualis elmennye is valjon. A tipografia celj a tobb, mint a szoveg tenyszen'.i megjelenitese; ha ugyanis csak ennyi Jenne, akkor a szoveg tipografiai megformazasa nem jelentene mas t, mint a szovegszerkeszt6be Times Romannal begepelt szoveg kinyomtatasat, termesze tesen minden szovegreszt azonos betu merettel, falt61 falig tiikormeretben. De ezt szimplan ,,szovegbevitelnek" hiv-

jak. Ahhoz, hogy tipografiava valjon, a szoveg gok a tipografiaban, mint az ajtok, az ablakok, semleges tenyszeruseget at kell alakftani egy, a sziikseges eletter es stabil epi.Uetszerkezet a mondanival6 kifejezeset hatekonyabba tev6, az epiteszetben. Ha egy kompozfci6 szovegeit kimondottan tetszet6s formara. Az angol- formajuk, aranyaik, fenyertekiik, kontrasz tszasz epfteszek koreiben kozismert az a monjuk es dinamikajuk tekinteteben - kepi eledas (a tipografia es az epiteszet parhuzama mekkent kezelji.ik, ugy, mintha valoban kepek talan onmagaert beszel) , amit a tervez6grafilennenek, akkor az biztosfteka lehet annak, kusolmak is erdemes megfontolniuk: ,,Minden hogy a szoveg nem csupan a tema kifej tesenek epfteszeti tevekenyseg eredmenye epitmeny, egy ujabb eszkozeve valik, hanem tokeletede nem minden epitmeny epiteszeti tevekeny- sen egybeforr es kerek egeszet kepez a tobbi seg eredmenye." A bet{ik felismerhet6sege alkotoelemmel. fgy a szoveg es a kep egyenes az olvasas funkcionalitasa olyan adottsarangu szerepl6kke valnak.

Abalra fent lathat6 ket peldaban ugyanazt a sziiveget ket kiiliinbiizo felfogisban tipografaltuk: eloszbr statikus es viszonylag semleges m6don, szinte t6nusok nelkOI; masodszorra rendk,vOI valtozatos betu- es sorkiiziikkel, eltero szelessegu, meretu es vonalvastagsagu betukbol. Figyeljiik meg, hogy a feliratok altal alak,tott negat,v terek mikent vesznek reszt a kompozki6ban - egy resziik a betuk megformalasaban tiilt be aktrv szerepet, m,g masoknak a sziiveg ritmusanak es texturajanak ellenpontozasa a feladata. Abetuk vizualis jellegzetessegei meg feli smerhetobbek lesznek, ha alapformaikra egyszerus,tjiik oket: pontokra, vonalakra, sfkidomokra, feliiletekre. Az absztrakciojukkal egyiitt jar6 fii ggetlenseg - a lehetoseg, hogy olyan szabadon mozgassuk a betu ket, ahogy peldaul egy szabadkezi rajz vonalaival tennenk- meg nyilvanval6bba valik az itt bemutatott peldakban, amelyekben a szbveg szoros egyseget alkot a keppel. Figyeljiik mega kepi es tipografiai elemek jatekat, hogy mikent renektalnak egymas kompozici6s szempontb61 legmeghataroz6bbnak tekintheto tulajdonsagaira, form ai jellegzetessegeire. Asziivegrol egyaltalan nem mondhat6 el, hogy a kep feletti sfkban vagy a kep mellett helyezkedne el, hiszen a kep es a sziiveg azonos sullyal vesz reszt a kompozki6ban .

\.,_.-,..,,..,~··

~-t.,;-.i"I~·

~.,,"*..r-.

.,..,,O'El:r,•

~ ......... CIIJ

e",· •lun-,,p~QIIO'..._ l ....

.

v_

r,;i, ... 1

_.t .. •;:,,-1, ....

t....,·,,.11_.vl)l

....... die-.-·~

;;;:,_· ~.~~~;;-1 ,•~ ,.,......,.,. --. •..,, o.dl - .... t.._, .

.,.,,us.\. -..,

f,(_"..!1r~trugru '"1iq11p mn':II, ~ mnilu p

::oMPRESSIOr

Na m l1 ber tempor cum soluta nc oisa r eleifend option congue nih

ya

Jakarta

2 0 0 7

I-

Indonesia

m perdieti dom ine id quocl ma: merti placerat facer possimsurr oisa r eleifend option congue ni h

lntfflliruumJl!lor ,i t ,uu.ot .rn mct~l ur

M

C 0

p R E

m perdieti clom ine id quod ma:

JUin lh.l!IUDJ 1

p•- -··'

to.tht•• •01a'ln,1 W,,.• · t,;eM

• • , ...,

i4oal l•,,;,-o, --,.;.U••,-:t

........ ,.,,!.. ,. T,u1 I in

ma

llk;. ;,11,,, - t . . , -• clro-.ic • l•¥n

i,,c•po,ol• "'......, "' ' .. d,ho ,

,.!,n,,ol!lo1w... :, ~-,,,.,.._

• ~,,bo.-"•4-.h .... _ ,

., ....... .... ......, ..... ,_ldffl, •• o ,-:t • •-,.le,-..•• llu-,. ....,-..n-., , 1tia11-1...

.......... 11,.-w

- ,w.,,_

._. ,.,,. ... ,..,,,d a,,.•lnt-

,-···-·W.. .

..go,a, l""'= ... •,-" E9.rp'-

Spir iluol c ol lin g . ,,.,ptoHO I M.;.01:..r...,oct;... u... 1;. .,~ , ..... . t1. n.. ~ ... ,r,)ll1-, ct... ,, lapl , Mn d,ht

,.,,,..,1•

_,-iJ*lo1-t.-'t'-n~ .....~ - . .......,.. IME.upo,u, ""1·

..._ w.-rui--.. ru) ...,,.n, o1o1i!lc,,nr• l••Mm- A aot,-i..oi.o..u..1,tukl ....,,"I" t)oo-•1 d ~ ....... , .. .......

J'Of"IM' .... U.- 1-

1\ --d.ok,c

- •~••""7odJ~clr-,ok fN11SbbaJl01to..Gh.olllllool 1...i...~ ,-:...

ooruoti:-u.. ,.., .. _..u.. !forlJoSi.?

- lolmi..6psrp!alo ...... l>J•~

_,,.,.bu bt.t-1', •a,t.l

~--

w.u..,. -. .......... .... u.cttU

.,,.,.,......_1oonm..i ..........w .

- '--N

,.....~~-:;:rt

1DOO...-....i.,:,a1.,..... d ~ .......... a.u:r . - 'P1G

U.at ~

J'U&' --cYo,oi..

~io.......,w .....·, n,o,.pri,wnl . . . . . . ....,.kny......in'ti8J(,ro..

c( ,-ps.t:,..

d........,.A) , o, pl,M