Cátedra Cosgaya

Trayecto 1. Experiencias de lectura

TP1 | Tipografía, lectura y expresión

En este primer trabajo práctico proponemos el diseño de dos puestas tipográficas complementarias en el marco de una presentación personal realizada por cada estudiante. Buscamos que ambas puestas funcionen de manera integrada, aunque presentan enfoques distintos: una es fundamentalmente textual, mientras que la otra es más expresiva. La primera se centra en el manejo de información textual, priorizando la organización y jerarquía del contenido mediante el uso de recursos tipográficos y la combinación de elementos textuales con misceláneas. La segunda puesta explora el potencial de la tipografía como elemento gráfico, y pone el énfasis en la experimentación con formas tipográficas y su influencia en la percepción visual del texto.

El propósito pedagógico de este ejercicio es doble. Por un lado, esperamos que los estudiantes examinen la tipografía desde dos perspectivas fundamentales: su capacidad de comunicación y su valor expresivo. Por otro lado, buscamos que se familiaricen con los procesos de producción, distribución y consumo de tipografía, con especial atención en el contexto latinoamericano. En este sentido, alentamos el uso de familias tipográficas de acceso libre y ponemos especial énfasis en aquellas desarrolladas en Latinoamérica.

Este primer TP tiene como objetivos revisar y compartir los conceptos básicos de tipografía abordados en Tipografía 1. Esto incluye el estudio de las variaciones del cuerpo tipográfico, el empleo de variables tipográficas y espaciales, las distintas formas de composición o alineación del texto, las variaciones en el ancho de la caja tipográfica y la utilización eficaz del espacio. Además, introducimos el tema de las «combinaciones», tanto entre diferentes familias tipográficas como entre la tipografía y otros elementos gráficos no alfabéticos o misceláneas. Otro objetivo es que los estudiantes apliquen los principios de la composición visual general a la composición de textos en soportes estáticos.

Contenidos:
Conceptos fundamentales para la composición de textos: familia tipográfica; cuerpo, unidades e instrumentos de medición; variables tipográficas: usos convencionales y no convencionales; los espacios de la palabra, el espacio tipográfico como elemento activo, pares críticos; relaciones espaciales de la palabra, la línea y el párrafo; color tipográfico; el párrafo como unidad fundamental de la pieza u obra; atributos del texto; ancho, rendimiento y cantidad óptima de palabras por línea; alineación; división de palabras; legibilidad; y ortotipografía. Proporción de la mancha tipográfica en relación al soporte, márgenes. Jerarquías textuales: cuerpos y escala tipográfica. Recorridos, direcciones e instancias de lectura. Color cromático: incidencia en la percepción, el contraste y la legibilidad. Estructura y manejo del espacio: equilibrio, tensión, ubicación en el campo, peso, tamaño, proporción, contraste, simetría-asimetría, perspectiva, figuras regulares e irregulares, superficie-profundidad, simplicidad-complejidad, ritmo: periodicidad y estructuración, lleno-vacío, unidad-fragmentación. 
Clasificación tipográfica como herramienta de análisis y estudio. Criterios de clasificación. Diferentes clasificaciones. Características estilísticas, actores y familias de cada período histórico. Sistema de clasificación mediante preguntas y respuestas basadas en el análisis de la familia. Rasgos de estructura, trazo y estilo que hacen a cada clasificación. Criterios de selección tipográfica según función y/o estilo (estilo y morfología, calidad y rendimiento, función y connotación, tipografía para texto y display, libre y comercial). Criterios de combinación: funcional (racional), estético (sensible, intuitivo) e histórico. Aspectos a controlar en la combinación de cuerpos pequeños y grandes (peso, grosor, tamaño, tratamiento estilístico, espacio). Combinación y pieza de diseño: Integración de la tipografía con otros recursos visuales.
La forma tipográfica como imagen: forma y contraforma, tamaño, color, direccionalidad, ritmo. Operaciones morfológicas y compositivas aplicadas al signo tipográfico. 
Tipografía: producción, comercialización y distribución. Licencias de fuentes tipográficas. Licencias libres y comerciales. Características y limitaciones. Aspectos legales. Software libre y comercial. Freeware y Shareware. El código abierto. Escenario local e internacional.

