Apuntes. La Tipografía.

Page 1

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 DPSSFHJEP DPSSFHJEP

'JH

TJO DPSSFHJS

DPSSFHJEP

TJO DPSSFHJS

'JH

TJO DPSSFHJS

DPSSFHJEP

TJO DPSSFHJS

'JH

DPSSFHJEP

TJO DPSSFHJS

ร ยฃ DPSSFHJEP

TJO DPSSFHJS

DPSSFHJEP

Jost Hochuli 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

interlínea 12/16 pt

El espacio existente entre las líneas de un texto. En artes gráficas se mide de línea base a línea base con 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…).

A

cuerpo


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 AEIOUJQR124 tr de

a

c ió i s n

n


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. AEIOUJQR124 tr de

a

c i贸 i s n

n


uc3m. Dise帽o y Edici贸n de Revistas y Suplementos. Curso 07|08

Palo seco. De asta uniforme y sin gracia.

Akzidenz AEIOUJQR124 Gill Sans AEIOUJQR124 n eo

g

hu

as c s e rot

m

tas s i an


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

Futura AEIOUJQR124 om e g

cas i r ét


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 tisci tis diamcon ut aut nos nulputet nit ut wissenisi tatie consequis 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 dunt prat doloborer secte ercip eniat lore ea consequat augait alis do od molessit iure ma Garamond 3, 12/13

Minim vulput adigna faci tem dolore tisci tis diamcon ut aut nos nulputet nit ut wissenisi tatie consequis 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 dunt prat doloborer secte ercip eniat lore ea consequat augait alis do od molessit 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 nulputet nit ut wissenisi tatie consequis 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 ercip eniat lore ea consequat augait alis do od molessit iure ma Times, 12/15

Minim vulput adigna faci tem dolore tisci tis diamcon ut aut nos nulputet nit ut wissenisi tatie consequis 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 ercip 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 tatie consequis 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 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


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.