03.1 Tipos de retículas

7/31/2019 03.1 Tipos de retculas

1/28

Fornas en una pginaLa composicin de un diseo est formadapor caracteres e imgenes, que dibujan formasen ra paglna.La retcula presenta fuertes vnculos con ciertos movim entos aristicos, comoe cubsmo, el constructiv smo y otras ramas delarte moderno, que se decanlanpor un uso estrlcto de Lrna estructura.Los elementos de lexto e magen pueden ser tratados como f g uras para crear un diseocoherentey eficaz. Los diseadores pueden captar la atencin de ector de mismo modoque lo hace un pintor a situar os elenentos en un lienzo. Las disi ntas formas atraen avistay forman reaciones que se suran almensaje delclseo o de a p ntura. Las pginassiguientes presentan una s nops s de algunas de as composiciones rs com uneslr

Caactedstis de la reticula:La yuxtaposic n de IiOUEy lexlo apona dfamatisho

Monsters lnkEstas pg n;corresponden a unapublcac n diseadapor NB: Stud o. Utilizados formas simp esyuxtapuesias: el b oquede texto y la ustracn.En as pg nas inlerioresse sitan s mtrcareteas nriftilrrentc o qrFr(,fiLr(11) ,h, ir,

Eslas iustracions presenla. a dea de sitLr a r los .l.melos en ura pa! na par car t mras vsaas Los obletospuder do ar una pq n o ben scruralimda insercln n lna esq! iaipdan esLb e.er re ac ones con otralok. ser.omDelamenl d sl ntas d.leslo.

I


2/28

:lLose.nrertos esl a!lu)ad.3 d. a.reo co !n LS'drimalico.l. re incro l-a pa!ia,co l' riqcnesa 5anq tn e a s.rio BUe. lilars. e F efo paraftL si 'b!r!ltimb n D.te !tilrzarse dc un 'aer 'realarira ap.rlar o nr e *. Ln D.za

ililti L t,i.nlp/aser eido vert..nte,.r r iBx. .nleobilraa sto.drplrI ri r r.Ln p:j!na F5te elodosu.t.I r rN.nlar dal.s ratirldos qre r.sL t. jrospr.Ln!!l raestandaf

E tefofgL r lnrb ob !alecior a.birsu Ecr.o a oi,a. Alnque ellrto y a maq.npunlen.lurs....u{tuiera.lr o e5 E.oEnb.a.lplar ur ln.a..h!@it-a. conro Forejenrpo eanryo e5 lrads emp eao en e elemp o suF.ror'Bte tpo deorDlc,.. na 7a co nrs deta

iltLos d.ent.s se aqrrpn pnforr unddcso brqles d-" nforN.n rei.oraa La a i'aconer l.s erfenros de l.sdIi10. e e'.tos de d s-ao|d a e ilab ecer.orc.i.s elo e oe E et'dode narupi sepn los bl.qles n dt' las zoms pa! i. dotr. pilr i o rlLrso a Dbl'a'n'

I


3/28

LaprqnrcinLa proporcin se utiliza para crear un efectodinnico entre Ios distintos elementos de undiseo. Puede ser una proporcin equilibradao desviada hacia ciertos elementos, comopor las imgenes.La dinmica de la PginaCambar a proporcin de los elementos de imagen o texto de un diseo pued-e alterarrionsiclerablemente a c] nmica de una pgina lvlantener la proporcin entre dlstintoscloentos puede servi para mostrar distintas vistas de rnlsmo elemento' creando unr:spacio neltro. Eso tambin es vldo para ayuxtaposcin pasiva' donde os conirastesriftre eJementos se presentan en sus d ferencias rea es y no en sus proporc onesl ,lr oio..n)r .r.po', or"u! q6ra1_ool 'dndo oropolLo Fc(kr las lmgenes, colo se rLlesta en os eiemplos La proporcl de las imgenesro:rpecto aitamao cle la pq na tambin reper'rf n a'lnmicade diseo'

!,,,,inp o r stra ua!Laposcn pasi\'? con as' nl,r,:i }seil&a1a i snr. ta ao EnesLc6o,,,. r!..ri(r.por 1f.rer.!.n a. maler.s

l-;'s(iivious (clcrcch)l ,.iilrr,l{,lirr.v,rrr,lJrrrrirvrrr,r VrrrrIr|l'00/1rrrlri'rrrrr)lr llrrrllv{ l){rrrrl lVt,,, ,,',,,' r'. r,',l,,l r t LrrrrriL: v !r4rr ox rLi ri!l|rrl rrirrl)l lrlrrrr'.1 rrl,,,1 ,,trrr {ri il' rnvrrr'r rIv rlr'vr"r|lri'1i: I l l)r' )lrr

carc tcfis ticr 5 de ra reticula:y pEpr.iones para eslab e.er

ejemplo

IEstellcnrpo presenta lnayunlapscn lxiv.Ea'nmenrte:len oro FDp.rcrde as ag_"r 'sLa maqen de mtryorrafra.lt mi5 r1$. Dn vd!rna dotr.pa!n ..u-" .d llt nrrorti t


4/28

JerarquaLos diseadores utiliza,n el concepto de jerarquapara identificar y presentar la informacin msimportante en un diseo, lo que se consiguemediarte la escala o la situacin.Las ilustrac ones tnferiores m uesfan Ia ap cac n clel concepto cle jerarqu ia en u nareticula, medtante a creactn de punios cle atencin o la sfuacn cJe los elemenlos

ckllc:r 1,I rr rrDiscno: il i. Lr :iL,r1lCractcrsticas de t. retcut:J.r0u rlere I i.ipr, stL .r.I dts ninpm d. r,qry .s e enjnos q!, a|irr esn

^, r |, rj ur r agjr I _"!n a jiIrjlunaldrrlua. li, . i,lD5 r ur rs _a r-a{to E e(:1r.mp7 a d.r ,.1 t0 to -" rtD .slFrid 7qucd.L s LLr.on Dbv: de ur.Hrcnt. d.r rlreo fr.aucer r-araq! . .. ! suc.de rn est i -"a s d,


5/28


6/28

Caraclrislicas de la recul:Rticu a icorpoada al d seocomo u.a lina alla bajoenta las recto

allldlkn'B ffinlrtrr I rrrf I trrrs prtenecen rrr I fllrlt) (roado porllhrDr l)rllll su c en{ehllllr k) lr. (llilira unail[,t]| tr rLco, quesell.r,r vlr,llr]tr rxnlro una finalrHllr I rllr ) k)ri olrneniosrlts1 rl,rr).li'l"lr Lr' r1,i,'rr),Ll|r',1,r,'l Lir,,) rrLr'rrdr)L 'rr rrr r,lr 'r rrr 1'E

como

La retcuservir Para

l 1,L,Lr r ni L LDli ', r


7/28

E Lrso de una reticu a equ I brada puede resu tar ntitado y repetitivo :i rn) c |t).iren pginas sucesivas. S n embargo, para situar los eementos d sti tos altexto estn.lar.esia retjcu a forra y funcona puede adaptarse y melorarse slse e aaclef de un modocreat vo otros elementos como n meros de pgina, eyendas o pies de imaqf, colfl ose aprecia en a sgu ente ilustracn. E ejemplo nferior y las min aturas de a pgiasiguiente demuestran cmo u d seo duro y fofna puede aligerarse visualmentemed nte la ubicrc on de lqunos elemetos.