TP2 | Tipografía, datos e información

El diseño de información constituye una disciplina autónoma que se entrecruza con diversos ámbitos del diseño. En este trabajo práctico, pretendemos que los estudiantes se acerquen al diseño de información, con un énfasis particular en la reflexión sobre el papel que desempeña la tipografía dentro de este campo. Para ello, proponemos la creación de una infografía simple que represente gráficamente un fenómeno relevante de la realidad contemporánea.

El objetivo es que los estudiantes desarrollen la capacidad de analizar, sintetizar, organizar y convertir el contenido proporcionado en información visual. Esta transformación debe facilitar la percepción, lectura, comprensión, memorización y utilización de la información. Esperamos que los estudiantes comprendan la importancia y función de los distintos componentes de una infografía, como el título, texto, cuerpo, epígrafes, fuentes y créditos. Y que aprendan a establecer jerarquías tipográficas y relaciones compositivas que reflejen adecuadamente la función de cada elemento.

Alentamos a los estudiantes a explorar diversas técnicas convencionales de diseño para la visualización de datos y a combinar elementos del lenguaje visual, rigiéndose por criterios formales, funcionales y conceptuales para lograr una coherencia en el empleo de los distintos recursos. 

Contenidos: 
El diseño de información y otros campos disciplinares o conceptos que suelen confundirse: Visualización de datos, Infografía, Esquemática, Arquitectura de información, Data Science, Periodismo de datos, Infomotion. El proceso de edición: fenómeno, datos, información, conocimiento. La infografía como pieza, tipos y propósitos. Componentes verbales y no verbales. Significados comunes y simbólicos. La tipografía como componente predominante. Imágenes y grados de iconicidad. Misceláneas y elementos funcionales. Relaciones texto, imagen y miscelánea. Redundancia–Información, Abstracción–Iconicidad, Complejidad–Inteligibilidad, Estética–Semanticidad. El lector como intérprete. Lectura fragmentada, secuencial y comprensiva. Recursos convencionales para la visualización de datos: esquemas, diagramas, gráficos, tablas. Cartogramas, cronogramas, sociogramas, semantogramas, etc. Congruencia entre el tipo de gráfico/esquema empleado y el contenido.

TP3 | Tipografía y tipologías textuales

Este trabajo práctico está orientado a introducir a los estudiantes al ámbito del diseño editorial mediante la creación de un sistema de páginas y dobles páginas para publicaciones breves de pequeño formato y bajo costo. El espectro de géneros a considerar incluye plaquetas literarias, fanzines, manifiestos y publicaciones de artistas.

El objetivo central de este TP es que los estudiantes aborden diversas tipologías textuales para indagar en las convenciones y los límites del tratamiento tipográfico de los textos, así como sus efectos en la lectura. Inclusive, animamos a los estudiantes a experimentar con la poesía visual. Esperamos que, tras analizar el contenido con el que trabajarán, los estudiantes establezcan los criterios tipográficos generales adecuados a cada obra. Estos criterios incluyen la definición de la proporción del bloque de texto respecto a los márgenes de la página, la selección de familias tipográficas y sus posibles combinaciones, la determinación del tamaño y el interlineado del texto, el uso de variables tipográficas y/o espaciales, y la incorporación de elementos tipográficos no alfabéticos, entre otros.

Profundizamos en el concepto de sistema tipográfico y espacial, tanto a lo largo de toda la publicación como en cada página individual, enfatizando en la importancia de la toma de decisiones conscientes para asegurar una óptima experiencia de lectura.

Además, buscamos que los estudiantes se involucren en todas las etapas del proceso creativo del producto editorial, no solo en el diseño de su interior sino también en aspectos relacionados con el dispositivo libro como tal. Esto incluye la exploración de diferentes materiales para la producción de la edición (selección del tipo de papel y método de encuadernación) y la reproducción de una cantidad limitada de ejemplares mediante el método de impresión que mejor se adapte al proyecto, ya sea impresión digital, risografía, serigrafía o fotocopia. Este enfoque pretende proporcionar una comprensión completa del proceso de diseño editorial, desde la concepción conceptual hasta la realización física del proyecto.

