07 - Noções de diagramação - completo

5/10/2018 07 - No es de diagrama o - completo - slidepdf.com

http://slidepdf.com/reader/full/07-nocoes-de-diagramacao-completo 1/7

U F S C

C u rso de D es i g n G raf co

Disc ip l ina P rcducao C ra flca 2

NO (;O E S D E D IA G RAMA (;A .O

Segundo 0 d ic ion ario A u re lio, d iag ram ar sig nific a "d isp or

g rafic am e nte (os e le m en tos d a p e~ a g rafic a: te xtos, tltu los,

ilu strac oe s, le ge nd as, fios, v in he tas, e tc ) q ue d ev erao faz er p arte

de um a p u b l i c a c a o " , Q uer d izer aind a "geren ciar com b ase em

p ro gram ac ao v isu al p re d et erm i n ad a" .

A d iagram acao e , segundo a m esm a fon te , "ato ou efe ito de

d iagram ar" ; "e lab oracao d e le iau te ou esqu em a (de d im ensoes e

form ato ig uais aos d a p ub lic ac ao) e m q ue ap arec em

d ev id am e nte c alc ulad os e re pre se ntad os tod os os e le m en tos

( te xt os, le g en das, fot os, i lu st rac oe s, e tc .) q u e c orn po em 0m a te rial a se r i m pre sso" .

o p rin cip al ob je tiv o d a d iag ram ac ao e a artic ulac ao d este s

e lem en tos de form a a:

• dotar a pub licacao de iden tid ad e, ou se ja: articu la-Ios d e

form a c oe re nte e p erson aliz ad a a p artir d os re qu isitos d o

p roje to d a p ub lic ac ao, d e se u c on te ud o e p ub lic o-alv o;

• asse gu rar a c on tin uid ad e g rafic a, ou se ja: e stab ele ce r c om 0

g ri d ( m al ha) as lo cali zac oe s, fo rm as, p rop orc oe s o rg an iz ac ao

para as pag in as, de form a a que 0 u su ario (le itor) se sin ta

seg uro em re lacao a localizacao dos con teud os em cada u ma

d as p ag in as d a p ub lic ac ao ao p e r c o r r e - l a ,

• atender aos requ isitos de com unicacao, m ercad ol6g icos e

te cn ol6 gic os e stab ele cid os n o c on ce ito, ou se ja: artic ular os

e lem en tos g raficos para atend im en to d o con ju nto de

ob je ti vos d o p roj et o, 0 q ue ex ige que 0 trab al ho se ja fe it o

com m etodo e 0 re su ltad o se ja an alisad o e m re lac ao as

Iim itac oe s, ao e stab ele cim e nto d e p riorid ad es e , fin alm e nte ,

qu e se m ostre com o um a solucao v iav el e ad equada.

E m re lac ao aos e le m en tos te xtu ais, 0 u so da d iag ramac io busca

assegurar:

• le gib ilid ad e. Q ue os te xtos, le ge nd as, n um erac oe s, e tc .

p ossam se r c on fortav elm en te lid as p elo p u b l i c o - a l v o , Eim portan te n otar q ue , p or e xe mp lo, le itore s d e faix as e tarias

d ifere nte s te rn n iv eis d ife re nte s d e ac uid ad e v isu al e ,

p ortan to, e xig em fam ilias d e tip os, c orp os e e sp ac am e ntos

diferentes.

• h ie ra rq u iz a ca o , A s in form acoes tex tu ais con tid as em u ma

p ub lic ac ao n orm alm en te te rn n iv eis d ife re nte s d e

im portan cia d uran te a le itu ra. Isso d ev e se r c on sid erad o n a

d i a g r a m a c a o , 0 titu lo, por ex em plo, dev era ser m ais leg ive l

e v isiv el qu e os sub-tltu los e estes m ais que 0 corpo do

te xto. U sar fon te s e c orp os d ife re nte s, alem d e n eg ritos,

italic os e m ud an cas d e c or sao p roce dim en tos ad eq uad os

p ara ate nd er a e ste re qu isito.

• C on ti nu id ad e . E n e ce ss ari o q u e 0 con jun to das p ag inas de

u ma p ub licacao se ja perceb ido p elo usuario com o um a

u nidade p ara q ue e le se sin ta segu ro ao p ercorrer a

p ub licacao e possa se concen trar em seu con te iido, P ara que

isso oc orra, e n ec essario q ue os c rite rios ad otad os p ara a

d iag ram ac ao d a p u bl ic ac ao se jam c on sist en te s 0 suficiente

p ara q ue a variacao de con te iidos qu e ocorre a cad a p ag ina

n fo re su lte e m frag me ntac ao g rafic a d a p ub lic acao, A

c on tin uid ad e re su lta d a u tiliz ac ao d os m esm os c rite rios d e

d isposicao d os e lem en tos qu e a com poern p or todas as suas

p a g i n a s ,

• c lare za d a in form ac ao. E im portan te ob se rv ar q ue 0

p rin cip al in te re sse d o le itor e sta n a ab sorc ao d os c on te ud os

da p u b l i c a c a o , S ua form a grafica e , sob certo aspec to, u ma

in te rfac e. F aze nd o u ma c orn parac ao: p ara q uem v ai "b ate r"

u m p re go, 0 m arte lo e um a ferram en ta ad equada e

n ec essaria. E ntre tan to, a aten cao d o se u u su ario v ai e star

v ol tad a p ara 0 p re go (se e le e sta p osic ion ad o, se n ao e sta

e ntortan do, e tc .). A ssim , e m bora e sse nc ial, 0 m arte lo n ao

d eve atrair a atencao do usuario, Se 0 se u "c ab o" d e m ad eira

fosse , p or e xe mp lo, esc ulp id o c om b elas im ag en s, p od eria se

torn ar d esc on fortav el e, p or isso, ex ig ir q ue 0 usuario

d iv id isse su a ate nc ao e ntre 0 p rego e e le . P elo m esm o

m otiv o, a d iagram acao deve ser en tend id a com o um

elem en to fac ilitador do acesso ao con teud o d a p u b l i c a c a o ,

o u sa n ao fu ncion al d e b arras, v in he tas e ou tros e le me ntos

graflcos, b em com o d e ou tros e lem en tos com e n fas e e s te t ic a

em um a pub licacao pod em , ainda que a valorizassem do

p on to d e v ista es te t ico , obstruir 0 ac esso ao se u c on te ii do ,

Salmon bread souffleU l ! J 1i i l n ;J im ; Ju , n'lll ~"c lyuiyt l)m. li [ . .. .l u r 'I JI IJ [X111~r OlIiI~lhI~ lPO«HI, I~!,.brc:,,~ :MIl!!ru~

.-! ~ . i~ i ll m h l, "";p"Cn; .1I~~Jln Ilrlil-rr), I I ' .l " i li . . . t i l ~ 1 1 1 11 . " ' 0 1 ; : -. , '1 i",. -~~..<-.ii..... rr.::ilik H > oI < . ~ "'I;shlII.,. ,.. i P > f Ih"K'L!IIl .....Uh br""Ik"'III"~,poa-frld III.II~". ~~I~.r,J,,'I bdOR"

,~-'-I"Ji."~"".i:f.. ~".I•.:I.I< ~;ld.'h<-""''I1I~" k: . h~""""~I ~_"l.

Tr . l " - . . . l!.lp~ 1i><'H',11I r~..r 1--NP"""l.d~ • , ..., .I Io;Im- ""urllt-<b ......{ I~ ,n. pfHl[<!:l.

""...."i."i:~.!!o<i ... , 5~J I ]I r "!!dok . iIU'' '"I I """"in. I 'I - . .- .mu''; ; ,

1" '' ''' 'P '' I' HI II uft <ln um' ''' u ll .l lll if "" ,h o1 rr "LUl db l. te l:M P'"

1.i iC["i1Moo ••nlllr.:u"," p;lblfrrro [lIIo1......jo. Ol.t :t>o liT I ILm

~~I!IIPl"! .l5 nIp' """1,,,,llk

I I . I Ib J l ! lp . 6 o ! I l I , I~1I I1I I I J;!Iu :ir..! l! 'l'll,;ll~~, 11Io! i 'r . ' f

.! J:!llIr.Ill!.zl!;llMll,~I~u.y!~nn,~~~~~~IIIIllilI KII;b rftI[MhIEO lii1l1 ill!!

R l . . . c rWT b ; F ~ l Ir O O. n , k r1 I Il II 1J u ir l o ImJ 1:u.:d~-I'I, lrwj 'o;f~'II]gu"'jl~, Mi. ~1Il~ ~ni l l h~ mill

I l I F f t h l : : r m~rl1W 11Il~11II:W I I I I H m I 1 ' O l ! ; l 1 1 ' .

J ..l l tl !.!~=IIIl1WIi:~Ih!!UII!IIIIIUIII:I:II~lndNl\!r l l.l ; ...~LiIIh.raIL~Il!- IUI\ft IK~N_1Ik"I

1"":'fL'II'(i.I~~ j!fI""!u_Iil::~, ~ f t o ; l j(l.!lllj: ""Pl-1Jlil!!i',ro~~I~il)Ul'Il~~llJI,"~1 rr.lilo!;d~i ~

.. ploccoLiIIlJllI1_I'ldJlIfllilcrnibofl1lrd)llI.liIl:lnrodIIllLhrnCoirrifullrltnmriioollJilwtrITCI

"'i'I~I!i!!i!1 ~1b>!i.!iil""lk s j(IJ!(o! 111Ji-.a4l,j;poJkm-bbi.--."",II~I~

oj clL'l.l!! 1~~JI"J!1J KliI"lllpJll!t'ill:!:llIfll/llhr I~DI""L"I.\U","!IfI 1Il11l,ll h~l!. C i n O PD r . r l' !l J . uf I !

00 1x111~1dJN, r rd lK 'C lb rl r~ lmg li .K~~mO:OO} ;bnm lm ton. if :t l . .~ 1~:rrezU~

M I C IJ 1 - 11 01I111:m""I,"~i<:flfIIm,lIllb;kwllll r r nI fJ \ '< " II z: It tI ,I IM " I. .. n p I II 1 1 II I1 _ 11 K . .. n L l : : l ~I ~I-.:"loIJo"." tho: !1..... ."lb"~r""~,I'I.!\ ... t.,,,.=-<!Il..._l"<k .. ~~1- . ; : , lo;oth ,Du.wd.=r"lI]-OIJ...,.b<o...()Ufl[h<.Ji.ll~~lllk~.L!r![11< I";I-",nlid-..rl: lll"~-ilm.:..J.j~p-fj"oaI

".I"" 'n"J""''' 'L~im'''' 'L..I".ly •.tII: :o.~""L.d

'I l' 1 ' > I II . . .. ....!uotoukfN .I!"""'_-Jr--;.ufo<""}".l1{'*'~"'"~~~

..r....-.....ro8!!pllIllfll"HIIIi .. 4t<'IfI.Hn_,_~~~...::Wo:o..._, _____ "" _MdJ ,r;o ( ; o .on 1 __ ~....,.._~~ft"-r...r~"""""*"""-

~:..rJJj:""~~i""__''''''.''"ff-JJ1r-.J~''''''.

Figura 01 - Paqina de livro de receitas

01



Em r e l a c a o aos e le m en tos g rafic os, b usc a- se asse gu rar c om 0

uso da d i a g r a m a c a o :

• c on tin uid ad e. F otos, fig uras, ilu strac oe s, e tc . d ev em estar

d isp ostas n a p ub lic ac ao c om 0 uso dos m esm os crite rios em

cada um a das p a g i n a s q u e e st ej am . A l e m d is s o, a l in g u ag em

g r a f i c a e 0 tratamento g r a f i c o en tre e les d evem ser os

m esm os (ou ao m enos coeren tes en tre si) para que 0 usuario

os p erceb a com o elem en tos d e u m m esm o con ju nto.

• p rop orc ion alid ad e. C ad a ilu strac ao d ev e se r in se rid a n a

pu blicacao de acordo com su a im portan cia com o

com pon en te in form acional d o con teudo d a p u b l i c a c a o ,

Im ag ens im portan tes d evem ter m aiores d im ensoes q ue as

de m enor im portanc ia, A lem disso, cada ilu stracao cum pre

u m p ap el e sp ed fic o n a c om posic ao g r a f i c a da p a g i n a ,

te nd o, d essa form a, tam b em u ma "m issao" e ste tic a,

• in te lig ib ilid ad e. A s im ag en s p re cisam se r e nte nd id as p elo

u s u a r i o , 0 u so na d i a g r a m a c a o d e e lem e n to s g r a f i c o s que

facam parte d e seu rep ertorio, de su a cogn icao, em

dim en soes e acabam en tos ad equados e requ isito para a

c orre ta c om un ic ac ao d os con te iid os n ao-te xtu ais d a

p u b l i c a c a o ,

• con figuracao de com posicao, C ada pag ina (ou con jun to de

p a g i n a par-im par qu an do a p u b l i c a c a o e u ti li zad a ab ert a)

tem um a configu racao g rafica espedfica em funcao d os

con teu dos tex tuais e graficos qu e a cornpoern , 0 u su ario a

perceb e com o um a com posicao g rafica, da m esm a form a

com o aprec ia um a obra de arte . P ortan to, cabe n o processo

d e d iag ram ac ao a ate nc ao a c on fig urac ao q ue c ad a p ag in a

ad q ui re , se n do n ec essari o b usc ar c on fi gu rac oe s ad eq u ad as.

O s p rindp ios de com posicao d evem ser u tilizados ness a

busca.

A ~hirdYIO",Ooo!lsi,,!, af I<~. r o tmd . brc-ad-pe1alsdHe hsls Ii." thoe Dfcl:e5um, but ·""til bo ld I l li Ir ~ f mmfua(lltspUm~nOO5lor IFigurs5100-17)

...."IItTI5:".<I~~oow~.!;""·~r i ' I " " . . . . .r.,.ll1VIN-r"",,"\:"~Io\.r.;=o.,.,.~,,",; ~ r ~~ " " _"M

rh~b)I,""-;,,",,,~,,,,,

1 ' 1 9 ~ " ' " r'l. C~O- ..c.!i1S.fo""8,j,iis 1 / u , < J 1

~~,IrJx/tNtoli~r.\;>'1Wro(~.,fc.<J"~~

Figura 02 - Paqina ilustrada de livro de Botanies

D iag ram ar e c riar u ma c om posicao grafica E la e t ec ni cam e nt e

ob ti da v ia:

• 0 e stab ele cim en to d e u m g rid (m alh a g eom etrica) , A g erac ao

de um con jun to de gu ias articu ladas que subd iv id am a area

da p a g i n a d e form a coe re nte sob re 0 q u al se p ossa d ist ri bu ir

os e le me ntos te xtu ais e g r a f i c o s da p u b l i c a c a o , Em

p ub lic ac oe s d e p a g i n a s mu l ti p I a s, 0 grid deve se rep etir a

cada um a delas e ser u tilizado sem pre com os m esm os

criterios,

• a u tilizacao dos prin dp ios de com posicao, A distribu icao

d os e le m en tos n a p ag in a v isa e stab ele ce r a c om u nic ac ao

com 0 usuario, A ssim , deve se b asear nos p rindp ios da

p e r c e p c a o v isu al (e stu dad os p ela G estalt e p el a P sic olog ia

C ogn itiv a) pe los q uais se pode , tecn icam en te , cond uz ir a

ate nc ao e 0 ritm o d o u su ario atrav es d os c om p on en te s

g rafic os e te xtu ais. O ptar p or c om posic oe s sim etric as ou

assimetr icas, in se rir an om alias, alte rar tam an ho e

p rop orc oe s, d en tre ou tros p rin dp ios e form a d e c on du zir 0

u su ario p elos c on te iid os fac ilitan do a ab sorc ao d a

in form ac ao e , p ortan to, fac ilitan do a c om u nic ac ao,• D om in io d a g eracao form al. P ara tan to, e necessario

d om inar as tecn icas p ara criar coerenc ia form al in tra e

in te rfig ural, c on te iid os p erte nc en te s as le is d a S im etria e aos

p rin dp ios p ara g erac ao c on trol ad a d a form a. S e u sar

e le me ntos isom orfos e m u ma c on fig urac to p rop ic ia

c om u nic ac ao d ire ta, u tiliz ar e le m en tos sin ge nom orfos p od e

enriquecer 0 p roc esso d e ab sorc ao d os c on te ud os, P or ou tro

lad o, u tiliz ar as op erac oe s d e su pe rp osic ao d e form a

con si st en te a ux il ia fo rt em e n te 0 en tend im en to da

c om posic ao d e c ad a p a g i n a e perm ite sua reprodu cao por

toda a p u b l i c a c a o , dotan do-a d e m ais iden tid ad e e

intel igibil idade.

Figura 03 - Orqanizacao visual da paqina da figura 02

A GERA ~AO DO GR ID

o grid ou m alha e um a cons t ruc te g e om e t ri c a a rt ic u la da

c om posta p or lin has-d e-g uia g erad a p ara d ete rm in ar os

c rite rios org an iz ac ion ais p ara a c rite riosa d istrib uic ao d os

0 2



elem en tos g rafic os e te xtu ais d e u ma p e~ a grafica,

E ntenda-se geom etria com o a "parte da maternat ica q ue trata

d as p rop rie dad es e m ed id as d a e xten sao nos seu s tre s aspe ctos:

com o lin ha, su pe rfic ie ou v olu me (solido)" c on form e 0

d ic ion ario M ich aelis a d efin e. Isso d eve ser e nte nd id o c om o

m uito m ais que a trad icional m alha ortogonal que se repe te

no s d i ag ramas . 0 grid deve ser um a construcao p ara ate nd er as

n e c e ss id a de s f ormai s, esteticas e org an iz acion ais d e u ma

determinada publ icacao ou pe~ a grafica E op ort un o l em b rar

q ue u m d os p rin cip ais ob je tiv os d a d iag ram ac ao e dotar a pe~a

g rafi ca d e i de n ti da de .

N ao obstan te , a geracao da m alha deve se assen tar sobre

c ri te ri os e st et ic os e fu n ci on ai s, 0 que torna sua geracao um a

tare fa ain da m ai s c om p le xa.

Por esse con jun to de m otivos, a geracao da m alha para

diagramacao e um a tarefa com certo g rau de com plex idade e

te m fu nc ao estrategica no proje to da pe~ a grafica

A s ilu strac oe s ab aix o ap re se ntam tre s g rid s e stab ele cid os a

p ar ti r d e ss es c ri te ri os ,

, /" ", I' ,,"'~------------~I I , ~~--_/, - "I' ,.......-----.."

" II I , ; > ; , , " 1:'," I I / " , , " ,

,I 1/ '" \, I II y" \

'l, I' '" \

I' k " ," ,," ,I , ; r ,I " ,

I ;/1" , II ,,\ ,

I ,,1\, ' II

"1\' , I" ", 'I,," I,' ,,,I" I"'" \,0'"I" ....,.

" I ......~~...I ~ I , ,I ,," , ,

I " I , ,

I,," I " ,

// I '~

Figura 4 Exemplo de qeracao de grid para

localizacao harmonica da mancha qrafica na paqina.Richard Hendel (capa do livro 0 Design do Livro).

Figura 5 Capa e paqina fmpar evidenciando amalha. Note-se que os elementos textuais do livro

estao diagramados nas 3 colunas superiores. Asilustracoes (muito heteroqeneas em formato) e

legendas foram locadas nas 6 colunas inferiores,

com criterio de flexibilidade. Do livro Layout de AllenHurlburt.

1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1

Figura 06 Diagramabasico, diaqrarnacao de

linhas e colunas (paqinaspares com texto em

Ingles com 3 colunasiguais e paqinas fmpares

com duas colunas sendouma dupla, em

portuques). Do livro

Design Visual 50 Anosde Alexandre Wollner.

IN TEG RA~Ao GM FICA CA PA IM IO LO EM

PUBL ICA~6ES

E im portan te ob serv ar q ue 0 uso do m esm o grid na capa da

p ub lic ac ao e n as p ag in as in te rn as fortale ce a in te grac ao g rafic a

en tre e les, dotando a publ icacao d e m aior u nid ad e e id en tid ad e.

A capa e a "em balagem " da publ icacao, D essa form a, ela

e xp re ss a a p rom e ssa d o c on te ud o, C ap as g rafic am e nte

d e sart ic u lad as d as paginas in tern as ofe re ce m u ma falsa

p rom e ssa. S e ap re se nt am c arac te ri st ic as g rafi cas m ais re fi nad as

ou con siste nte s q ue 0 m iolo, te nd em a d ec ep cion ar 0 usuario,

P or ou tro lad o, c ap as p ob re s p od em d esv aloriz ar 0 con t eudo

da publ icacao,

D IAGRAM A~Ao DE CARTA ZES

E m lin has g erais, a d iag ram ac ao d e c artaz es se gu e os m esm os

ob jetiv os e c rite rios d a d iag ram ac ao d e publ icacoes, Entretanto,

se ja p ela su a n ao-re peticao, se ja p elo im pac to v isu al q ue esse

tip o d e p e~ a g rafic a d ev e p rom ov er, 0 d ese nvolv im en to d o

projeto e em particu lar do estabe lecim en to do grid devem ser

ain da m ais e xau stiv os e te cn ic os,

E acon se lhav el n esse s c asos q ue se g ere alte rn ativas d e g rid s e

layou ts e que eles sejam subm etidos a avaliacao de n ive l de

ate nd im e nto aos c rite rios d e p roje to.

03



E ain da im portan te ob serv ar q ue n a d iag ram ac ao d e cartaz es e

p e~ as g rafi cas c orre latas a lib erd ad e p ara e stab ele cim e nt o d o

g ri d g e ra lm e n t e e m aior q ue n as p ub lic ac oe s, P od e-se b usc ar

MATHEMATICS & ARTMATHEMATICS AWARENESS MONTH APRIL, 2003

T be c on nc ct io n b l! l~ 1! r ne th cm et tc s e nd e rt 'P!S weI; ttwui<ln~,'111 ~r Th'!"~I:i~l! l YJ-"!k~ ~ ~ I1 .QITl~n,!I~ methemetks

in 9.:lIlp~lI~ 'Il>ll l l l rk :l i !l l1oII<3tneti~!l ly ,:>!~si~ '!I t>uirding;, In. t h ' ! " 15;:11,C(r itul; ~(QllIIIrdOd~ Vir..;_iwru~ "I.e-! no 01<1::<:1 me

w I 1 < ; o ' ; ' ; not ~m~u; ,crNt i< j~ ", . " I "" t l > o : - 16th (",,~uY ncrer o:-mpro:oyo;,:jrl~tl,.;:m~~t! te mtrodlJ~,!";po<mp.::<:tiv<tn dr~will9i..-" t.h<!1Sth

a nd " 9" lh c o: :n ru ri .o :: > r ne th c me tl cs . .. ..I~ ' !" i l! [ l' lj -. .. c ly I JS W ' n " ', ," < lo ; :: ; i9 f l o f e J 'I l "I h f. c c a th e d ra l s, ~QS w in dows, m osak s and tiin<p, III

the ,,"tho cen tu ry g ;;ol )m~rk rorms W~~ f l lnd~m",nt<' l l tu thr : ~UM1Sar :ld:m:: lnya&o :t r: ln " "l r r :s sioo i; ls . in r «" ,nt dcrados sevceat

! IW~r -d "";nrting sClJlpttn h~v~ U!~ I ropo l" i lY ~~~ ,OO!tl ter t .Mi r P 'Z :<: l -,Th l" (Io~~ eenneeuen i>ctwo::ln m~lti..o:m.;,tk5 ~r ~ I r 1 i : I!

most ro:;l<f ilyseen in t l ' t" ! . . . ..Qrio:; qf t he I >u tt h ~ rt i> tM , ~ E:;~~u-,"mQ~~ tho ;: r r ethcmetlcal eon cepe r ep resented i~his W Q r i \ ~r!i

inf in il iy , Mab iu ~ b !n ~1 ,. t~s<cl l~t lo ns , o ctormauo ns , r <:1 1~tia J: lo 'l , Pf Jtnn k sol~d s, ~pi r. l. I; , ~n< i the h~r< rt J6 !i r p lene . Th! !:p ~t~n

~DO\I~Wa, 'mpor<!db~ Or,!!Qf -8(hw~ h ywoo li~ p ri~ t: ; .

FctI (,1.5~ys. link5, bonk!; ilndsl"-oo~r; ;:,bnut ITIII th~mMi(~ end crt vrsn h. ttpJjm~ttlforurn .ar<J,Im~m,lt>J

'~"Wr~i!..y ~~LI;:"illl .I<::"i(~~",~ro!,r';'r~hI:m"Li<'1M.:.1:h1:l"1I:l i<~II\:l""-;~li ~ln or Anll.'<i~~ ("""W.~I"~~";)

A ! r ~r Tc I I I i l j I _h " -r M < A ::;l)<i~l~ (. . . . . . . . . . . . . , .~m:.c~r<J)

:>.,,;i~Lrl Or 1,-,dl;_lri<!1'.i,l,j- l1,11.~1'-""Lt~"i.tli<:;~{ ..... w_~i~r~ r~

~nt",,::ia 'Upp.....LJ>nl~< <:<1y 1.1,.:N~Ii<}m1$::t:~_rilyA. tJe....

CUn~~I)I~IL<ID~[i1n: 1<~II~1"- G:!IILo.l1!m OllJS!I~1Dun~~~I".Urt~.LII ,>I Ml lrl~IoIL"DIJILJLh

f . i:1 '!1¢~;lr ::n":"l~: AIdJi~l! j_ P¥~~r~r<J V i~ l i~_ ,. _t i~- 1 i~ D~i l" l 1 "oWi1 "! 96 -l~ ,_ yn i~~~i~y .( i_ 1 M i . .I""t~_P uQ!

e fe itos d e m aior im p ac to g rafic o e c om p osic oe s m ais ap urad as.

S ao e xe m plos d e d iag ram ac oe s d e c artaz es:

' , p o o . ~~m!ll by Ih<=-ciI iLi><>li~~ " " r < IIQrM.;,~" "4Ii(~

M.:oHII:r"~li4! A"Q! li,,~ (If Am~i<:", (w""w_mll~.£)r!D

AIM~ri<;.lll M.;jll111<n"Li<.ll1L>(i~l~ ( ' f tW1"I . 4 n . ! :_ I l r <J )

:>,>(i~l ~Or I,-"j l,.1 rill~~...~ "- !r ,l i !d M;,Ll~ '-r i~ ~IO $ { . •. ~i.,(n_"r9J

~ IIlKJI !U~~""I tJ>nl~<I~1 II' II~NHli!>JIll $::t:~il,~ AI)P.nr.y

I <>M nrl~">~ E:iIJi"LIl

Figura 07 Cartaz para exposicao sobre Maternatica e Artes. Nesse diagrama pode-se notar 0 necessariodimensionamento a menor (Iargura) da ilustracao para buscar equillbrio com os elementos textuais.

Figura 08 Cartaz de empresa de producao fotoqrafica. E precario em relacao a legibilidade e intelegibilidade.

Exemplifica 0 uso de 2 mal has para a gerac;ao do grid: reticula de fundo e locac;ao dos elementos textuais.

04



IDENTIDAD

C U LTU RA L

"..""..".""<....•~,,.,.l.""'''''''''~'''''', ," ••o . .o , .o •• ,,",,,,,,,,,.,.~I''''''''9'"-~'

Figura 09 Cartaz sobre Identidade Cultural. Aqui 0cartaz propriamente dito (inforrnacoes textuais) estaolocadas de forma radical mente assirnetrica, cabendo a ilustracao, na sua riqueza qrafica, dominar a

cornposicao. As duas pequenas barras (verde e azul) na parte superior do texto criam 0 l ink (cromatico) entretexto e ilustracao.

D a m esm a form a, ou tras p e~ as graficas pod em (e de vem ) se r

d iagram ad as a p artir de u m g rid (m alh a) . D essa form a, se pod e

obter 0 c orre to p rop orc ion am en to d os e le me ntos g rafic os e

te xtu ais q ue a c orn poe m e , sim u ltan eam en te , g erar c rite rios d e

d im en sion am en to e org an iz ac ao e m re lac ao a p e~ as c on ex as.

o 2 3

S ao e xe mp los d e d iag ram ac oe s d e m arc a e d e e mb alag en s,

e xtraid os d o liv ro d e A le xan dre W oln er:

4

a 2

05



3

1 I 2 I 31

2 1

b .l /1 2

1/ 1

2

1

2.. 2 '

.2 3I 3i ' : I ~--~--+---+---r-~1---+---r--~,--~13I 2

1L._____J_ __ ----L_-L_...I...._...:._----.!.-_-'- ------'

ache

1 1co l p i x

ache

ache

C riar p ad rao d e d iag ram ac ao e m p roje to d e id en tid ad e v isu al

p erm ite tam be m criar artic ulac ao g rafic a e ntre as d iv ers as

ap licacoes da m arca, com o pode ser v isto no exem plo ab aixo,

d a id en tid ad e v isu al d a e mp re sa M au sa, p roje tad a p or W oln er.

S ao artic ulac oe s e ntre c atalog os te cn ic os, c ap as d e re lat6 rios e

pape l ar ia adm in i st ra ti v a.

CentrffugasAutornatlcas

FiltrosRotat ivos a Vacuo

- - .- ~~

~i·._,•

MAUw"

EOU l f AM EN ' i ' O SI~IAIS-

.. .wSASA

E < : 1 1 ) 1 f ' J l M ~ H T O ! ' ;

INVU " -l r

06



Uma u ti li d a de ad ic io na l p ara 0 proj e to d i agram ado:

N o p ap el tim b rad o, fic a tam b e m d ete rm i nad o 0

p re en ch im e nto d o d ocu m en to (in ic io e fin al d e tex to) e as

ma rc as d e d ob ra d a fol ha, c omp a tiv e is c om 0 p re en c hi m en to e

a s d i m e n so es d o e n ve lo pe .

Papais administ ra tivos T:p8pel dtt carts

PapBis de c ar te . d e eo nl in ua ~, m em cr en dcs , r cl at 6d os ,

c enoe e de v is it a, e nvel ope oomerci al , e nvel opes l ipo s ee c

e outrospapeisadrninistrativca e fiscais,divulgsm imagom

de quajidade e vital idade; sao a espeihc do ccmcorte

menlo opereeicnal de empress.

Do panel de carte parte a l inguagem de div is iio,

cctococao, d'mensicneroemc e ccoroenedee cos camposa s er em t m pr es so s e d !g i' to fl li z, fI do s. De e t e procedimento

def ine-ee todas assues f u no ; :o e s: a r ea digitalizada. numerc

e cornprjrneeto de unt ies, marcaa de merqens e cobras.

a papel de carte e.eomtern cndc sa m,fmifSSl'aa

primei ri l e 1 " l : l 1 ! 1 apl icat ti io c Iunclcnel des eornconentee

v is ua ls b es lc os e et eb er ec io oe p er o programs deldentidade

Visual.

Ofjclelmente, no Brasi l, edote-se 0 rcnneto DIN A4

estebelecidc pale ABNT .

a formate 29,7 x 21 em ccrreapcnde 11 0 eproveite

menlo de, no ma)(imo, 9- uot ceces do formate bru te do

paper industrial para Imeress jc mais consumidc no pols:

66x96cm

I

•

0- 0

I I I I I I I I I I I I I

1-- f--

•I : ~ , ~ ~ ~ ~ I1 I

--~~

I

-(f

--

--

--

-- l-

j _ I- - - f--

--

l

-

-o I J o _ " ' _ _ " '" ,~ " ' . . _ , _ _

-..--~---.-.- - - .. . . . . - - . - - . .-.- --- ..--"'----~i J o _ _ " '. . . . . , _ _ • •

::::-::::::.:=--..=-'-----o IJ o_ .. . ., . ,. . ,. .. _ _ .. .. .~ .. . .. . _ __ _ _ 0 _ _ . _ _ . _. , . _ . ._ _ . ._ s _- - - " ' _ . _ . . . . . _ _ . _ .--_> . . . . . _ a . . . . . _ . . . .- - - - - . .---"'" _ _ .. ._-------" ' _ . _ . .. _ _ .. _ - -. _ - - - - - - - - _ . . _ -- . . . ~ . i o o L _ " ' _ . _ _

1- 3

2 - •

paper conlinua..,ao dou relatcro

•!

......... ......0 _ ......_ . ~ __ . . ~U _

-. .~.""

. . . . . .---.- . .-..._••-IS'__ '__

-

o ao et d e c er te . c cmpen sr ue s e

esquema ciaMea de digil!: 'lyBo

3 - 9

L..__

-- _ .. . _ _ _L- ~ ;;- -

$:€'E:5--::':""";::;'

07

papel fax I tnmsmissaa de mensagcm

Documents

07 - Noções de diagramação - completo