46
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

U c3mtipografiascc

Embed Size (px)

DESCRIPTION

tipografia

Citation preview

Page 1: U c3mtipografiascc

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íaEsta presentación usa la familia tipográficaCaecilia Light, diseñada por Peter M. Noordzij en 1983

Diego Aresowww.quintatinta.com // www.diegoareso.com

Page 2: U c3mtipografiascc

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

Page 3: U c3mtipografiascc

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

Lección básica ALas tipografías expresan. Y eso es independiente de lo que pueda significar el texto

Page 4: U c3mtipografiascc

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

Page 5: U c3mtipografiascc

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

SoiS idiotaS.

Page 6: U c3mtipografiascc

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

Page 7: U c3mtipografiascc

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

SoiS idiotaS.y vueStro profeSor, imbécil

Page 8: U c3mtipografiascc

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

Page 9: U c3mtipografiascc

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

Sois idiotas.Y vuestro

profesor, imbécil

Page 10: U c3mtipografiascc

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

Lección básica BCasi todo en tipografía depende del ojo que mira

Page 11: U c3mtipografiascc

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

Page 12: U c3mtipografiascc

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

Page 13: U c3mtipografiascc

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

Page 14: U c3mtipografiascc

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

Jost HochuliEl detalle en la tipografía

Page 15: U c3mtipografiascc

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

11 consejostipográficos

Page 16: U c3mtipografiascc

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

ascendente

descendente

altura x

ascendente

descendente

linea de base

altura x

linea de base

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…).

interlínea

12/16 pt

Acuerpo

Page 17: U c3mtipografiascc

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

1Analiza 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.

Page 18: U c3mtipografiascc

uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08uc3m. 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.

GaramondAEIOUJQR124CaslonAEIOUJQR124de transición

Page 19: U c3mtipografiascc

uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08uc3m. 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.

DidotAEIOUJQR124Times New R.AEIOUJQR124

de transición

Page 20: U c3mtipografiascc

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

Palo seco.

De asta uniforme y sin gracia.

akzidenzaeiouJQr124Gill SansAEIOUJQR124

neo grotescas

humanistas

Page 21: U c3mtipografiascc

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

FuturaAEIOUJQR124

geométricas

Page 22: U c3mtipografiascc

uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08uc3m. 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

CaeciliaAEIOUJQR124ZigguratAEIOUJQR124

Page 23: U c3mtipografiascc

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

2Enté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.

VerdanaOtras, 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 non-sequ amconsequam alis dignibh eraes-senibh elessequatem nummod duisl eraesto commod eugiatio odolum nu-llaore venit accum dipisis adipit aci-pit num dolore cor susciduipsum vel exero odiatum nim veliquisi etummod dunt prat doloborer secte ercip eniat lore ea consequat augait alis do od mo-lessit iure ma

Garamond 3, 12/13

Minim vulput adigna faci tem dolore tisci tis diamcon ut aut nos nulputet nit ut wissenisi tatie consequis non-sequ amconsequam alis dignibh eraes-senibh elessequatem nummod duisl eraesto commod eugiatio odolum nu-llaore venit accum dipisis adipit aci-pit num dolore cor susciduipsum vel exero odiatum nim veliquisi etummod dunt prat doloborer secte ercip eniat lore ea consequat augait alis do od mo-lessit iure ma

Garamond 3, 12/15

Page 24: U c3mtipografiascc

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

3No necesitas más de dos familias tipográficas.Generalmente, en realidad, basta con una lo suficientemente flexible...

Page 25: U c3mtipografiascc

uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08uc3m. 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

Page 26: U c3mtipografiascc

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

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

Busca el contraste.

MartínRomañaGaramond + Caslon 32 pt

MartínRomañaGotham + Berthold Akzidenz 32 pt

MartínRomañaCaecilia + Gotham 32 pt

MartínRomañaBerthold Akzidenz + Caslon 32 pt

Page 27: U c3mtipografiascc

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

Page 28: U c3mtipografiascc

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

5Que 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ÉREZABOGADOS

PÉREZ & PÉREZ ABOGADOS

péREz & péREz ABOGADOS

Page 29: U c3mtipografiascc

uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08uc3m. 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 didotAlgunas, como la Gazette, están diseñadas para lograr mucha legibilidad, pero a tamaños grandes quedan pesadas,

poco elegantes.

Page 30: U c3mtipografiascc

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

7El 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...

Page 31: U c3mtipografiascc

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

8Ten en cuenta el color tipográfico:

Puede ser:a) el color de la tintab) 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

Page 32: U c3mtipografiascc

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

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

Gill SansGill Sans 95%

Page 33: U c3mtipografiascc

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

10Evita 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.

Page 34: U c3mtipografiascc

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

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

Page 35: U c3mtipografiascc

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

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

Formatos de fuentes:Postcript Type 1 TTF: True TypeOpen 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

Page 36: U c3mtipografiascc

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

Page 37: U c3mtipografiascc

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

Page 38: U c3mtipografiascc

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

Page 39: U c3mtipografiascc

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

Page 40: U c3mtipografiascc

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

Page 41: U c3mtipografiascc

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

Page 42: U c3mtipografiascc

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

Page 43: U c3mtipografiascc

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

Page 44: U c3mtipografiascc

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

Page 45: U c3mtipografiascc

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

Page 46: U c3mtipografiascc

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