Contenidos:
Tipologías textuales, elementos editoriales y tipo de mancha: tipos, mecanismos, distancias y escalas de lectura, de distintos tipos de texto, en soportes físicos y digitales; lectura inmersiva, exploratoria, analítica.
Pieza editorial: código y función de las partes, texto y paratexto, recorrido y condiciones de lectura; incidencia de la elección tipográfica en la lectura, relación del estilo tipográfico con el contenido e identidad de una edición, sistema tipográfico.
El libro como objeto: tipologías y géneros literarios. Estructura y partes del libro. Código y función de las partes. Estructura de un capítulo. El concepto de doble página. Texto y paratexto. Recorrido y condiciones de lectura. Incidencia de la elección tipográfica en la lectura. Relación del estilo tipográfico con el contenido e identidad de una edición. Sistema tipográfico. La tapa del libro como objeto de diseño. Combinación tipografía-imagen. Retórica y tipografía. Producción industrial del libro y producción independiente. Nuevos escenarios autogestivos, dinámicas y circuitos para publicar.
Modulación del espacio de la página: la retícula de manuscrito o bloque. Ancho de columna y márgenes. Simetría y asimetría de la página y doble página. Relaciones entre mancha tipográfica y página. El párrafo. Tipos de párrafos y atributos. Composición digital de textos justificados con color homogéneo. Largo de línea y efecto en la lectura. Rendimiento tipográfico. Ritmo del bloque de texto y de la puesta en página. 
Materialidad, encuadernación y experiencia de lectura. Color, textura y gramaje del papel. Color de la tinta. Tipos de impresión. Tipos de encuadernación. Sobrecubierta, guarda, faja y otros envoltorios.

TP4 | Tipografía, espacio y tiempo

Este trabajo práctico consiste en diseñar una pieza animada, en formato de reel, basado en un contenido tipográfico. Trabajamos en la construcción de un relato tipográfico en movimiento. El sentido de la animación es presentar una familia tipográfica seleccionada por el estudiante, contando algo específico sobre la misma, como su historia o las características formales que definen su identidad. Esperamos que los estudiantes muestren en detalle algunos rasgos de los signos, decisiones propias de su diseño, del set de caracteres, posibles usos, aplicaciones en bloques de texto, cuestiones técnicas, etc.

El tipo, complejidad y técnica de animación para el reel se deja a criterio de cada estudiante, en tanto deben poner el foco en la animación de la tipografía y en la experiencia de lectura del texto en movimiento. Incentivamos la exploración de diversas técnicas cinéticas para la aparición y desaparición del texto, así como para su montaje, jerarquización y organización en la pantalla. Asimismo, los alentamos a practicar el manejo del tiempo en relación con la lectura y la interpretación del contenido animado.

Buscamos fomentar la comprensión profunda de cómo el movimiento de la tipografía puede realzar la narrativa visual y la expresividad, no sólo de una familia tipográfica sino de cualquier contenido

Contenidos: 
La composición visual en movimiento. Estructuración del espacio tridimensional. Transiciones. Ajuste de las relaciones espaciales entre los elementos en los ejes de composición x, y, z. Ritmo e impacto visual. La tipografía en movimiento: aparición, desaparición, armado o generación, jerarquización y organización del texto en la pantalla. Color y codificación tipográfica. Control del tiempo en relación con el reconocimiento óptico, percepción, lectura e interpretación. Posibilidades expresivas de la tipografía cinética. Variables tipográficas y espaciales, cambios de cuerpo y estructura del signo tipográfico como recursos de diseño para la animación. Modos predeterminados de animar texto. Construcción de un relato con sentido a partir de la edición y la animación de la tipografía.

Trayecto 2. Contexto comunicacional

TP5 | Tipografía e interfaces digitales

En este trabajo práctico se aborda el diseño de la interfaz para un sitio web de página única, orientado a presentar un fenómeno o problemática social. El propósito es reflexionar sobre el papel de la tipografía en el diseño de interfaces gráficas digitales, prestando atención a sus características singulares. La consigna es diseñar la interfaz sin adentrarse en aspectos de programación, presentando un prototipo semi funcional que permita explorar cómo la tipografía afecta la navegabilidad e interactividad del sitio. Los estudiantes deben procesar y editar el contenido considerando la lectura, navegación y uso en dispositivos de escritorio y móviles, así como las dimensiones de sus pantallas. Posteriormente, deben decidir el estilo gráfico de la interfaz de usuario, incluyendo tipografía, modulación, espacios, escala, color, íconos e imágenes, de manera que refuercen los criterios definidos para la organización, jerarquización y visualización de la información.