r riri {tc no

IrrIII

eii. .n rig uqredmrcaunnrdnepunt.d_a.frr. a,.rt! brd | Et la. e| una.jr de mall!' grr.,ir de moef d.nr a C.ble rj:rq r p{ao !r I r. L0. 'tr q. r., srci.I l1: :..ui r d., r,1 I

'iffifLaubica.nd. sn.Lr.:r rr?lenee pimert.ode apqn mp.r.a,LrrrrtoaearraccoqLelvaa ..1t1lra.3 apiqifs.oLole. -anrs qle asluacondels..tas p.y.siLnn.rrellrrrqkconucer a vst r. la parte feiord. a,. ii


8/28

IlltrllltrttlltllllrIIITTTITTT

Una retcula asimtrica crea una doble pginaen Ia que ambas comparten Ia mismadisposicin, normalmente descentrada haciael Iado izquierdo o derecho de la doble pgina.'r eLcL rrin eri, pF Ttt. .dtat de Todo e.1i\oJlqu.o.eo1e^tos.ranten endo elritmo y lacoherencia g oba. La iustrac n siguiente est descentraaJ,'cid do.-hd. o qu- , ,Litd al .-. o -prsa td par 1r.I r- | Jl, d. oI e -orreL,mpresa par podercorparada con la retjcu a sit;icacle as pgrnas 56 59.

L,dcudc. ,r,{r, r fnrL I

tlll ,',lll

tITtlrrtllltTIITT

tlrlllllt ::1.'::::.=

,,:, ni1,, od! .ttr! rr rFror


9/28

Retcula modularLos mdulos son cajas o unidades separadasen un sistema reticular, que sirven para contenery agrupax ciertos elementos de texto o imagen.

La retcula como bloquesE uso de os mclulos convierte una retcula en una ser e de bloques o co pat mentosque pueclen ut zarce para clotar de movim ento a un d seo Comb nando los rdu osagunas reas cle la pgina pueden boquearse para crear moviiefto horizontalovertcal. Tambin perr 1en generar lrn diseo esttico, como e de pgina sgu enteU na retcula puede coniener lrn n mero diferenie de md ulos en los p anos horizonta yvedica, como se llustra en os elemplos infenores en forra de cuadrados y rectngu os

Cara clerislicas de la tcula:Eeexos ne 1ext.i e r de-i

tl, y,,r ,,w ./,.irl:IrlBallet,, ,. I r l,) In Socia Deslgn paraelRoya, . 'r r ' I ll Ll, l [r]i:ft Lrna reticu a que utillzaL o, l:l Lrso de los mdLros perrnite, , ,ql q'd'r ,g' ,PPq io. r ,, :ni ptrecle observar cmo a dobeL r,lr Lrlrjirnetrcaque aportaequilibrio, ! rlr r,.i ( l,, r rlonnacif. Esta presentecin.,p,rq. r"t pq-

Reticula mdular simtricEs1 rli, prcsenl:un rtru.tpa! ra.s rfDlo de aolh.urqre osqrD.sdemoa!.s o son.nrrffr,. Es.pnd!.ecqu b olj|Lm..lre a3 fiq is Lo5 ar.leres .xtn. r'1L ] .sd r 11

Retcula mdulrasimtricEn esta rei rr . s Dti! s c.to y ve s. i. .os etr.as E nfoqlt Lrr.rnrcnle .lenjlLr bLtlde eriaal)b. plln 3p.,1 d r,

':ii:l :i ir!:::llii :ii: li[


