Fundamentos del diseño. La tipografía. [2.1] Cómo estudiar este tema? [2.2] El trabajo con la tipografía

Transcripción

1 Fundamentos del diseño. La tipografía [2.1] Cómo estudiar este tema? [2.2] El trabajo con la tipografía [2.3] Clasificación tipográfica según su morfología TEMA

2 Esquema TEMA 2 Esquema

3 Ideas clave 2.1. Cómo estudiar este tema? Para estudiar este tema lee el capítulo 1 (páginas 36-41) del manual de la asignatura: Manual de diseño gráfico digital, de Bob Gordon y Maggie Gordon (Editorial Gustavo Gili, SL), además de las Ideas clave El trabajo con la tipografía Una fuente tipográfica es el estilo y las características comunes de un grupo de caracteres, números y signos. La familia tipográfica es el conjunto de tipos basado en una misma fuente tipográfica, con algunas variaciones pero que mantienen características comunes. Las medidas de un tipo El tamaño de un tipo se determina por el tamaño de su cuerpo. El cuerpo: es la altura desde la parte más alta (ascendente) hasta la más baja (descendente). El punto tipográfico: es la medida utilizada para medir los tipos y equivale a 0,3 mm. o 1/72 pulgadas. Para expresar medidas que serían demasiado altas en puntos se utiliza una unidad mayor, la pica, que es el equivalente a 12 puntos. El espacio eme (o cuadratín): es una medida tipográfica basada en la anchura de una M mayúscula. TEMA 2 Ideas clave

4 Uso de la tipografía Los tipos utilizados para el texto continuo pueden escalarse para agrandarse y usarse para rotulación, pero debe cuidarse que las letras sigan manteniendo la misma proporción y debe jugarse con el espaciado entre los caracteres (kerning y tracking) para que la composición tipográfica del rótulo sea correcta y legible. Los caracteres se pueden espaciar en horizontal y en vertical: Interlineado: es el espacio vertical entre líneas de caracteres. Kerning: es el espaciado horizontal entre caracteres o letras. Existen algunos pares de letras que juntos resultan conflictivos - como la AV y Te - que necesitan la utilización del kerning para que el producto de su uso en rotulación sea totalmente legible. TEMA 2 Ideas clave

5 Tracking: es el espaciado entre palabras o líneas. Se usa para alterar el color visual de un tipo o para adaptar un texto a un espacio específico. Partes de un carácter TEMA 2 Ideas clave

6 PARTES Altura de las mayúsculas Altura X Anillo Ascendente Asta Astas montantes Asta ondulada o espina Asta transversal Brazo Cola Cuerpo Descendente Inclinación Línea base Oreja Rebaba Serif, remate o gracia Ápice Contraforma o contrapunzón Cruz o travesaño DEFINICIÓN Altura de las letras mayúsculas o de caja alta. Altura de las letras minúsculas o de caja baja, sin tener en cuenta ascendentes y descendentes. Asta curva cerrada que forman las letras "b, p, o". Asta que sobresale por encima de la altura x, como en las letras "b, d, k". Rasgo principal de la letra que la define como su forma o parte más esencial. Astas principales u oblicuas de una letra, tales como la " L, B, V, A". Rasgo principal de la letra "S" en mayúscula o "s" en minúscula. Rasgo horizontal de las letras "A, H, f, t". Parte terminal que se proyecta horizontalmente o hacia arriba y que no se encuentra incluida dentro del carácter, como en la letra " E, K, L. Asta oblicua colgante, como en la " R, K. Altura desde la línea de ascendentes hasta la línea de descendentes. Asta de la letra que se encuentra por debajo de la línea de base, como las letras "p, g". Ángulo de inclinación de un tipo. Línea sobre la que se apoya la altura. Terminación o terminal que se le añade a letras tales "g, o, r". Es el espacio que existe entre el carácter y el borde del mismo. Es el trazo o terminación de un asta, brazo o cola. Unión de dos astas en la parte superior de una letra. Espacio interno de una letra. Línea horizontal que atraviesa por alguna parte el asta principal. TEMA 2 Ideas clave