Este trabajo práctico busca profundizar en los conceptos relacionados con el diseño de información y los desafíos de la lectura en pantalla, permitiendo a los estudiantes comprender las particularidades del manejo tipográfico en medios digitales en comparación con medios impresos. Buscamos que los estudiantes conceptualicen lo aprendido en trabajos prácticos previos y lo apliquen en diferentes contextos materiales y de producción cultural. Adicionalmente, enfatizamos la importancia de la reflexión sobre el valor de la tipografía en la construcción de significado dentro del mensaje diseñado.

Contenidos: 
La tipografía como elemento de identidad visual y su uso como recurso de organización y diseño de información y  de representación visual de mensajes y de construcción de sentido.
El medio digital. La pantalla como soporte. Similitudes y diferencias con el medio impreso. Particularidades del texto en el medio digital. Webfonts y distintos modos de embeber fuentes. Lectura, navegación y uso. UI/UX (Interfaz y Experiencia de persona usuaria). Componentes y elementos de interacción propios del universo digital: el UI Kit (user interface kit).
Lectura fragmentada, selectiva, hipertextual. Distancias de lectura, densidad de información y legibilidad en pantalla. La accesibilidad como concepto y eje del diseño. Web semántica. HTML (HyperText Markup Language), etiquetas para formatear texto. Modulación, diseño adaptativo y concepto de viewport.

TP6 | Tipografía y sistemas de identidad 

El último trabajo práctico del curso se centra en la exploración de la tipografía como eje estructurante de la identidad y la comunicación visual. El objetivo es que los estudiantes desarrollen una identidad visual que utilice la tipografía de manera sistemática, creando un sistema transmedia de piezas y componentes basado en un tema de interés personal, que podría abarcar ámbitos tan diversos como la cultura, el arte, género, ciencia, economía, política, medio ambiente, comunidad, salud, educación, entre otros.

El desarrollo de este proyecto implica varios pasos: la definición del tema, el enfoque y el público objetivo; el relevamiento o producción de contenido; la creación de una estrategia de comunicación; y la elaboración de una serie de piezas editoriales, tanto impresas como digitales, que sirvan de soporte a la información y las ideas. Posteriormente, se procede a la creación y desarrollo del sistema de identidad visual, la edición, clasificación y organización de la información y, finalmente, al diseño de las piezas del sistema.

Los estudiantes deben aplicar un enfoque editorial para organizar y diseñar diferentes tipos de texto, manejando la tipografía con un nivel de detalle y precisión óptica, en línea con lo aprendido en la primera parte del curso. Incentivamos la creación de piezas de distinta materialidad, escala, formato y complejidad, que puedan existir en variados soportes, buscando que reflejen una complejidad textual significativa de modo que la propuesta final integre todos los contenidos conceptuales abordados durante el curso de Tipografía 2, incluyendo aspectos tanto de micro y macro tipografía como de su aplicación en la composición de textos en distintos ámbitos del diseño. 

Contenidos: La tipografía como elemento de identidad visual y su uso como recurso de representación visual de mensajes. Análisis del vínculo entre la tipografía y los estilos gráficos históricos y contemporáneos.
Sistema: componentes, variables y constantes, sistemas simples y complejos, programas visuales, sistemas y subsistemas, series. La tipografía como elemento clave del sistema: programas tipográficos. Aproximación al diseño de información con tipografía.
Modulación espacial: la retícula de columnas y jerárquica. Edición y organización de información con tipografía. Titulación y jerarquías textuales. Experiencia de navegación: estructura, recorrido, narrativa y lectura en relación al soporte.
Contenido y estrategia de comunicación: objetivo, táctica, enfoque, público, tono y estilo, elementos de identidad. Naming, hashtags y sistema discursivo. Piezas del sistema, características y función.