10/28

Retcula compuestaLas ideas y conceptos en que se basan las retcula.rsimtricas, asimtricas y modulares pueden serwirpara crear una retcula compuesta.

llna reticu a compuesia comb na dist nios elementos para crear un modelo prctcoy verst que proporcona aldiseador un grado eevado de flex billdad manteniendola capacidad de crear diseos coherentes.

Verso o par Rectoo rmpar

La pginaDetern nar las proporc ones de a pgina es e punto de pad da para desarrollar ! nretcu a cornpuesta Es asitanto para aspgnas nd vidraes coo para asdobcspq nas nd stintamente de si as ltimas sern s mtricas o as mtrcas Enunacom pos cin s ririca, las pginas verso y recto son u n reflelo a una d o a otra,mientras que en una composcin asimtrica fo son iguaes.

, r r ifll:j i1s proporcones' ' I'r L {t rillf. l)ilso consstel. r,rr(tLr{r1lc [rjtarn, rr I t,,t.y o1i |reLlaf cSr I I I rrr iiLr; rir]v{_.n pra star' , ,tir i., vL,rli|l.lr que plcdentr. rl,rLy iLl,,rf, ric un, ! , 1r,, ti r t, r lnorle oclrpar,r,| to ( Ln lnl, , I' t1 r LI I r,rr lrLrit.

ITL ___Retcula de magenUa reticu a de irnagen tambin pleclecombinarse cof las guias de colrflas.Los recLradros neqros (imagen superor)se sitan dento de las guas de columna,aLrnque a gunos recltadros aparecendivid clos por algunas lineas. La reticutade fraqen iambi s rve para gutarla s tuacn de as nlqees en !n d seo.proporciona{:lo uiform dad y cohesin.La relicula prcde restring r laspo:r lriliLlrles pr-.ro lnrh pennrtc

{ t!r'.l t) 1rn) (lr l{) r;r (l{r r1Mr() ro:',, I iL,r ,,l\,,,1rrr,

Pgina


11/28

IlorizontalSe crea movimiento horizontal cuando unaretcula conduce Ia vista horizontalmente por lapgina o Ia doble pgina mediante una situacinadecuada de los elementos de diseo'Sentido de movrmiento horizontal;,;;;;;:;;;,; ' i pLode,oo,d e drv diFr oo u' d 'u' ur' 'n )e o e-"'.iir" " "tr""J" n. mduloi de mayortamao en el plano horizonlal'"; ;il;iJ";;;;:;;eb. io',.oo- o' o" i'"q"- 'e '- 'o'o^do ho /o-ra'n'1'J":i;; ;il.;; ", ', ' . u oo up'q'" sq'endoP n-ovir r'nLo no r'on'

:

Esla strd(: resln. o puede crer'emovi eno horlzonld ui drlo una rclcLl pda.ncajd os modu os de raqei Er las drrensioi'shoronhtes de ! paqnd LailrtcEc'n eit t nas rranrles y pequeds l nr presinde d rqtra la VLSL lravs de d pagilia

Pa' h House (derecha) I l- r "l l' l r"l'r- lll,', '';.::',, ',,i ' r"' ,, r ,1 i , "r' " ' rr"; ;;;;,,,;i,,," , ,., r.i,t,,1rrr 1rtrr'r'L' ru Lf rr'trr'rrr r!rr. I rrrLrLrr

E=*Helacin con el Perimetrc

La s.sa. 4. movLmrt' pu_"re polcn' r:nub.ard.losrdu.sdeimarlerdrrner'lL'rorpan elme an etre as dos Fq ns, r LL asrrqE. e ap.nnrdtnl Ls rjqci'r'horzonlcsa snqf. cfan purls d' drl '

Cara cleristica s de l retic l:lvlov m eto hor zo xa crdomed axe aimpson asifgrey a prsentac n r e u r image l


12/28

brtical rnto vertical aparece cuando losde una retcula se utza.n y se combina"n moking lhingswork belter

Dyson is oboutnara diriflir la vista de arriba abqio de la prgina.L sensacin de movmqnto verticlSitLar g anoe" oloques pn e, olono verltcal oe urd rpl,cL d !o,toJce a la vto pra q ,p q.desplce d4lbd y abajo de l" pq na. T1 las mue"r'as siquenre), los .nod- os de imaqnse hn rgdoo para Lrer mov niFlto vet.1. L? oriF,lldciot de la pagina pLedoeterninarce para o un d.pnto verlical blic_do a los alelen os de lerto e inaqplund rolac1de 90" pdra oblener -na oresentdc'on ap sda.

so" ,

,

EFI:ii'!ii:i!: D llYYrfrlVertLl Apido-n,F. oF oto, ,tl. I,ap,r",,"" .,6 an"".h"p "d-". Flo ,L" - , o dF t",o "o .Jo ot'.,1' on |.oo'-r o .-rq r1 .J ,."-...1.. I k I ' I k i I I I '.ir I i r t,r r!i!'!nt tr'trlirjrx I


13/28

Retculas en rngulo Y en diagonalEstas retculas siguen los mismos principiosque las horizontales, pero se presentan inclinadas,lo que permite situar los elementos de diseode un modo inusual y menos or"todoxo.Srn erbargo, eso tabin signlfica que as reticulas en ngulo resulian ms dificilesde componer. Puede utilizalse cualquier ngu lo, pero para una mayor fac lidad decorposcin, eficlencia y coherencia de d seo nomalmente se utiliza un ngu o simpllo doble En esias ilustrac ones se preseta una retcula a 45' de la inea base (izquierdaly otra a 30' y 60" (derecha).

Unarcticua coi Ln nqu o de,15 prlecolocarlos elemtos e dos or e xa. orq d. ua lor?clara y !irorr c Seaprecaquec te1o rsu ta ee!blesLse n. na racia 3 4urrdaqrcs seinc na

Fsl rli.uh pDpor.. r a dsaa.i.ulroorieil.ones d lrt puesto q!- .s lr oqm1se in. nan 30'y rjo' coh rrdc lexto -"n rr r.nrod l')


14/28

Client.: S.,, e s lo.D'seo: R.s.frr S1!d osCaracreristics de ra reticut:" . c,'Q-ffr\ '{, . ''., .-a-*%-. '"".- a."t:"":" n.^or*o,


15/28

CaracteresEl texto suele ser eI principal elemento aI que unirretcula debe dar forma y estructurar. Eso implic;mucho ms que seleccionar un tipo de letra,ya que la manera en que ste es tratado dentrode la retcula tendr grandes repercusionesen el aspecto del diseo global.E tcx to debe ser egib e y transrn t r de modo efect vo el mensale q ue contiene-liUfiryofldeoselementosdeareticuaexistenparaayudaraposiconareltexto,t,lr r;Lrf)Lro:rto pued-.n serv r para situar cajas de imagen. Esta es trna de las principa(.ir,,')roli p() irs que una reticu a debe ser capaz de adaptarse a una qran complelda(

i, ,[,r ,k, lrr!]ricutlrr1' ' f' ,r )rirrr |!o.LL! r '1,,! ri h lr i.ri.Itr r f 1r 1 {t.f'qn.

"-fhe goal atwltich n'er art:.rll airning-engineers:rrrcIscicntists:incischolu-s in t.hchrun:nities-is:r blue planet,rcacefirl anclself -sustaininH^."r,, , r, {.tr ! Universityrlt],,,,Irj|rioPetagramdiseaestapubicaciparaallnverscjaltdeprnceton.r I I rlrli{]Lt de trna sola co umna con ragen acaclnrrco. El cl seo subv erte' 1, L,Il|(lrnted/atteelusode!ncuerpode etra grancle para e texto cle latr,r Ltr i l),t. lltentsque ]as notas delrargen aparecen a un tantao propo' , ',)llr rLo Nomahrente ascitas se presetaran en elrarqe, pero en este, I . L. tr oqLrc pr llc pa de tex1o.


16/28

Color tipogrficoLa var edad y e g rosor de os cl stintos caracteres de los q u_a disponc Llf dlsor 1( l( )e proporconan una paeta de posibi dacles qtre, uUllzada creatvamcnte fuyc ()I 'laspeclo de la pgina. Algunos tipos son ms 'oscuros qLle otros. pLresto qLre 'sLi Iconstru clos con lineas nrs gruesas o contienen remates que se aaden a su coor

clle Lc: rt sei I.i Lr I :, ^ ,Caracleristcas de ta rcticuta:Co or' liDqr1ico creado

edianle carclers de d st nllirtamaos y leto n ne!aliv.

I Psf.o 1 ir.qraih irdeEll iat, nr Pr.senll H.vell.N,, .ri , L1rl..lrrrLelr.xrrta.!r ',r r.trll ar i Hclet.! NeL. 5.]e l ll'..lra

, iLtrtL o t'rn'.'d1

r1 D trr !pr'r '.rflOnnrqnon,'3ris coM!r'ne ver.curde.onur5dletctrcj.L],'lduul!! !] f] qjli. \ F!rcrlrllsttld]rdlLlqn!o]ctoN]

ElelerLp. slpe ff nr.str c.l tu t p.!l( : r'oscurer i unfi?ir E ay.fqr.sorde i I

Nle ua.r.a une rft sI rull s os.. lHevet,,. Neue 25 . a rqutrl

c.sar c fclnrlred r ffq ls sv't3 Llmeft,t fli s Lmbfdti. octavus r lnals.ate i GL osus lldu.ias spnosL'i s mifinronii. ianr s:burc irfclL.tr r'laqicoL3e Cacsar qnas.or PParatlssariL quadupei. Caiel i .ofLnrrappnlus belis. ou nql]nl'..n.1coub rnr santer heLlus.ludf up.'.cotrup.l qu3dftp.L. Perspcax rL l!msntclCesar.rcuis'edclrra.li,zolh.cas refn.tcr f'aoils unrbrc' 'q nquen r s cai-lisaiis rra!ils ntirroni, a sabuf.ou osus aorcola..caesa ao ascor

1 , ,rnI )f I rxr Arts, Houstoni/ ,,/, /i,r,j/o,es n bro rtiseado por peniagra para e N4useo de Bellas Artes, , , l),irL r!|1nc p feraode eq! po de ftbotde tos Houston Texans., In r r l/ir oloqrifis. se han creado boques de coortipogralco recurrienclor , r, r I r) I (llr et. E electo aLrmenta a preseftar el texlo en eqativo sobre ull, )r rLrtro

5


17/28

La lnea baseLa lnea base es una serie de lneas Paralelasimaginarias utilizailas como gua para situarAlnear los caracteres a la lnea baseEltexto debe alusiarse a la lnea base para asegurar la alineacin y l coherencia enlr';lumnas. Eso tambin ayuda a evitar errores Esta pgina aparece impresa con unaretcuta cle Lnea base visible. con una separacin de 12 pllntos,


18/28

ImgenesLa retcula permite situar y realzar los elementosilustrativos. Las imgenes y su posicin tienenun grr impacto en eI diseo global de ulapublicarin.La reticu a proporciona esencalrente Lrn mecan slo para aprovechar el contenidod nmico de Lrna imagen, tanto s se e da Lln trato sobro como sise Llt iza unapresentacln con paspart o a sangre.Alinear imgenes y textoAlnear lmgenes y texto puede parecer senci o, pero presenia algunas difjcLlltadesespecficas. Alinear rngenes y texto vertcalmenie en una columna es relativamentefciisi os bloques de texto y de iagen tenen la misra anchura La alineacn vert cde texio e imgenes resLrta rs dificilen stuaciones como las que se muestranen as ilustraciones inferiores.i,o . -.. ""- .'"" - "+Eemplo 1: texto e imagen austados a la lnea baseUtiizar una relicula de lnea base coro sla de 12 pLlntospropo, iona r,-fta o< rqJ d e, que o-eden 5e'ir o rrda near mgenes. De todos rodos, puesto que eltexlose sita sobre la lnea base pero no ocupa por completoel espacio entre lneas, una imagen a ineada con la lneabase no queda alineada con eltexto.S se ut a ua neacolante, inragen queda a neda.on os caracteres

Ejemplo 2: uso de una lnea colganteUna solucin a este problema consiste en aLinear a imagencon una nea cogante (ilustrada en can), que se sitaentre dos lneas base y cuya a tura co nc de con a de Ioscaracteres de caja alta, Para un tipo de etra de T0 puntos,esta linea se stuara 2 puntos por debalo de la linea basesuperior es dec r a nea base menos lil altu ra dl crcter.

rlltr!r'l'1 ir rscolgantsunare1.lapra!tuco,posclnadobepaqna,lrcsutadofnlesuare1.ularlts fi , (cl2punlossobre aqueds.ansae texto y a corEspondienle ser e de inesdesplradasar ' i, li, l)nr a near as nrgnes

(JrnrtorneoI Jr r { I r )r rador puede utilizar e contorneo o recorrido para aseg urar q ue los bloq uesrl0 I rxlo c irnagen se rant enen separados. Esto pern te que eltexto discLrrra a unarlh[lrx]ildelamagendeterrnadaporediseador.EsteespaciosefijaenunvaloltI rlnlr[]ronte en puntos, en todos los lados de a imagen. A veces, cada lado de unahrlllill lnrede presentar dist ntos va ores, lozando la lmagen para delar ms espaciorlllrttIri ados que en otros.rr ,, |. rr l.rr. de esLe ptralo pude pisarr {, r,,, ' n rNc i lle ese rrodo. texlo Esu la Con.ontonreo. terlo se ve lorddo a rratenersea unadlstan. especifica {ie ! a!en. For ejemploIv


19/28

Alilea,cin horizontalEl texto puede alinearse horizontalmente l derecha o a la izquierda, sin justificar,centrado o justificado, lo que proporcionauna variedad de opciones de presentacin.

Caractelsticas d retculallusliicada y la disps c ncLtladM de texto oqEevlaros prob emas de spaciado.

r)ri iragrfentos de texto si lustilcar tenen finales de inea irregl] ares y no preseftirl)ir rblas padidas. A menudo, esto crea una caracterstca visual destacada.llf rlisenador puede utilizar d stintas alineacones para estabecer unajerarquiavl'iiliclo el tratarniento segn os tipos de inforracin, como por elemplo entre. :rerpo de lexto y os ttulares. .:

^h'r',, n".' la izq'ierda',, rF n re, , tr,P rlrrll!. ! !r enrc o !n f.rme,'.. l, r.nns S erLrllo.{r .1:,r h ...s I r1.1.' I 1., F:r int nt.d.trr,, tlL,.tl.rosd.lcto" \. "r r. r. .rLrp.

Alineacin a l dechaEsle es1 o es-ont u espa..!njorm. cntre s Falbras.ero .. pL ntos de r..variar.r..1 ir.. y FUeden crearsehi...os mly visib es a prnc piod. as i.as Esd-..Lada parat.rtos brev.s .o. sLbtit! os

Laa ea.D r.e rLripreseftaespa.lo ur ',1e ds pabrds. p!,'punlosde.ivar ,ire Se puede.loflivsbesapi.p!!ide as ines Es !r!,pard boques lle lerrr i,.oro.1aslt.

Ei us. de.i st n1:5 aLtr,"r',,1l)nrt,Pds ad csrJ:1,. 1r,rrre(. |. 5 Sri.ri,r)iltr!rn,e,l.,:n, L ' Ir ei,r.,,, ,fr r,,i,, i

/ rl!.Ll!! rJ ! r,, L L, lr ,l lL ,Ll'r -err J p l!t , l, ,r ! r .re! h!e.5, , rt ,,rll,t(,{to tltelp!e

F t 7 a 11 E,1r to l- '"r ir Ire e'J !.lo! dF io f.ip dP.left tca: con e5pa.lo larbe eflr 5 palatas..tue p!Lle t!'nu hec.s o . e.b.


20/28

A:reacin vertioalAlinear los elementos verticalmente enpara situar el texto.El texio puede a inease en a parte super of inferior o central de la ca]a de texto.Habitualmentese presenta eltexto alineado horizontalmente a la izquierday verticalmente en la parte superior Sin embargo, en algunas ocas ones puedenulillzarse otras combinac ones para crear mayor ipacto v sual en a pgina.

de texto proporciona mtodos alternativos

Fs a loma ms habtua(1. ilner ellexto y olecer prnlo de i cro qco y lc

caJsCaractssti6 de la retcut:Ai e& n ife o de mctra

0Nl.lLrstitc.do se exl endev.rlihrono para oc!parla cala

o lo{to. PledecmbiaBecon cua quier al neaciuro.la y suee ul izarse pra

oq.r que el b oque de lextob r.tn / misma atturaquelna

;raae r , a @1ic!

Alneacin i.fnorEsta ieac n s ta el txto e punto de sarida de a pg na.

Siselustlicaa a de@ha,pude sulardlici pasar deua linaa asiguente, po oqLe resulta adecuada prasubtilulos o leyend6.

La justrcacln verticar yhorizonta llena to.la la cala detexto. Plede uti zase parasequrar qu s cubretodo elespacjo, aunqle pleclen

Laa neci vecalcelr, Icombinada con ua a ne

honzo nta tam bin centradt ,, IunafomasneficaquepLrr .seryir para fagmelos co r,,de lexlo, co citas ylitr rl

En ests eiempos se obse,,dist nls t pos de alinea. nvei.a Pueden combinaBocon a neacioes hor zonla os

pos bi dades de pr*taci iS n embargo hayqueasegrque eltun. 6uLla leq be.

:

,s

AM ar')t Moden Cotau phataamph\ . ur tibro oF totog.d.d- d- Jrs i. Edwa.d,J,,rrl, :,,I lrr. I J porlrd d. qrdn'o.-nato rue di.,ndda po. 3 Deep Dpc on y p"-p -tlllr lllrrk) {)o 0D tipo de leira basado en una ret'cuta. Elitulo ictuye una tigadura inusuatFl ll n I l h rir ]1 rl (l\,1) ( k] ( bs plabras. l-s ireas if cia es aparecen sangradas, pero

A Mknclo of Modern Colour Photography

d lfrrl ) ( lr) loxlo r)ltlr'llt inoirl() ir lir /qUior(i y vorti(;ilhr(nrto Jl rrolo o| [r pnrtr]lhtl(t (h'llt(xtxr.


21/28

ColumnasUna columna es una estructura vertical de unaretcula que contiene y da forma a elementosde texto de un diseo.Una pg na puede tener una o var as columnas de texio de cua quier anchura. El nnr('de co u mnas y su anchura respectiva sue e depender de a cantidad de e ementosde texto que hay que pesentar.El d iseador ia bin puede ajustar eltamao de los red an es, lo que repercutiren a legibildad de texlo. Las columnas admiten dist ntos usos con distntos gradosde cornpleiidad, como puede aprecarse en los siguenles ejemplos.

Crcteristicas de la rcticul:An.hu.s d ..lum r .l JPFnias

Esta dobe pgia prcsnta d,co umn4 pr pg na mar.en azu L composcir s .pemr 1 presentar cualro se.l

Arts & Business Scotland (derecha)La composcin de la pgna squ'ente pertenece a un folbio creado porThid EyeDesign. La variacn de la anchura de as colurnnas en las d stintas pg nas rompe el IE espaco en banco se utiliza creativarnente para dar are a as pg nas. Puede verso,el punto iniclal de la colmna (afi ba, pq na mpar) y en la columna vacia (abajo, pgrrmpar). Artist at work


22/28

Nmero de columsEl nmero de columnas en una pgina tieneun fuerte impacto en el aspecto de la doblepagrna.El nrnero de columnas que se utilizan en !n diseo responde en parte a la convencry en parte a la necesidad Dec dir cul ser a anchura de las co umnas es clave- Alg L rproyectos, como porejemplo los brosdecocina, necesitan una columna ancha q u( rcontenga las instruccones de preparacln y otra rs esfecha para los ingrediente5.m enlras que un horario de trenes requer r var as columnas para proporcionar disl | ,daios. E nmero de co umnas qlre se ut izarn en un diseo no est determinado, lrla creacin de Lrna retcula paradisear varios proyectos se simplifica alcomprendorcontenido y a canudad de elementos qlre deben aparecer.A gunos maieria es impresos y sus equ va entes en pantalla utilizan dist ntas retculr'dentro de la misma pub icacin. Por ejemp o, la troduccin puede hacerse a u nacolumna, eltexto princlpal en dos y el nd ce e cuatro. Para ayudarse, el diseadorpuede crear unas r njalLrras coro las sgu entes para conducir e flujo de unapub cacn.

C.mpos.ln con ds. unrns para leo i 'gcn Reti.ua.onsetecoumnasparadalosdeEJ,

Disiio: tlhy N.t Ass. trCcteristics d l rtcul:conunasla.urnpra

1.

lndoD colloge of Fashionf.l!r ',rr,arn,rllo porWl^y' \olAssocIes p"se_lo pgr dsco- .na e (uaoeoo:H lllrturl)irfn rnostrar pequeos tragmentos delcLrerpo de texto. Se inc uye tambinllllrrrlt o rli ((ni(lr$ yrdan espaciar a lnformacn. Prae tltu o y a entradillall tflll/r rlrl rlrll(:L(ir r l) oril :nrir odLrnrr

TTT TTE


23/28

t.; j crcnt.: rilrili .r ai.L I rDis.o: l..s.rrr,!ir trlo5Crctrstias de la reticu aNim.n d.ourrls v ab epar pEtr nfrracon,5

\1, Hf:',1i iti ONt : ir\,.11r r''l iLrRYllR T IN REAL ifl)rlrfii\lR rr ar-A FaOMFORI BLAN(:T

caracrerisl cs c l 'rr,,

1,/

r,t

L,, 'r.. (r, fficl(l(rrba)L) trr nclnrr.h Strdios para a exposcir de Defnis Crelfiedl: lt: i lll rr I,,.ir rl,r l rfornrrji| de tas d ferenles secc ones.I li I r,,, ,, ,t,, t.,trt, Tir ,:r (izquicrcia)r l, lllr ri r {}l'r rrL,,\t)|i, irtlrlcoftorlih. tl1rt|iene rfLrsmVctorr I ir, l . I r Lr, lr LI r], r1,r; iri Lrr|rILr, t)ir ir orilrll IiIII), iII(IIIIIII)III l.lf I I ,ll r. l!, jlr. rr rr r, l) r1r ll,t| |iLll,'Ll


