Pensar con tipos,
Ellen Lupton
Editorial Gustavo Gili, Barcelona 2013.JERARQUIA
La jerarquia tipogrifica transmite la onganizacin det
‘contenido y destaca algunos elementos por encima
de otros. La jerarquia visual ayuda al lector a
‘evaluar ripidamente el texto, a saber c6mo acceder
él, como salir y como escoger entre todo lo que
ofrece. Cada nivel de informacion debe senalarse
con una 6 més marcas aplicadas de forma coherente
alo largo del texto. Dichas marcas pueden ser
cspaciales (sangria, interlineado, ubicacin) 0 grificas
(tamano, estilo, color. Las variaciones son infinitas.
Los escritores bien formados evitan expresiones
redundantes como “planes futuros” o “historia
pasada”. En tipografia, sin embargo, se permite
cierta redundancia, yen ocasiones es incluso
xecomendable. Por ejemplo, es bastante habitual
aque los parrafos se senalen con un salto de linea
Yuna sangria, un recurso redundante que hia
demostrado ser bastante prctico ya que las
dos sefales se apoyan entre si. Para crear una
clegante economia de sehales,intenta utilizar
tres elementos como ménimo para cada nivel
o salto del documento,
1 iviskn dees Snes
Divi de ngs
Ange
1. Aringe arcing
€.Querabins uerbinee
1 Serfines Seraince
1 Coerpr recor delete Cuerpo rector de ero
Are
cadens
arebiapo
D.obiape
IE Pats dl eo Paes del eto
capitate Gopitlo
Apt Apanado
Sahara Siaprad
Ysnuros oe tien
sfianotos, sxc,
Ysntros be tines
132 pensan con nip0s
Para destacar una palabra 0 una frase dentro
del cuerpo de texto no suele hacer falta més de una
marca, La cursiva es el recurso mis habitual para
cenfatizar elementos. No obstante, existen muchas
alternativas como la negrita, las veRSALITAS, 0 el
‘cambio de color. Una familia con muchas variantes,
como la Scala, contiene muchos estilos y pesos
distintos que estin pensados para combinarse bien.
‘Tambign pucde empleatse una fuente distinta,
Si quieres mezelar familias, como la Seala y la
Futura, asogiirate de ajustar los tamanos para
que sus alturas de la x estén alineadas.
NEGRITA
CURSIVA
SUBRAYADO
CAJA ALTA!
170 T1P0¢RA#Ico
Un solo ecu ssf par dr én
‘age ing
‘cing! visio oe andng
(Querabine tos Awe. quater
Serafin seins
Corde cornro necron canal
rchipo Det cisn0 aribie
(bio ovine
be ira
Copide anes capfds
parts xe rex apanaio
Sihoparado sagt
Auaweaciow, canmo oF
PUENTE SatTOs DF ineExisen infidad
de formas de
xprearla
ear dew
‘cuenta,
La yeeanguta Es RELACIONAL
Fn poblaciones expuestsa a tpografa durante periods
prolongades, pueden aparcerdistintostastonos.
"rortin Amore finan excess por formas de
Jas as. monido hasta punt de ara tos interes
Los tipficosmacen govetalent soos y atuinados
‘roronta Rechaz acon dea kr se maint
om ura prefrenca por ae cos, dng en ats fates,
os oles yas res. Los siatmas de esta fbia pueden
amitgrs con‘ tatamint de Hele y Times Roms,
angue no puede care del to,
‘rroconData Ansedad proves por el coomenciment de que
lipo que se ha lei oe mis acertado ste tastomne se
‘manifesta mend sompatiads de TKO (rasoro de ering
“po, ances de ajar continent el epi ene
pres de eas.
“rvorensrsRechazo pomiscuo 3 compromtersc de por vit
‘con un pode eta (ot iqiers con 07. como recomend
lance dacore} El lpr ve pone caleme’ cada vez que
‘empl new tp, a menudo sn poser a Bcencia ade,
ee aren ee ate
Recreate eres
‘am rid ns ani cn a
bere peetrersteres oa
ap papery pa
eco Ra ont es ore
i
i
‘Sh rnp
Tien totam annie ei
Pare precepts oey ety
Singer chery
see 15TERARQUIA
TRANSACITIN LA JERARQUIA Los contenidos
complejo precisan una jerarquia con muchos
niveles. En las revista y ls piginas web, a menudo,
el formato tipografico lo aplican muchos usuarios,
entre ellos autores, editores, disenadores y editores
de contenido online. Sila jerarquia esti bien
definida, es mas probable que los usuarios sepan |
respetala de forma coherente. Los disenadores
, los pies de ilustracion y las
descripciones de imagenes y ubicar anclajes de
pagina frente a elementos de navegacion repetidos
«ue permitan a los usuarios acceder directamente
al contenido principal. Existen programas que
petmiten a los disenadores comprobar si su
gina puede ser “linealizada” adecuadamente.
ccuarnauinsrisvrs.onc Sto web, 200) Diss: Colin Day)
Exclamation Communsations, Editorsk The Caphat Ist
ewe foc cca pr serine inves, Deb
tle version testo crid de la pin, Un ltr con dfiencia
sul puede cick testo, indies as igs de cad
‘agen EI bt6n skip to content” ahora al wuario a escha
etait de emenios de naveacinLomrnoustone Sito web, 2010, Disco: Dan Maly Kevin
Sharon/Happy Cog. Cigo foment Jenn Laks. Arguitetira
de a informacion Kein Holfinan. Pruebas de acesibilidad
Angela Colter y Jennifer Suton, La compost de ee
‘owe (requten etd opinizado para usuarios ident.
gp cnt (Ox jo) le pra
nena ue todo dl
Aiscpacades visuals permite qu 1 ltrs automo de
panto pean itera olnealizar™. Par gel, ea
renin vl mn de napcinaparee nda dela
el oop. Sin embargo, ei funt el nombre dela
‘ngntscin va seid del tna de eats lo qe eva que
la pare sper dea plgna se atesquc con nos os cements de
avec, Estar dfrencs emt le ers vsal aversion pr
Acie vsuae se restringen a minimo porque no os agus
ue ablzan ltrs de pantalla 9 igo. yest con
Ajcincia parc qu, aunque maser por cio fem, pun
terel deo depgna. Ste verdn viel ya dl digo diferen
mucho, pucencofundra ee io de usu
oa racine
les des versions amin topmeraRguia
sett der shronbesteigung!) — —
= — So etlebte ich, a8 er ei
‘Major, den Adjutanten des. Kronpel
Ohr zog, thm
-mpting er in
‘minister und den Chet des
alten Esel glaubt, a8 thr alles t
*) Deutsche Verlagsanstalt, Si
‘Und daB das »gemeinsame Vor
war, »sobald Kraus die Satire auf
‘werdes, beweist eine Vertrauth
Programm, die ich selbst am Nach
‘will ich dem Wilhelm glauben, dab er ¢
‘Josef, da er alles reich erwogen
einer vagen Kenntnis meiner Gesit
die ihre auszuleben, in den Saal
der Laut auf den Lippen erstarb, und ¢
liber die eigene Unregsameit ihnen I
ihre Anwesenheit legitimierten,
198 [risen con PosonreN00 EoMPLéyo CoN UNA JERARQULA IMDECABLE
woRrskaves DUR AEDENSARTEN/ KARL REAUS, DIE FACKEE
Libro, 1999. Dise: Anne Burdick, Editorial: Ostereichische
‘Akademie der Wissenschaften. Esl ne conten ens de
csrtor vend Kal Kraus pblicdes por el prize Die Facel
fete 1859 7936. esto dl poi aparece en centro de
lappa, Bx ocsine pla nian na imagen del
publican gina yen os lado por el maemo rates
"ipo de a nucen ein. Bn ls mages de calor ge
ewan aris ips de comentario edit indcades cn dienes
‘les yma iors.Yn apie (dor gro tama) au nt
etialares scndari
‘contenido, Ls pt
farcical en primera plana
alto con numero itdre compas.
Eee}
Entec
rorsBWV WERYy
Oo
oe .
Fall 04:
19.2% @
ibftions,
M2. sEscoge un texto que tenga una estructura recurrente,
como, un indice, un lector de noticias (0 lector RSS) 0
un calendario de actos. Analiza c6mo esti organizada
3 (titulo principal, subtitulos, ubicacion,
‘cuerpo de texto, ec.) y crea una forma de jerarquia
visual que exprese esa estructura. Simplificala al
‘maximo para que los lectores puedan encontrar
Ia informacion que buscan. Por ejemplo, en la er6nica
de un crimen, muchos lectores buscat
donde ha ocurrido para saber si
con su barrio, mientras que a otto
los detalles mas escabrosos. Introduce cambios
de tamano, peso, interlineado y estilo y usa la
estructura de columna para que se distingan
ficilmente los distintos niveles jerarquicos. Crea
una hoja de estilo (en un programa de maquetacion
CSS sies para
si es para impresion o en forms
tuna pagina web) para poder crear variaciones
ripidamente
Crime Blotter
06
‘Verb Defrauded
by Misplaced Modifier
‘Nou Found Smothered
by Adjectives tessage
revenge i sought by wim.
Crime Blotter
Noun Pound Smothered by Adhetives Vorb Detrauded ty Mepace Mediier
Paes oC CBE STULL CY
Flood of Clehés Wreaks
Havoc Hip
bucket ate
07
0
PM. tuterana» East Village
Tel Ute Ruel Ut te-te me (elt -t}
Upper East Side
Mitre te SMU mess
rom Williamsburg
aero RAR La el
penne —
Coie
sw Upper East Side
Roe Ea Tne
Williamsburg
Thabo reli
a
tar ipa
Publ Rai,
ar ee Re Ld
David Wright, Neleon HsuPee atsC eae E OCT
En el mundo real del disefo grafico, trabajar con las definiciones de un diccionario, los anuuncios
grandes cantidades de texto es un reto habitual. Los clasificados o el plan docente de un curso
disenadores utilizan los principios de la jerarquia, universitario. Si numeras los elementos de la lista
dela alineacion y dela maquetacién para que el texto tendtas un elemento grafico con el que trabajar
sea facil de asimilar y agradable de leer. Puedes _Diseta un cartel que presente este contenido d
realizar este ejercicio con cualquier lista que sea forma atractiva. Trabaja con hojas de estilo para
suficientemente larga: un calendario de actos, _ proba tratamientos tipogratficas diferentes.
Tele el | 1Cdbrain ==
shopping