7 Tipos de remate de un tipo: Serif o palo seco Hay cinco elementos que sirven para clasificar e identificar las diferentes las familias tipográficas: En base a esto definimos dos grandes grupos: Tipografías con remates o serif: tienen adornos en los extremos, estos adornos se denominan remates, serif o serifas. Tipografías sans serif o de palo seco: no tienen adornos en los extremos. TEMA 2 Ideas clave

8 2.3. Clasificación tipográfica, según su morfología Tipografías serif a. Familia de letras romanas antiguas: Se caracterizan por los siguientes detalles: Son letras con remates. Terminación aguda y base ancha. Alternancia de trazos finos y gruesos. Eje de engrosamiento oblicuo. El espaciado es amplio. Peso y color intenso. Incluiríamos en esta sección las tipografías: TEMA 2 Ideas clave

9 b. Tipografías romanas de transición: Se caracterizan por los siguientes detalles: Tienen remate. Su remate es mucho más agudo. Alternancia de trazos finos y gruesos más marcados. Minúsculas redondeadas. Eje de engrosamiento horizontal. Incluiríamos en esta sección las tipografías: c. Tipografías romanas modernas o didonas: TEMA 2 Ideas clave

10 Se caracterizan por los siguientes rasgos: Tienen remate. Su remate es lineal. Su remate se relaciona angularmente con el bastón de la letra. Alternancia de trazos finos y gruesos muy marcados. Eje de engrosamiento horizontal. Cursivas muy inclinadas. Incluiríamos en esta sección las tipografías: d. Tipografía egipcia: Se definen por las siguientes características: Tienen remate. Remate tan grueso como los bastones. El remate puede ser cuadrado o redondo. Las relaciones entre serif y bastón pueden ser angulares o curvas. Eje de engrosamiento horizontal. TEMA 2 Ideas clave

11 Tipografías sans serif a. Tipografías grotescas o góticas: Se caracterizan por los siguientes detalles: Primeras versiones sin remates de una tipografía egipcia. Sin remate. Las grotescas forman una familia muy amplia con variantes (redonda, cursiva, ancha, estrecha, fina, seminegra, supernegra...) Incluiríamos en esta sección las tipografías: b. Geométricas o de palo seco: TEMA 2 Ideas clave

12 Se caracterizan por los siguientes detalles: Basadas en formas geométricas. Diferencia mínima entre líneas. Sin remate, letras de palo seco. Incluiríamos en esta sección las tipografías: c. Humanísticas: Se caracterizan por los siguientes detalles: Basadas en proporciones de las romanas sin remates. Son monolíneas. Sin remate, letras de palo seco. Incluiríamos en esta sección las tipografías: TEMA 2 Ideas clave

13 d. Las script, inglesas o manuscritas: Se caracterizan por los siguientes detalles: Basadas en los trazos de las plumas y los pinceles. Imitación de la letra manuscrita. Incluiríamos en esta sección las tipografías: Las letras ornamentadas, de fantasía o decorativas Las tipografías de rotulación o decorativas no pertenecen a ninguna familia en concreto. TEMA 2 Ideas clave

14 Lo + recomendado Clases magistrales La tipografía Duración: 6:59 min. En esta clase magistral, el profesor Diego Castro hará una introducción a la tipografía. Además describirá las diferentes partes que componen un tipo. El video está disponible en el aula virtual No dejes de leer Tratado de tipografía Tratado de tipografía estructurado en 28 pequeños artículos que explican los procesos y normas de la creación tipográfica, su maquetación e impresión. Los artículos están disponibles en el aula virtual o en las siguientes direcciones web: TEMA 2 Lo + recomendado

15 No dejes de ver Helvética El documental Helvética es un largometraje independiente sobre tipografía, diseño gráfico y cultura visual global. Encontrarás más información sobre la película en su web oficial: A lesson on typography Original vídeo explicativo sobre la tipografía que nos presenta la tipografía y sus usos de una manera muy visual y sencilla. El vídeo está disponible en el aula virtual o en la siguiente dirección web: TEMA 2 Lo + recomendado

16 Pulp Fiction Typography Escena de la película Pulp Fiction brillantemente ilustrada con el uso de la tipografía como medio de expresión visual. El vídeo está disponible en el aula virtual o en la siguiente dirección web: TEMA 2 Lo + recomendado