24/28

Anchura de la cohrnnLa anchura de una columna puede modificarsede acuerdo con las dimensiones del texto,

bhrnor I ry,ll!!l)"/ l)o Vnqter0 olrllkxrdol reticul:r1 ltu i r.,1, \k,. idislnl

lo que repercute drsticamente en eI aspectodel diseo.E espac o proporc ona que una co u na ocupa en una pgina afecta a a ranera ( rel ectorver a iformac n conten da en ella. Las colurnnas con poco espacio entpueden ser tiles cuando se trata de datos de referenc a, como por elemplo Lrn die,.Sln embargo, situar una co urna de texto en una gran caniidad cle espacio mp cque su contenido tiene gran r portancia, como sucede con a poesa. Las ustrac ( sigu etes mueslran a gunas variac ones del ancho de las columnas. Algunas dan Lr. sensacin de reposo mientras que ofas parecen sobrecargadas debido a la cob lde anchura y espacio.

r,': ...: ...: , o: : :,,: -t : , ,

Un: ncacouma archa rodeada de rru.r,o espa.. Esls.olumnas estrec ras son adecuadas pilaprcsertaorde aif.rmacordeudre,:.,

..:..:a.':.: rI


25/28

fipogra,fra y anchura de colu:rnasEl texto debe situarse en una columnaCliente: Prest gious Texti sCaracbnstis de la rricur:que ncalacon a anclruadecuada a su tamao para que resulte legilr rr,

Calcular la anchura de la lneaLa ongltud de una nea esi relacionada con tres eementos de med da: la anchurade la columna de texto, el tamao de a etra y eltipo de letra escog do. Cualqu er caen uno cle estos factores rnplicar l necesidad de aiustar los dems para asegurarque la colurnna de texto resulie fc de eer. Plesto que os caracteres de Lln mismocuerpo no presentan la misma anchura, pasar de un tipo de etra a otra pllede aterre efecto v sual.abcdefghij klmnopqrstuwN xy z

E rhfl fll 0 r C arerdo de caa brl de l8 pt l cn !n fade265p1a bcdef g h ij kl.m nopq rstuvwxyzL abemdaro cr D N de F haa de l8 pt I n !n drra de 222 pt

Algunos principios f undamentalesUna regla generl pra eleg r un t po cle letra consiste en establecer una med daque incluya enfe 12 y 15 palabras de cuatro o cinco letras cada una, es dec r entre60 y 75 caracteres. Una cantdad superlor de iexto empeza a cansar la vista de le.l, 'En la prcticNo ex ste ninguna norma preceptva parafjar latipoqrafa, ya que esto reducirialas opciones disponibles para e diseador E folleto A5 de la pg na siguiente prc:r.runa sola columna con una anchura de unos 369 puntos. Se debetener esto en cLxr rLa e egir un tipo de letra para crear un bloqLre de texto leg ble Se ha escog do L n I l Ide gran tamao para que resLr le s fcilde leery sea vsua menie agradablc I ;l I tranchura con Lrn upo de 8 puntos moclf caria la relicu a y la dinrrrca I poalrf c l)Lr Iqr las ineas tcndrian un nrn-oro cxcesivo dc air.tcros y lit a.rIlr rro rL] lrlflil


26/28

Columnas estrechasLas columnas estrechas suelenpresentar eI texto haciendo un utilizarse parauso eficiente delespario disponible. Contar con un espacio reducrconlleva una serie de dificultades especficasque es preciso resolver.La tipografa en relacn con la medidaLa anchura de la columna suele venir determinada por una redida rnuy reaciofarlsu conien do. Puesto que a anchura de los d stintos t pos de etra vara. as dimeflde la colurnna cambian de acuerdo con cada uno, de modo que puedn coftener Lantidad cmoda de texto. como se muesira en los elerplos siguientes.

Aterar a anclnrra de rf tpo deolr tcre un lran npacto en e|sl 0.h fl/l1r'as Iu-"nl-"spresentan v0rs 0.s rxrrlcr^rlespeca mente orcadas ponsnder as restrcciones de espac ocorJl slocrje a trabala 00rc0umnas 0sl,'clras E lexlo qucabe en ra n dc rn risfco u nna ruede deri en var oscaractercs se!r s se ernp eaurra versn egrl.?ro e}1erieddeL rsrfo titode llin FLopuederepercutr i)r las d vs on0r epalbras o a stl cac on delte{o adens de rcquer r ineas

Aterar anohura de ! tipode etra t ene uf granhpacto cn e aspecto deua co!mna estrecha.Muchas f uentes preseniavers o-.s code,.eedespecja mete creadasresfcc ones]:le espac o,como sLrc-..1e a trabajarco co umas estr-..has Etefto que cabe e !a ieade una m sma co um lapuede 'llfe er var oscaracteres seqn s seemp ea una vers n /ry1rl/o er1-rlelde ! r ismot po de lelra Ello puorlereperc rii en as dvisonesjlst ficaci del t-.xto,a.lems de requerr Ineas

