You are on page 1of 38

DI SEjerarqua

O Etipogrfica
D I TORI A L
DISEO EDITORIAL / JERARQUA /

Ellen Lupton

Pensar con tipos

GG
DISEO EDITORIAL / JERARQUA /

JERARQUA TIPOGRFICA organizar el contenido

destacar unos elementos sobre otros

EVALUAR EL TEXTO
JERARQUA VISUAL
SABER COMO ACCEDER / SALIR DE LA INFORMACIN

ESCOGER ENTRE TODO


DISEO EDITORIAL / JERARQUA /

Sangra

ESPACIALES interlineado

ubicacin

APLICADAS
SEALAR NIVELES DE INFORMACIN MARCAS EN EL TEXTO
de modo coherente

TAMAO
GRFICAS ESTILO

COLOR
DISEO EDITORIAL / JERARQUA /

Sangra interlineado ubicacin

Giam hitia que voluptat qui solut exerfer umenisi Giam hitia que voluptat qui solut exerfer umenisi ti- Giam hitia que voluptat qui solut exerfer umenisi ti-
tibus, natia aribus dolendu cipiet harum ressim re labo- bus, natia aribus dolendu cipiet harum ressim re labo- bus, natia aribus dolendu cipiet harum ressim re labo-
rec aborum aciliquo officiam, sunt, int latinis aliquunt rec aborum aciliquo officiam, sunt, int latinis aliquunt rec aborum aciliquo officiam, sunt, int latinis aliquunt
ipient aliquiamus ea si doloritia dem facesequo quamus ipient aliquiamus ea si doloritia dem facesequo quamus ipient aliquiamus ea si doloritia dem facesequo quamus
aut quia quo odia cum atur? Quia pellit la aut as auda aut quia quo odia cum atur? Quia pellit la aut as auda aut quia quo odia cum atur? Quia pellit la aut as auda
seni veres es evellacil maionesed magnatet mos dolup- seni veres es evellacil maionesed magnatet mos dolup- seni veres es evellacil maionesed magnatet mos dolup-
tiam rectae nonsequi accatem ipsam, nam eius eum, tiam rectae nonsequi accatem ipsam, nam eius eum, tiam rectae nonsequi accatem ipsam, nam eius eum,
cum as dendant optur? Eperistium rem voluptat. cum as dendant optur? Eperistium rem voluptat. cum as dendant optur? Eperistium rem voluptat.
Necearum endit aut paritis quatem neceperume Necearum endit aut paritis quatem neceperume num fu-
num fugitaquam, suntum, a vene prero expliande
si blaccullita sunt eostem rem quaectat fugiatus, gitaquam, suntum, a vene prero expliande si blaccullita
torest qui ut quiaturitem eossit essectia vollent, sunt eostem rem quaectat fugiatus, torest qui ut quia-
officima si bera dolupta que nonsecu piendellam,
turitem eossit essectia vollent, officima si bera dolup-
experum nes diatibus aut earum serovit quiatia Giam hitia que voluptat qui solut exerfer
voluptasima volorerum exerro officae quo dolum ta que nonsecu piendellam, experum nes diatibus aut umenisi tibus, natia aribus dolendu cipiet
nametur, simodit ianietur aut mos dit aliqui dolo- earum serovit quiatia voluptasima volorerum exerro harum ressim re laborec aborum aciliquo
re, odissum sequam asin reculpa sunde porendio. officiam, sunt, int latinis aliquunt ipient
Porecti andent expligenes mo qui recab identur? officae quo dolum nametur, simodit ianietur aut mos
aliquiamus ea si doloritia dem facesequo
Ma nam volorument et ratium quodic tem comnis dit aliqui dolore, odissum sequam asin reculpa sunde quamus aut quia quo odia cum atur? Quia
a eniet untio duci auta volorep ersperc hitibus ate- pellit la aut as auda seni veres es evella-
porendio. Porecti andent expligenes mo qui recab iden-
tus dolupta sum aut etur? cil maionesed magnatet mos doluptiam
Solor autatur moluptatur sam ut mo volectas du- tur? Ma nam volorument et ratium quodic tem comnis rectae nonsequi accatem ipsam, nam eius
sam volupitae dolupta temqui consene struntur auda a eniet untio duci auta volorep ersperc hitibus atetus eum, cum as dendant optur? Eperistium
vendunt et laboraecerum quam qui dollorum ipsam rem voluptat.
sunda preprestibus molupissiti audae volesequia qui dolupta sum aut etur?
sinctur?
Nossum, ipici aut alicias audi totatiunt,
Solor autatur moluptatur sam ut mo volectas dusam vo-
officias am, quam sunt audae pratium aut
excearum etur alia nihillautem laborem si-
num dolora quat. lupitae dolupta temqui consene struntur auda vendunt

Fernam, que nimusap elique volorei cillesto eve-