17 + Información A fondo Los tipos sans serif Harry Carter firma este ensayo sobre los tipos sans serif, un modelo de análisis tipográfico. Los tipos sans serif son las tipografías que no tienen remates o terminaciones, es decir, son de palo seco. Harry Carter nos habla de su historia y sus usos. El artículo está disponible en el aula virtual o en la siguiente dirección web: El cuadratín Artículo sobre el cuadratín tipográfico firmado por Cyrus Highsmith, diseñador tipográfico en la fundación digital Font Bureau. El artículo está disponible en el aula virtual o en la siguiente dirección web: TEMA 2 + Información

18 Webgrafía Typo Jungle Blog sobre diseño y tipografía. Este blog está especialmente enfocado en la composición tipográfica y resulta muy interesante ver diferentes trabajo que usan la tipografía como único elemento gráfico. Unos tipos duros Web muy famosa con muchos artículos sobre tipografía clásica, digital e impresión. La página está repleta de artículos, entrevistas, definiciones es la web más completa e importante sobre tipografía y usos tipográfico en español. TEMA 2 + Información

19 Letrag.com Página en la que se pueden ver diferentes tipos y familias tipográficas con sus características. En su aplicación puedes clasificar cualquier tipo en familias y estilo o ver sus características. Bibliografía BUEN UNNA, J. Manual de diseño editorial. Ediciones Trea. Gijón MARTIN MONTESINOS, J. L. y MAS HURTUNA, M. Manual de tipografía: del plomo a la era digital. Editorial Campgráfic. Valencia TEMA 2 + Información

20 Actividades Lectura: Tratado de tipografía Lee el Tratado de tipografía que encontrarás en la web de Unos tipos duros. Después, deberás relacionar cada uno de los procesos de edición tipográfica tradicional con los procesos actuales de edición tipográfica digital, haciendo una comparación. Para ello, utiliza como referencia cada uno de los 28 puntos que se destacan en el Tratado de tipografía. Una vez hecha la comparación, elabora un texto de conclusiones finales en las que se deberán analizar las ventajas de la evolución desde la edición tradicional a la actual basada en la tecnología digital. Extensión aproximada: 6 páginas para realizar la comparativa y 2 páginas para las conclusiones (Georgia 11, interlineado 1,5). El documento está disponible en el aula virtual o en la siguiente dirección web: TEMA 2 Actividades

21 Tipografías Comenta las siguientes tipografías aplicando lo que hemos aprendido en este tema. Extensión aproximada: 2 páginas (Georgia 11, interlineado 1,5). TEMA 2 Actividades

22 Test 1. El diseño de tipografías A. Es el diseño de letras en la publicidad. B. Ayuda a la creación de nuevas fuentes, ya que se intenta comunicar un mensaje y que este se entienda correctamente. C. Ayuda a la creación de nuevas fuentes tipográficas para la transmisión adecuada de un mensaje, utilizando medios tradicionales y no tradicionales. 2. Una tipografía de palo seco es A. Una tipografía con su serifa tan gruesa como sus bastones. B. Una tipografía sin adornos o remates. C. Una tipografía sin minúsculas. 3. La Arial es una tipografía A. Sans Serif. B. Palo seco. C. Script. 4. Las terminales son A. Los remates de un tipo. B. Las serifas inferiores de un tipo. C. Las líneas sobre las que se apoya la altura de la x. 5. Las tipografías grotescas derivan de las A. Garaldas. B. Didonas. C. Egipcias. 6. El cuerpo de una letra es A. Altura de x. B. Altura desde la línea de ascendentes hasta la línea de descendentes. C. Anchura de la M mayúscula. TEMA 2 Test

23 7. El interlineado es A. La distancia entre 2 caracteres. B. La distancia desde la línea de ascendentes hasta la línea de descendentes. C. La distancia desde la línea de base de un renglón hasta la línea de base del siguiente renglón. 8. Las familias tipográficas se dividen en 2 grandes grupos A. Romanas y egipcias. B. Serif y sans serif. C. Caja alta y caja baja. 9. Cuáles de estos elementos ayudan a clasificar las familias tipográficas? A. La dirección del eje de engrosamiento. B. La forma de la serifa. C. El kerning. 10. La familia tipográfica es A. Un conjunto de tipos basado en una misma fuente, con algunas variaciones. B. Un conjunto de tipos basado en una misma fuente. C. Un conjunto de tipos sans serif. TEMA 2 Test