Extendedt po de letra te,, ,gran mpacto e ,colun)n:L est.ecllpresentan vers.iespecial.ete !r,espacio, conro rLcolLrmn.. eqtra:ltcxto que cabc (.lnea cle una ilri:lcola plecle ,llen var os cara.l(segn s se errl,,exterd.:.r dc Ln, ltpo cle etr ll, tdlvr;n)tr.ri.l( ti. '() Lr lLrrlln !ii1r r ' ,


27/28

Columnas anchasLas columnas anchas permiten presentar el text'ren lneas relativamente largas, con la nicarestriccin del tamao de la pgina.Para que a med da del texto tenga una eg bi iclad ptrma, e d seador delr'tener en cuenta el cuerpo deltipo de letra para determlnar el nmero mxirr,caracteres por lnea. Los dos ejemplos s guientes tienen as mismas dimerrrpero se aprecia que eltexto de 18 puntos resulta ms leglbe que el de 6 prE largo excesivo hace que a lecturade los bloques detexto sea msfalir,y para la vista resu te ms d fci encontrar e pr nciplo de la linea slglriente.

Mi.l: 130 rnr,r 3la p!1os

Cuerpo de lB puntosEsLr cla contiee dos prrafos, uno con un cue r-l)1de lB puntos y otro de 6 puntos. EL prralo dc1B puntos aparece en una columnr cuyar anchur,rresu ta cmoda y lc I dc leer

C ara cleiistica s de la reticula:

caE.teres de.uerpo !rdn.l!

-*ft.4dsrffi

-.:-\-

The Sanctuary {derecha}F fo do dc Socla Dcsqn pam a cadena.lc ronr cs I I lo I l)1) i!rlrr |l lr'\ r),ir L I1r)Lrrrrn.r.rtrrl-.o{]L t) ipir(tirur rrt)rr lil Lrr.,rLL rlln,l l,lr, 11, 1!,rrl,rrr rt)rLr rL ,r L rr L i x : ,rtir,trl,l


