Wecom 02_V_tipografía

46
wecom 09. Revistas de la R a la S Las letras Esta presentación usa la familia tipográfica Caecilia Light, diseñada por Peter M. Noordzij en 1983 V DIEGO ARESO www.quintatinta.com // www.diegoareso.com

description

Material del workshop "Revistas de la R a la S", impartido en el congreso Wecom 09, organizado por la Universidad Pontificia de Salamanca.

Transcript of Wecom 02_V_tipografía

Page 1: Wecom 02_V_tipografía

wecom 09. Revistas de la R a la S

Las letrasEsta presentación usa la familia tipográficaCaecilia Light, diseñada por Peter M. Noordzij en 1983

V

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

Page 2: Wecom 02_V_tipografía

wecom 09. Revistas de la R a la S

Page 3: Wecom 02_V_tipografía

wecom 09. Revistas de la R a la S

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

Page 4: Wecom 02_V_tipografía

wecom 09. Revistas de la R a la S

SoiS idiotaS.

Page 5: Wecom 02_V_tipografía

wecom 09. Revistas de la R a la S

SoiS idiotaS.y diego, imbécil

Page 6: Wecom 02_V_tipografía

wecom 09. Revistas de la R a la S

Sois idiotas.Y Diego, imbécil

Page 7: Wecom 02_V_tipografía

wecom 09. Revistas de la R a la S

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

Page 8: Wecom 02_V_tipografía

wecom 09. Revistas de la R a la S

Page 9: Wecom 02_V_tipografía

wecom 09. Revistas de la R a la S

Page 10: Wecom 02_V_tipografía

wecom 09. Revistas de la R a la S

Page 11: Wecom 02_V_tipografía

wecom 09. Revistas de la R a la S

Jost HochuliEl detalle en la tipografía

Page 12: Wecom 02_V_tipografía

wecom 09. Revistas de la R a la S

12 consejostipográficos

Page 13: Wecom 02_V_tipografía

wecom 09. Revistas de la R a la S

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 14: Wecom 02_V_tipografía

wecom 09. Revistas de la R a la S

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 15: Wecom 02_V_tipografía

wecom 09. Revistas de la R a la S

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 16: Wecom 02_V_tipografía

wecom 09. Revistas de la R a la S

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 17: Wecom 02_V_tipografía

wecom 09. Revistas de la R a la S

Palo seco.

De asta uniforme y sin gracia.

akzidenzaeiouJQr124Gill SansAEIOUJQR124

neo grotescas

humanistas

Page 18: Wecom 02_V_tipografía

wecom 09. Revistas de la R a la S

FuturaAEIOUJQR124

geométricas

Page 19: Wecom 02_V_tipografía

wecom 09. Revistas de la R a la S

Egipcia.

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

CaeciliaAEIOUJQR124GizaAEIOUJQR124

Page 20: Wecom 02_V_tipografía

wecom 09. Revistas de la R a la S

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 21: Wecom 02_V_tipografía

wecom 09. Revistas de la R a la S

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

Page 22: Wecom 02_V_tipografía

wecom 09. Revistas de la R a la S

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 23: Wecom 02_V_tipografía

wecom 09. Revistas de la R a la S

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 24: Wecom 02_V_tipografía

wecom 09. Revistas de la R a la S

Page 25: Wecom 02_V_tipografía

wecom 09. Revistas de la R a la S

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 26: Wecom 02_V_tipografía

wecom 09. Revistas de la R a la S

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 no tienen suficiente contraste, quedan pesadas,

poco elegantes.

Page 27: Wecom 02_V_tipografía

wecom 09. Revistas de la R a la S

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 28: Wecom 02_V_tipografía

wecom 09. Revistas de la R a la S

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 29: Wecom 02_V_tipografía

wecom 09. Revistas de la R a la S

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

Gill SansGill Sans 95%

Page 30: Wecom 02_V_tipografía

wecom 09. Revistas de la R a la S

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 31: Wecom 02_V_tipografía

wecom 09. Revistas de la R a la S

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

Page 32: Wecom 02_V_tipografía

wecom 09. Revistas de la R a la S

11Ten cuidado con las versales...

moDaS areSomodas areso

Page 33: Wecom 02_V_tipografía

wecom 09. Revistas de la R a la S

12Asegú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 34: Wecom 02_V_tipografía

wecom 09. Revistas de la R a la S

Page 35: Wecom 02_V_tipografía

wecom 09. Revistas de la R a la S

Page 36: Wecom 02_V_tipografía

wecom 09. Revistas de la R a la S

Page 37: Wecom 02_V_tipografía

wecom 09. Revistas de la R a la S

Page 38: Wecom 02_V_tipografía

wecom 09. Revistas de la R a la S

Page 39: Wecom 02_V_tipografía

wecom 09. Revistas de la R a la S

Page 40: Wecom 02_V_tipografía

wecom 09. Revistas de la R a la S

Page 41: Wecom 02_V_tipografía

wecom 09. Revistas de la R a la S

Page 42: Wecom 02_V_tipografía

wecom 09. Revistas de la R a la S

Page 43: Wecom 02_V_tipografía

wecom 09. Revistas de la R a la S

Page 44: Wecom 02_V_tipografía

wecom 09. Revistas de la R a la S

Page 45: Wecom 02_V_tipografía

wecom 09. Revistas de la R a la S

Page 46: Wecom 02_V_tipografía

wecom 09. Revistas de la R a la S