uc3m. Diseño y Edición de Revistas y Suplementos.

Curso 07|08

Universidad Carlos III.

Periodismo y Comunicación.
Diseño y edición de Revistas y Suplementos.
Tipografía
Esta presentación usa
la familia tipográfica
Caecilia Light, diseñada
por Peter M. Noordzij
en 1983

Diego Areso
www.quintatinta.com // www.diegoareso.com
uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08
 uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08

Lección básica A
Las tipografías
expresan.
Y eso es
independiente
de lo que pueda
significar el texto
uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08
 uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08

Sois
idiotas.
uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08
 uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08

Sois
idiotas.
y vuestro
profesor,
imbécil
uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08
 uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08

Sois idiotas.
Y vuestro
profesor, imbécil
 uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08

Lección básica B
Casi todo en
tipografía depende
del ojo que mira
uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08
uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08
uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08
 uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08

>ʏiÌÀ>
'JH

'JH

'JH 
5SB[P
IPSJ[POUBM
EFM
NFEJP
B
MB
J[RVJFSEB
FO
FM
DFOUSP
HFPNnUSJDP
B
M

EFSFDIB
FO
FM
DFOUSP
wQUJDP
1VOUP
EF
JOUFSTFDDJwO
B
MB
J[RVJFSEB
FO
FM
DFOUS
HFPNnUSJDP
B
MB
EFSFDIB
FO
FM
DFOUSP
wQUJDP

'JH 
5SB[P
IPSJ[POUBM
EFM
NFEJP
B
MB
J[RVJFSEB
FO
FM
DFOUSP
HFPNnUSJDP
B
MB

EFSFDIB
FO
FM
DFOUSP
wQUJDP
1VOUP
EF
JOUFSTFDDJwO
B
MB
J[RVJFSEB
FO
FM
DFOUSP

HFPNnUSJDP
B
MB
EFSFDIB
FO
FM
DFOUSP
wQUJDP

'JH TJO
DPSSFHJS
'JH
DPSSFHJEP
TJO
DPSSFHJS
TJO
DPSSFHJS
DPSSFHJEP
DPSSFHJEP TJO
DPSSFHJS DPSSFHJEP

'JH  TJO
DPSSFHJS DPSSFHJEP TJO
DPSSFHJS DPSSFHJEP

Jost Hochuli
'JH  TJO
DPSSFHJS DPSSFHJEP
Ó£ El detalle
TJO
DPSSFHJS DPSSFHJEP
en la tipografía
 uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08

11 consejos
tipográficos
 uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08

ascendente

altura x

linea de base

descendente

ascendente

altura x

linea de base

descendente

El espacio existente entre

interlínea
las líneas de un texto. En
12/16 pt artes gráficas se mide de
línea base a línea base con cuerpo

A
medidas tipográficas como los
puntos de pica o los puntos
didot. En proceso de textos y
mecanografía se solía medir
con "espacios" (los que el
carro de la maquina permitía
dar: 1 espacio, 1/2 espacio, 2
espacios…).
 uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08

1
Analiza tus fuentes

Simplificando muchísimo la enorme cantidad de familias

tipográficas diseñadas, podemos diferenciar cuatro grupos.
La distinción se hace por la diversidad de los elementos
que constituyen la letra: el asta o elemento necesario
y la gracia, remate o elemento decorativo.
 uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08

Romana antigua.
Su particularidad estilística
estriba en la desigualdad
de espesor en el asta dentro
de una misma letra, en la
modulación de la misma y en
la forma cóncava de la gracia.

Garamond
AEIOUJQR124
Caslon i c ió
n

AEIOUJQR124
a n s
tr
de
 uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08

Romana moderna.
Derivada de la antigua.
Son caracteres rígidos,
de gracia recta y de asta
muy contrastada.

Didot
AEIOUJQR124
Times New R. tr a n s i c ió
n

AEIOUJQR124
de
 uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08

Palo seco.

De asta uniforme
y sin gracia.

Akzidenz n eo
g rot
e s cas

AEIOUJQR124
Gill Sans hu
m an i stas

AEIOUJQR124
 uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08

Futura g e om
ét r i cas

AEIOUJQR124
 uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08

Egipcia.

Tiene el asta uniforme

y la gracia recta;
entre el asta y la gracia
no suele haber diferencia
sensible de espesor

Caecilia
AEIOUJQR124
Ziggurat
AEIOUJQR124
 uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08

2
Entérate de para qué medio se diseñó la fuente que te gusta

Algunas tipografías están diseñadas, como la Verdana,

para su reproducción en pantalla, no impresa.

Verdana
Otras, como la Times New Roman, están pensadas para compensar
con su dibujo la impresión deficiente de una rotativa antigua.

Algunas, como la Garamond, están pensadas para imprimirse

en tamaños grandes: es difícil que queden bien en textos largos, a
no ser que las acompañes con un interlinedo generoso...
Minim vulput adigna faci tem dolore Minim vulput adigna faci tem dolore
tisci tis diamcon ut aut nos nulputet tisci tis diamcon ut aut nos nulputet
nit ut wissenisi tatie consequis non- nit ut wissenisi tatie consequis non-
sequ amconsequam alis dignibh eraes- sequ amconsequam alis dignibh eraes-
senibh elessequatem nummod duisl
eraesto commod eugiatio odolum nu- senibh elessequatem nummod duisl
llaore venit accum dipisis adipit aci- eraesto commod eugiatio odolum nu-
pit num dolore cor susciduipsum vel llaore venit accum dipisis adipit aci-
exero odiatum nim veliquisi etummod pit num dolore cor susciduipsum vel
dunt prat doloborer secte ercip eniat exero odiatum nim veliquisi etummod
lore ea consequat augait alis do od mo- dunt prat doloborer secte ercip eniat
lessit iure ma
lore ea consequat augait alis do od mo-
Garamond 3, 12/13 lessit iure ma

Garamond 3, 12/15
 uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08

3
No necesitas más
de dos familias
tipográficas.
Generalmente,
en realidad,
basta con una
lo suficientemente
flexible...
 uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08

En algunos proyectos conviene usar tres:

l una familia de palo seco
l otra con remates
l una con un poco más de personalidad para recursos
 uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08

4
Combinar dos fuentes que se parezcan
demasiado es una mala idea.
Busca el contraste.

MartínRomaña
Garamond + Caslon 32 pt

MartínRomaña
Gotham + Berthold Akzidenz 32 pt

MartínRomaña
Caecilia + Gotham 32 pt

MartínRomaña
Berthold Akzidenz + Caslon 32 pt
uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08
 uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08

5
Que tu fuente no comunique algo que no quieres comunicar.
Los tipos de letra tienen significado por sí mismos,
independientemente de qué palabras formen.

PÉREZ & PÉREZ

ABOGADOS
PÉREZ & PÉREZ
ABOGADOS
PÉREZ & PÉREZ
ABOGADOS

pérez & pérez

ABOGADOS
 uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08

6
¿A qué tamaño?

En los “años del plomo”, las tipografías tenían diferentes

diseños según el tamaño al que iban a ser impresas.

Hoy, muy pocas familias están diseñadas

teniendo en cuenta el tamaño de impresión.

didot didot
Algunas, como la Gazette, están diseñadas para lograr mucha
legibilidad, pero a tamaños grandes quedan pesadas,

poco elegantes.
 uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08

7
El párrafo:

Si puedes, usa la alineación a la izquierda.

Si vas a justificar, experimenta con los valores P&J.
Siempre es mejor usar guiones que dejar espacios en blanco.

No hagas líneas demasiado largas, ni demasiado cortas.

La norma básica: una columna debe tener alrededor de 65 espacios.

Pero cuando revistas y

periódicos usan maquetación
con columnas, las líneas son
más estrechas.

El margen está entre 45 y 75 espacios por línea...

 uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08

8
Ten en cuenta el color tipográfico:

Puede ser:
a) el color de la tinta
b) el color del papel o del fondo (no siempre el contraste máximo entre
blanco y negro es el mejor: la vista se cansa)
c) el “matiz”, “valor tonal”, “masa de gris” que la tipografía, compuesta
en líneas y columas, presenta en la lectura.
Depende del tipo elegido, su tamaño, peso, interlíneado...

Minim vulput adigna faci tem dolore
tisci tis diamcon ut aut nos nulpu-
tet nit ut wissenisi tatie consequis
nonsequ amconsequam alis dignibh
eraessenibh elessequatem nummod
duisl eraesto commod eugiatio odo-
lum nullaore venit accum dipisis adi-
pit acipit num dolore cor susciduip-
sum vel exero odiatum nim veliquisi
etummod tat. Pit ver augiam alit alis
num etue dunt prat doloborer secte
ercip eniat lore ea consequat augait
alis do od molessit iure ma
Times, 12/15
Minim vulput adigna faci tem do-
lore tisci tis diamcon ut aut nos
nulputet nit ut wissenisi tatie con-
sequis nonsequ amconsequam alis
dignibh eraessenibh elessequatem
nummod duisl eraesto commod
eugiatio odolum nullaore venit
accum dipisis adipit acipit num
dolore cor susciduipsum vel exero
odiatum nim veliquisi etummod
tat. Pit ver augiam alit alis num
etue dunt prat doloborer secte er-
cip eniat lore ea consequat augait
alis do od molessit iure ma
Dolly, 12/15
Minim vulput adigna faci tem
dolore tisci tis diamcon ut aut
nos nulputet nit ut wissenisi ta-
tie consequis nonsequ amcon-
sequam alis dignibh eraesseni-
bh elessequatem nummod duisl
eraesto commod eugiatio odo-
lum nullaore venit accum dipi-
sis adipit acipit num dolore cor
susciduipsum vel exero odiatum
nim veliquisi etummod tat. Pit
ver augiam alit alis num etue
dunt prat doloborer secte ercip
eniat lore ea consequat augait
alis do od molessit iure ma
Dolly bold, 12/15
 uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08

9
No deformes la tipografía (salvo que seas un experto).

Gill Sans
Gill Sans 95%
 uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08

10
Evita las fuentes de fantasía.
Son como flores de plástico.

Puedes jugar con las fuentes que has elegido, pero busca que el diseño
sea coherente, que tenga cierta clase.
 uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08

Incluso en el mejor de los contextos, es difícil justificarlas.

 uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08

11
Asegúrate de que tu tipo llega hasta el final del proceso.

Formatos de fuentes:
Postcript Type 1
TTF: True Type
Open Type

El archivo de QuarkXPress o InDesign,

por sí solo, no suele valer de nada.

Necesitas o recopilar las fuentes

o convertir el archivo en un formato exportable:

PDF
uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08
uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08
uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08
uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08
uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08
uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08
uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08
uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08
uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08
uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08
uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08