Documentos de Académico
Documentos de Profesional
Documentos de Cultura
en ra paglna.
La retcula presenta fuertes vnculos con ciertos movim entos aristicos, como
e cubsmo, el constructiv smo y otras ramas delarte moderno, que se decanlan
por un uso estrlcto de Lrna estructura.
Los elementos de lexto e magen pueden ser tratados como f g uras para crear un diseo
coherentey eficaz. Los diseadores pueden captar la atencin de ector de mismo modo
que lo hace un pintor a situar os elenentos en un lienzo. Las disi ntas formas atraen a
vistay forman reaciones que se suran almensaje delclseo o de a p ntura. Las pginas
siguientes presentan una s nops s de algunas de as composiciones rs com unes
I
lr
Monsters lnk
Estas pg n;
corresponden a una
Eslas iustracions presenla. a dea de sitLr a r los .l.melos en ura pa! na par car t mras vsaas Los obletos publcac n diseada
puder do ar una pq n o ben scruralimda insercln n lna esq! iaipdan esLb e.er re ac ones con otra por NB: Stud o. Utiliza
lok. ser.omDelamenl d sl ntas d.leslo. dos formas simp es
yuxtapuesias: el b oque
de texto y la ustracn.
En as pg nas inleriores
se sitan s mtrcarete
as nriftilrrentc o qrF
:l
Lose.nrertos esl a!lu)ad.3 d. a.reo co !n LS'
i L t,i.nlp/aser eido vert..nte E tefofgL r lnrb ob !alecior a.bir
Los d.ent.s se aqrrpn pnforr unddcs
drimalico.l. re incro l-a pa!ia,co l' riqcnes
,.r r iBx. .nleobilraa sto.drplr su Ecr.o a oi,a. Alnque ellrto y a maq.n
o brqles d-" nforN.n rei.oraa La a i'acon I ri r r.Ln p:j!na F5te elodosu.t.
a 5anq tn e a s.rio BUe. lilars. e F efo para punlen.lurs....u{tuiera.lr o e5 E.oEnb.
er l.s erfenros de l.sdIi10. e e'.tos de d s-ao I r rN.nlar dal.s ratirldos qre r.sL t
ftL si a.lplar ur ln.a..h!@it-a. conro Forejenrpo e
|d a e ilab ecer.orc.i.s elo e oe E et'do 'b!r!l . jrospr.Ln!!l raestandaf
timb n D.te !tilrzarse dc un anryo e5 lrads emp eao en e elemp o suF.ror
de narupi sepn los bl.qles n dt' las zoms 'aer 'reala
rira ap.rlar o nr e *. Ln D.za 'Bte tpo deorDlc,.. na 7a co nrs deta
pa! i. dotr. pilr i o rlLrso a Dbl'a'n'
I
Laprqnrcin
La proporcin se utiliza para crear un efecto carc tcfis ticr 5 de ra reticula:
l-;'s(iivious (clcrcch)
l ,.iilrr,l{,lirr.v,rrr,lJrrrrirvrrr,r VrrrrIr|l'00/1rrrlri'rrrrr)lr llrrrllv{ l){rrrrl l
Vt,,, ,,',,,' 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' )lr
I i trirr'irl' rrrr L rr rlrr r)r11 Ir !ltrnlr"'lrl r
Jerarqua
ckllc:r 1,I rr rr
Los diseadores utiliza,n el concepto de jerarqua i. Lr :iL,r1l
Discno: il
Cractcrsticas de t. retcut:
para identificar y presentar la informacin ms J.r0u rlere I i.ipr,
stL .r.I dts ninpm d. r,qr
importante en un diseo, lo que se consigue y .s e enjnos q!, a|irr esn
Las ilustrac ones tnferiores m uesfan Ia ap cac n clel concepto cle jerarqu
ia en u na
reticula, medtante a creactn de punios cle atencin o la sfuacn cJe los elemenlos
La retcu
servir Para
allldlkn'B
ffi
tnlrtrr I rrrf I trrrs prtenecen
rrr I fllrlt) (roado por
llhrDr l)rllll su c en{e
hllllr k) lr. (llilira una
il[,t]| tr rLco, quese
ll.r,r vlr,llr]tr rxnlro una fina
lrHllr I rllr ) k)ri olrnenios
rlts1 rl,rr).
E
li'l"lr Lr' 'rr rrr r,lr 'r
r1,i,'rr),Ll|r',1,r,'l Lir,,) rrLr'rrdr)L rrr l 1,L,Lr r ni L LDli r
1'
',
J
E Lrso de una reticu a equ I brada puede resu tar ntitado y repetitivo :i rn) c |t).ir
en 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 modo
creat vo otros elementos como n meros de pgina, eyendas o pies de imaqf, colfl o
se aprecia en a sgu ente ilustracn. E ejemplo nferior y las min aturas de a pgia
siguiente demuestran cmo u d seo duro y fofna puede aligerarse visualmente
med nte la ubicrc on de lqunos elemetos.
Ir I
rI I
'iffif
Laubica.nd. sn.Lr.:r rr?lenee pimert.ode apqn mp.r.a,LrrrrtoaearraccoqLelvaa ..1t1
lra.3 apiqifs.oLole. -anrs qle asluacondels..tas p.y.siLnn.rrellrrrqkconucer a vst r. l
a parte feiord. a,. ii r riri {tc no 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. q. r., srci.I l1: :..ui r d.
'tr
, r,1 I
Una retcula asimtrica crea una doble pgina Illtr
llltr
en Ia que ambas comparten Ia misma ttllt
llllr tlrl
disposicin, normalmente descentrada hacia
IIITT llllt ::1.'::::
el Iado izquierdo o derecho de la doble pgina. TITTT .= ,',lll
'r eLcL rrin eri, Ttt. .dtat de Todo e.1i\oJlqu.o.eo1e^tos.
pF
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
mpresa par podercorparada con la retjcu a sit;icacle as pgrnas 56 59.
e -orreL,
tlll
tlrr
tlllt
IT TIITT
t
F
Retcula modular
Los mdulos son cajas o unidades separadas Cara clerislicas de la tcula:
':ii:l :i ir
tl, y,,r ,,w ./,.irl:IrlBallet
,, ,. I r l,) In Socia Deslgn paraelRoya
, . r I ll Ll, l [r]i:ft Lrna reticu a que utillza
'r '
L o, l:l Lrso de los mdLros perrnite
, , ,ql q'd'r ,g' ,PPq io
L ] .sd r 11
Retcula compuesta
Las ideas y conceptos en que se basan las retcula.r
simtricas, asimtricas y modulares pueden serwir
para crear una retcula compuesta.
llna reticu a compuesia comb na dist nios elementos para crear un modelo prctco
y verst que proporcona aldiseador un grado eevado de flex billdad manteniendo
la capacidad de crear diseos coherentes.
IT
Esla
movi eno
resln. o puede crer'e
strd(:
horlzonld
E=*H
ui drlo una rclcLl pda
Relacin con el Perimetrc
La s.sa. 4. movLmrt' pu_"re polcn' r:n
ub.ard.losrdu.sdeimarlerdrrner'lL'
rorpan elme an etre as dos Fq ns, r LL
.ncajd os modu os de raqei Er las drrensioi's
! paqnd LailrtcEc'n eit asrrqE. e ap.nnrdtnl Ls rjqci'r'
horonhtes de
horzonlcsa snqf. cfan purls d' drl '
t nas rranrles y pequeds l nr presin
de d rqtra la VLSL lravs de d pagilia
:
Pa' h House (derecha)
I l- r "l l' l r"l'r- ll
l,', '';.::',, ',,i ' r"' ,, r ,1 i , "r' " r!rr. ' I
rr"
so" ,
EFI
,
i:ii'!ii:i!: D
llYYrfrl
VertLl Apido
-n,F. oF oto, ,tl. I,ap,r",,"" .,6 an"".h"
p "d-". Flo ,
L" - , o dF t",o "o .Jo ot
."-...1..
I k I I k i II I Ii r t,r r!i!'!nt tr'trlirjrx I
' '.ir
Retculas en rngulo Y en diagonal
Estas retculas siguen los mismos principios
que las horizontales, pero se presentan inclinadas,
lo que permite situar los elementos de diseo
de un modo inusual y menos or"todoxo.
Srn erbargo, eso tabin signlfica que as reticulas en ngulo resulian ms dificiles
de componer. Puede utilizalse cualquier ngu lo, pero para una mayor fac lidad de
corposcin, eficlencia y coherencia de d seo nomalmente se utiliza un ngu o simpll
o doble En esias ilustrac ones se preseta una retcula a 45' de la inea base (izquierdal
y otra a 30' y 60" (derecha).
" . c,'Q-
ffr
\ '{, ''., .
.-a-*%-. '"".- a.
"t:"":"
n.^or*o,
Caracteres
i, ,[,r ,k, lrr!]ricutl
El texto suele ser eI principal elemento aI que unir rr1'
'
f' ,r )rirrr |!o.
LL! r ri h lr i.ri.
retcula debe dar forma y estructurar. Eso implic; '1,,!
Itr r f 1r 1 {t.f'qn.
La var edad y e g rosor de os cl stintos caracteres de los q u_a disponc Llf dlsor 1( l( )
^
()I
e proporconan una paeta de posibi dacles qtre, uUllzada creatvamcnte fuyc 'l
aspeclo de la pgina. Algunos tipos son ms 'oscuros qLle otros. pLresto qLre 'sLi I Caracleristcas de ta rcticuta:
constru clos con lineas nrs gruesas o contienen remates que se aaden a su coor Co or' liDqr1ico creado
5dletctrcj.L],'lduul!! !] f] qjli. \ F!
rcrlrllsttld]rdlLlqn!o]ctoN]
5
La lnea base
La lnea base es una serie de lneas Paralelas
imaginarias utilizailas como gua para situar
los elementos de texto en un diseo'
Alnear los caracteres a la lnea base
y l coherencia enlr'
Eltexto debe alusiarse a la lnea base para asegurar la alineacin
pgina aparece impresa con una
;lumnas. Eso tambin ayuda a evitar errores Esta
Lnea base visible. con una separacin de 12
pllntos
retcuta cle
, <le odrrdlo esl.luroo en u . llnea od_e oe I pul los con lo' crocL'r's
"*l' t-"i"b " l" . " ndg'1La -Des_rso pn o rlnea odsp srqr ptica'
'rcJ ouo d b '
pare(r'
"1" en esia lnea imaglnaria Debido aunailusn
""tn"t"r". "".ltu
.r"lo-no,,r"r.'*"-_oe cdialLo'"hned L'"-o pol eienpo e roo-on
l" l- l.''o' a" 1 o ';erco de rooo q r dDreLe liqerdn er lppo'd'bdo ,' ,, ,, r dobp!ia.oiunatneabsede12punlos L tinea base pued emper y acbr
"i"- C, o.."i'-,1-d .4la , ea b e,' rceto Lol lcro oe ld cu"vd I _e
I |nl"" o.r". F{,1,,,i,,,
" Algur os'aroc'rs'o1_o i o a o lie r'n
I'' lrL r [ [ rb.c pigna, qledl.uiacoocarulr1oforad iiea bse car lextremos superor
-r.r".-"'ot"**aoo,u'"'lne r''r'o 1slo" s''inpdn po" ld h ' lhrh rr.'r. ,,boqlcsdo..r iicdn !sareass I ti.u adc inea bse Eso s ! n lica basicamente
iL. "." ool o e 'd "roL ''os 'n""d ri ri il
'lF
Io Alhtercl'r cruzada
lirrrr ll
llr I rr [
Iri
l)rrr] lporla diversas ventajas a una retcula. Por ejemplo, perm te rea zar una
) r,,da en tre dist ntos e ementos. Si a retcula se construye cuidadosamente,
i I r 1 L
d
ih lr pr rnk;s. y (lorn)orr{l{)rllu; (lxxtU(xr
orlro oll$.
Imgenes
La retcula permite situar y realzar los elementos
ilustrativos. Las imgenes y su posicin tienen
un grr impacto en eI diseo global de ula
publicarin.
La reticu a proporciona esencalrente Lrn mecan slo para aprovechar el contenido
d nmico de Lrna imagen, tanto s se e da Lln trato sobro como sise Llt iza una
presentacln con paspart o a sangre.
(Jrnrtorneo
Eemplo 1: texto e imagen austados a la lnea base
Utiizar una relicula de lnea base coro sla de 12 pLlntos I Jr r{I r )r rador puede utilizar e contorneo o recorrido para aseg urar q ue los bloq ues
propo, iona r,-fta o< rqJ d e, que o-eden 5e'ir o rrd rl0 I rxlo c irnagen se rant enen separados. Esto pern te que eltexto discLrrra a una
a near mgenes. De todos rodos, puesto que eltexlo rlh[lrx]ildelamagendeterrnadaporediseador.Esteespaciosefijaenunvalol
se sita sobre la lnea base pero no ocupa por completo tI rlnlr[]ronte en puntos, en todos los lados de a imagen. A veces, cada lado de una
el espacio entre lneas, una imagen a ineada con la lnea hrlllill lnrede presentar dist ntos va ores, lozando la lmagen para delar ms espacio
base no queda alineada con eltexto. rlllrttIri ados que en otros.
S se ut a ua neacolante, inragen queda a neda.on os caracteres rr ,, |. rr l.rr. de esLe ptralo pude pisar Con.ontonreo. terlo se ve lorddo a rratenerse
r {, r,,, ' n rNc i lle ese rrodo. texlo Esu la a unadlstan. especifica {ie ! a!en. For ejemplo
I
v
Ejemplo 2: uso de una lnea colgante
Una solucin a este problema consiste en aLinear a imagen
con una nea cogante (ilustrada en can), que se sita
entre dos lneas base y cuya a tura co nc de con a de Ios
caracteres de caja alta, Para un tipo de etra de T0 puntos,
esta linea se stuara 2 puntos por debalo de la linea base
r
superior es dec a nea base menos lil altu ra dl crcter.
Alilea,cin horizontal
El texto puede alinearse horizontalmente Caractelsticas d retculal
r)ri iragrfentos de texto si lustilcar tenen finales de inea irregl] ares y no preseftir
l)ir rblas padidas. A menudo, esto crea una caracterstca visual destacada.
llf rlisenador puede utilizar d stintas alineacones para estabecer unajerarquia .:
vl'iiliclo el tratarniento segn os tipos de inforracin, como por elemplo entre
. :rerpo de lexto y os ttulares.
Fs a loma ms habtua
(1.ilner ellexto y olece
r prnlo de i cro qco y lc Laa neci vecalcelr, I
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. s
Columnas
Una columna es una estructura vertical de una
Crcteristicas de la rcticul:
retcula que contiene y da forma a elementos An.hu.s d ..lum r .l JPFnias
de 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 ementos
de texto que hay que pesentar.
El d iseador ia bin puede ajustar eltamao de los red an es, lo que repercutir
en a legibildad de texlo. Las columnas admiten dist ntos usos con distntos grados
de cornpleiidad, como puede aprecarse en los siguenles ejemplos.
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 na
columna, eltexto princlpal en dos y el nd ce e cuatro. Para ayudarse, el diseador
puede crear unas r njalLrras coro las sgu entes para conducir e flujo de una
pub cacn.
1
,/
r,t
\1, Hf:',1i iti ONt : ir\,.11r r''l iLrRY
llR T IN REAL ifl)rlrfii\lR rr ar-A F
aOMFORI BLAN(:T
el ectorver a iformac n conten da en ella. Las colurnnas con poco espacio ent
pueden 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 c
que 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 l
de anchura y espacio.
..:
Un: ncacouma archa rodeada de rru.r,o espa.. Esls.olumnas estrec ras son adecuadas
aprcsertaorde aif.rmacordeudre,:.,
pil
rI
Cliente: Prest gious Texti s
fipogra,fra y anchura de colu:rnas
Caracbnstis de la rricur:
abcdefghij klmnopqrstuwN xy z
E rhfl fll 0 r C arerdo de caa brl de l8 pt l cn !n fade265p1
En la prctic
No ex ste ninguna norma preceptva parafjar latipoqrafa, ya que esto reduciria
las opciones disponibles para e diseador E folleto A5 de la pg na siguiente prc:r.r
una sola columna con una anchura de unos 369 puntos. Se debetener esto en cLxr rL
a e egir un tipo de letra para crear un bloqLre de texto leg ble Se ha escog do L n I l I
de gran tamao para que resLr le s fcilde leery sea vsua menie agradablc I ;l I tr
anchura con Lrn upo de 8 puntos moclf caria la relicu a y la dinrrrca I poalrf c l)Lr I
qr las ineas tcndrian un nrn-oro cxcesivo dc air.tcros y lit a.rIlr rro rL] lrlflil
Columnas estrechas
Las columnas estrechas suelen utilizarse para
presentar eI texto haciendo un uso eficiente del
espario disponible. Contar con un espacio reducr
conlleva una serie de dificultades especficas
que es preciso resolver.
La tipografa en relacn con la medida
La anchura de la columna suele venir determinada por una redida rnuy reaciofarl
su conien do. Puesto que a anchura de los d stintos t pos de etra vara. as dimefl
de la colurnna cambian de acuerdo con cada uno, de modo que puedn coftener L
Extended
Aterar a anclnrra de rf tpo de Aterar anohura de ! tipo
olr tcre un lran npacto en e de etra t ene uf gran t po de letra te,, ,
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 dimerrr
pero se aprecia que eltexto de 18 puntos resulta ms leglbe que el de 6 pr
E 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.
-*ft
Cuerpo de lB puntos .4ds
EsLr cla contiee dos prrafos, uno con un cue r-l)1
===-=;== =. =a-=
E+
------------:
llilU rlnr,rtr"yoxrerno
::F.:: I rB l' h I i I i:, r irltrlones nieno y exteno im plican una diferente relevancia e impaclo sbr e dise o. La situac n en
'lr'
=,:l+-,; Mr|'r I'(ri{tdiscrel,menlrasqulasluacnnemalenextemoccovlertenpuntosdeancalvisual4
i,-i=: --,:-: :
i.:;:=
==.;; -*!:+:
=.-5.::.::
===: r -Fg1s
=j=,-: =4.= +;==- Eii==
=:+i:- --:.:i:.- --;':==
L.- ===-.: =-:=] +;:::
==+i; :=:::.
a.{j::
-n:=--+
=E:i=iF-:
li"lii:r::a::.l::i =i--:i
l),1r n ro(tL o,,L ,r)v ,'i,n li) r r rod.l .d. , lirl,rrrrl)o'rn rrf,ri,',4'L A:, i
" Ln'1,r
d , r,'n:,,,,,Lr,\r iryl,ihii[, ]\ n,,r tl'htr
;r rrtlili h, , ("ilrl'r l" 'r