liqu iaeres magnam fugit aut inctintus quam dioreius et laboraecerum quam qui dollorum ipsam sunda pre-
Giam hitia que voluptat qui so-
pliqui bea delia simustion esciis nonsedit que es dolup-
lut exerfer umenisi tibus, natia
ta qui tem dolupta spicidist eossers piscidebis sunt vo-
prestibus molupissiti audae volesequia qui sinctur? aribus dolendu cipiet harum res-
lupient facest, simustem ressima necte dionest, ut est,
sim re laborec aborum aciliquo
con explign istrum everia ipit ad molorem velenis ne-
officiam, sunt, int latinis aliquunt
catiassit estint volupta turita ipidem ut perum as nonsed
Nossum, ipici aut alicias audi totatiunt, officias am, ipient aliquiamus ea si doloritia
dem facesequo quamus aut quia

quam sunt audae pratium aut excearu


DISEO EDITORIAL / JERARQUA /

TAMAO ESTILO COLOR CONTRASTE

TAMAO ESTILO COLOR CONTRASTE

ESTILO
TAMAO ESTILO
COLOR CONTRASTE

TAMAO
Estilo COLOR CONTRASTE

Estilo CONTRASTE
COLOR
DISEO EDITORIAL / JERARQUA / INFORMACIN
DISEO EDITORIAL / JERARQUA / X

una palabRa
Para destacar BASTA CON UNA MARCA
UNA FRASE

cursiva

negrita

versalitas

cambio de color

familias

fuentes
DISEO EDITORIAL / JERARQUA /
DISEO EDITORIAL / JERARQUA /
DISEO EDITORIAL / JERARQUA /
DISEO EDITORIAL / JERARQUA / X
DISEO EDITORIAL / JERARQUA / X
DISEO EDITORIAL / JERARQUA / NIVELES TIPOGRFICOS

Contenido + importante
NIVEL 1
+ VISIBILIDAD

ORGANIZAR EN SECCIONES LOS CONTENIDOS


TIPOGRAFA NIVEL 2
DIRIGIR LA LECTURA

CUERPO DEL DISEO


NIVEL 3
EL CONTENIDO COMPLETO

LEGIBILIDAD
DISEO EDITORIAL / JERARQUA / NIVELES TIPOGRFICOS
DISEO EDITORIAL / JERARQUA / NIVELES TIPOGRFICOS

2
2

3 3
DISEO EDITORIAL / JERARQUA / NIVELES TIPOGRFICOS
DISEO EDITORIAL / JERARQUA / NIVELES TIPOGRFICOS

TRANSMITIR LA JERARQUA GUA DE ESTILO


DISEO EDITORIAL / JERARQUA / NIVELES TIPOGRFICOS
DISEO EDITORIAL / JERARQUA / NIVELES TIPOGRFICOS

PUBLICACIN diseo Anne Burdick

Ensayos del escritor Karl Krauss publicados en el peridico Die Fackel

Texto original

Comentarios
Texto reeditado
varios niveles
DISEO EDITORIAL / JERARQUA / NIVELES TIPOGRFICOS

RADAR diseo Luke Hayman / Pentagram


DISEO EDITORIAL / JERARQUA / NIVELES TIPOGRFICOS

THE BELIEVER diseo Dave Eggers

ilustracin Charles Burns


DISEO EDITORIAL / JERARQUA / NIVELES TIPOGRFICOS

MONOCLE diseo Estudio Winkcreative


DISEO EDITORIAL / JERARQUA / NIVELES TIPOGRFICOS
DISEO EDITORIAL / JERARQUA / NIVELES TIPOGRFICOS
DISEO EDITORIAL / JERARQUA / NIVELES TIPOGRFICOS
DISEO EDITORIAL / JERARQUA / PRCTICA

Crmenes

Lugar

Hora
Detalles
DISEO EDITORIAL / JERARQUA / PRCTICA

Variaciones con

Estilos

CSS
DISEO EDITORIAL / JERARQUA / PRCTICA
DISEO EDITORIAL / JERARQUA / PRCTICA

1 EJERCICIO

Jerarquizar el ndice de la memoria de la prctica Cubiertas de Libros

Captulos

Subcaptulos

N de pgina Sangra
ESPACIALES interlineado

ubicacin
Emplear MARCAS EN EL TEXTO

TAMAO
GRFICAS ESTILO

COLOR
DISEO EDITORIAL / JERARQUA / PRCTICA

Estilos de carcter

4 niveles
DISEO EDITORIAL / JERARQUA / PRCTICA
DISEO EDITORIAL / JERARQUA / PRCTICA
DISEO EDITORIAL / JERARQUA / PRCTICA

2 EJERCICIO

http://rayitasazules.com/las-mejores-revistas-independientes-2016/
https://amuse-i-d.vice.com/9-indie-magazines-you-should-be-reading/

Las mejores revistas independientes de 2016

Jerarquizar la informacin

Hacer un top10 personal

5 niveles - 5 estilos de caracteres

(Imagen )

Puesto (1-10)

Nombre

Ciudad

Destacado del texto

Texto

You might also like