28/28

FoliacinLa foliacin corresponde a Ia serie de nmerosde pgina de una publicacin que sirven aI lectorcomo referencia para localizar la informacin.La situarin de los nmeros de pgina debeanalizarse cuidadosamente puesto que puedetener un imparto notable en la pgina y eneI conjunto del diseo.Grados de dnamismo pticoLa poslcin de los nmeros de pqina plede crear un dinamismo puco y una ser 'de mov miento que modifiquen claramente una pgina. Los follos pueden estarestrecharente v ncu ados a un boque de texto para crear unasensacn de repo I'o ben sertratados como e erentos v suales que ob iguen a la vista a desplazarsrfuera de su zona de exploracn norrna. Las composiciones inferiores ilustranestos prnc pios basicos, que se ana zan con mayoT detalle en la pgina siguiete

r l;.,l ,.ri.liriiii:-.:t lij:.-

hrirl rnF'r,,1',i(acenladosseulilzncandsulun.ndeferncasmsimprttequesr$'ldr rr, L rb dsoo. Este tpo de situac n s hablulen diccnarlc y al a. Por noma qener|, cuanto myorrh lrhrfr h u cro de pqina resp{to de tefo, mayor essu mponanc

llilU rlnr,rtr"yoxrernoI rB l' 'lr' h I i I i:, r irltrlones nieno y exteno im plican una diferente relevancia e impaclo sbr e dise o. La situac n enMr|'r I'(ri{tdiscrel,menlrasqulasluacnnemalenextemoccovlertenpuntosdeancalvisual4

tl'htr Ln'1,r

=,:l+-,;i,-i=:i.:;:====:=:+i:-

::F.::--,:-: :==.;;=j=,-: r--:.:i:.-L.-

=.-5.::.:: -*!:+:

li"lii:r::a::.l::i

-Fg1s =4.====-.: =-:=]a.{j:: =E:i=iF-:=i--:i -n:=--++;==- Eii====+i; --;':==+;::: :=:::.

d;r

La s luac on ctrada de f ac n resulta alada yaqlo lavsl es conduiil ve ca nrenle a o aE. a. l),1r n ro(tL o,,L ,r)v ,'i,n li) r r rod.l .d.

En cmblo. os llios s luados e r os fr "rrlde boql -.1. k,rLo ob qn r l v'sl x I I ),, !, lirl,rrrrl)o'rn rrf,ri,',4'L A:, i ", r,'n:,,,,,Lr,\r iryl,ihii[, ]\ n,,r

:-F-.r:.-; ;ii:;=ii+:.?iA=

===-=;==E+ =+:==i= :=:=-gii*l:: *E:=:=-::: ==-;!:

=. - =a-====;=F;

--=: =gi==

rrtlili h, , ("ilrl'r l" 'r

03.1 Tipos de retículas

Documents

Transcript of 03.1 Tipos de retículas