{"id":14300,"date":"2026-08-05T17:47:49","date_gmt":"2026-08-05T23:47:49","guid":{"rendered":"https:\/\/revista925taxco.fad.unam.mx\/?p=14300"},"modified":"2026-08-06T15:58:48","modified_gmt":"2026-08-06T21:58:48","slug":"tipografia-composicion-una-relacion-inseparable","status":"publish","type":"post","link":"https:\/\/revista925taxco.fad.unam.mx\/index.php\/2026\/08\/05\/tipografia-composicion-una-relacion-inseparable\/","title":{"rendered":"Tipograf\u00eda y composici\u00f3n: una relaci\u00f3n inseparable. Un reporte basado en una experiencia en el aula"},"content":{"rendered":"\n<figure class=\"wp-block-table\"><table class=\"has-text-color has-background has-link-color has-fixed-layout\" style=\"color:#777777;background-color:#e8eced\"><tbody><tr><td><strong>Resumen<\/strong><br>En este art\u00edculo se reflexiona sobre la relaci\u00f3n indisoluble entre tipograf\u00eda y composici\u00f3n en las etapas iniciales de la formaci\u00f3n en dise\u00f1o gr\u00e1fico. Por medio de experiencias pedag\u00f3gicas en el aula, se analiza c\u00f3mo los estudiantes transitan desde el aprendizaje de la sintaxis visual y las t\u00e9cnicas b\u00e1sicas bidimensionales hasta metodolog\u00edas complejas como los sistemas de ret\u00edculas y la proporci\u00f3n \u00e1urea. Como parte de esta experiencia, se implement\u00f3 un ejercicio integrador que vincul\u00f3 el uso de estructuras compositivas complejas con la memoria afectiva asociada con recetas maternas. La estrategia permiti\u00f3 observar de qu\u00e9 manera trasladaron experiencias personales a decisiones gr\u00e1ficas concretas relacionadas con jerarqu\u00eda visual, recorrido compositivo, selecci\u00f3n tipogr\u00e1fica, fotograf\u00eda y selecci\u00f3n del espacio.<br><strong>Palabras clave<\/strong><br>sistemas compositivos, jerarqu\u00eda visual, composici\u00f3n gr\u00e1fica, tipograf\u00eda, ense\u00f1anza del dise\u00f1o<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-text-color has-background has-link-color has-fixed-layout\" style=\"color:#777777;background-color:#fff9dd\"><tbody><tr><td><strong>Abstract<\/strong><br>This article reflects on the inseparable relationship between typography and composition in the early stages of graphic design education. Through pedagogical experiences in the classroom, it analyzes how students progress from learning visual syntax and basic two-dimensional techniques to complex methodologies such as grid systems and the golden ratio. As part of this experience, an integrative exercise was implemented that linked the use of complex compositional structures to the emotional memories associated with their mothers\u2019 recipes. This strategy allowed us to observe how students translated personal experiences into specific graphic decisions related to visual hierarchy, compositional flow, typographic selection, photography, and the use of space.<br><strong>Keywords<\/strong><br>compositional systems, visual hierarchy, graphic composition, typography, design education<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h5 class=\"wp-block-heading has-text-align-right has-text-color has-link-color wp-elements-1\" style=\"color:#960904\">Traducci\u00f3n: Luis Roberto S\u00e1nchez Mendoza. Recibido: 29 de mayo, 2026. Dictaminado: 16 de junio, 2026. Publicado: 5 de agosto, 2026<\/h5>\n\n\n<div class=\"wp-block-post-author-name\">Brise\u00f1o Vilches &amp; Cervantes Due\u00f1as<\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-drop-cap has-text-color has-link-color wp-elements-2 wp-block-paragraph\" style=\"color:#960904\">La letra forma parte de la experiencia cotidiana del dise\u00f1o; habita objetos, pantallas, publicaciones, se\u00f1alizaciones y m\u00faltiples sistemas visuales que median nuestra relaci\u00f3n con el entorno. Sin embargo, su comprensi\u00f3n en la formaci\u00f3n del dise\u00f1ador gr\u00e1fico suele iniciarse desde la observaci\u00f3n de la forma, el trazo y las relaciones espaciales que hacen posible su lectura y significaci\u00f3n. En este texto se reflexiona sobre la relaci\u00f3n inseparable entre tipograf\u00eda y composici\u00f3n a partir de experiencias formativas tempranas en dise\u00f1o gr\u00e1fico y mediante un enfoque centrado en el aprendizaje del proceso creativo, en el entendimiento de que la letra no solo se construye desde su anatom\u00eda formal, sino tambi\u00e9n desde el di\u00e1logo que establece de una composici\u00f3n b\u00e1sica como el vac\u00edo, la jerarqu\u00eda, el ritmo y la organizaci\u00f3n del espacio visual.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Con base en el an\u00e1lisis de ejercicios acad\u00e9micos desarrollados en procesos iniciales de aprendizaje, se plantea que la comprensi\u00f3n de la tipograf\u00eda emerge de modo progresivo cuando la letra deja de entenderse como una entidad aislada y comienza a reconocerse como un elemento relacional, cuya expresividad y potencia comunicativa se construyen a partir de su interacci\u00f3n compositiva con otros elementos visuales. Desde esta perspectiva, la composici\u00f3n no solo organiza relaciones formales, jerarqu\u00edas, ritmos, tensiones y recorridos visuales, sino que tambi\u00e9n posibilita que la letra consiga sentido en una experiencia perceptiva y comunicativa. As\u00ed, la vida cotidiana de la letra se revela tambi\u00e9n como una experiencia de observaci\u00f3n, construcci\u00f3n visual y aprendizaje.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Las t\u00e9cnicas de composici\u00f3n b\u00e1sicas subdividen el espacio a partir de una estructura subyacente que permite dirigir la mirada del espectador en los elementos que contiene la pieza, al dotarla de equilibrio, armon\u00eda y dinamismo (Dondis, 2017).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El conocimiento y la pr\u00e1ctica de estos conceptos son adquiridos por el alumno en el primer semestre, al realizar diversos ejercicios con formas figurativas y no figurativas con los cuales va comprendiendo dos procesos clave: la percepci\u00f3n \u2014fisiol\u00f3gica y psicol\u00f3gica\u2014 y la representaci\u00f3n \u2014sintaxis visual y comunicaci\u00f3n\u2014 (Villafa\u00f1e y M\u00ednguez, 2014), adem\u00e1s del valor de la jerarqu\u00eda visual, que en conjunto son las relaciones definidas entre los objetos y que permiten construir un orden jer\u00e1rquico en la lectura de la imagen (Llop, 2014). Con estas bases se inicia el proceso de ejercicios compositivos, al trabajar con propuestas en las cuales se integra texto sencillo trazado manualmente, atendiendo al cuidado formal de la letra, su proporci\u00f3n, ritmo y relaci\u00f3n con el espacio compositivo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En esta primera etapa, la pr\u00e1ctica constante de ejercicios con t\u00e9cnicas manuales y de composici\u00f3n b\u00e1sicas permiten observar c\u00f3mo las fuerzas perceptuales, tensiones, equilibrio, direcciones y pesos visuales orientan la mirada en una composici\u00f3n (Arnheim, 2002). En el \u201crecorrido visual\u201d, como lo definimos en el aula, el ojo no observa una imagen al azar, sino que sigue relaciones de organizaci\u00f3n visual y se apoya en la jerarquizaci\u00f3n de los elementos, adem\u00e1s de retarlo a trabajar en superficies circulares.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Despu\u00e9s de un periodo de ocho semanas de pr\u00e1ctica constante mediante ejercicios con estas t\u00e9cnicas compositivas, llega el momento de abordar las t\u00e9cnicas de composici\u00f3n complejas, como son los sistemas de ret\u00edculas y la secci\u00f3n \u00e1urea.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En el tema de los sistemas de ret\u00edculas, en el semestre previo el alumno ya tuvo la experiencia de trabajar con esta t\u00e9cnica de subdivisi\u00f3n estructural, compuesta por l\u00edneas verticales y horizontales espaciadas de manera regular, las cuales sirven como gu\u00edas para colocar formas u organizar elementos visuales, m\u00f3dulos y realizar patrones (Wong, 1995). A partir de este conocimiento y pr\u00e1ctica de las ret\u00edculas se le introduce en los aspectos b\u00e1sicos de maquetaci\u00f3n, primordialmente en el manejo de t\u00edtulos y cajas de texto. En este punto se refuerza la importancia de la tipograf\u00eda y c\u00f3mo dota al lenguaje de forma visual, as\u00ed como la comprensi\u00f3n de que el espacio y la composici\u00f3n no son solo decorativos, sino elementos arquitect\u00f3nicos que estructuran la comunicaci\u00f3n (Lupton, 2011).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Con base en una serie de ejercicios manuales que despu\u00e9s pasan a un proceso digital, el alumno explora la estructura del contenido mediante la variaci\u00f3n en el tama\u00f1o, peso (negrita\/fina) y posici\u00f3n del texto. En cuanto al espacio en blanco, experimenta el reto de tener presente que esa \u00e1rea negativa no est\u00e1 vac\u00eda, sino que se trata de un elemento activo que gu\u00eda al lector, separa p\u00e1rrafos, crea im\u00e1genes y define la estructura de la ret\u00edcula. En resumen, act\u00faa como fuerza de enlace entre los objetos gr\u00e1ficos (Llop, 2014).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En cada uno de los ejercicios desarrollados en el curso se sigue una serie de pasos para llevar un orden en el proceso de composici\u00f3n. La pr\u00e1ctica docente que nos ha dado la experiencia en el aula ha permitido tener hoy en d\u00eda esa secuencia con la que el alumno comprende las consideraciones antes, durante y el cierre de cada ejercicio compositivo (figura 1).<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/revista925taxco.fad.unam.mx\/wp-content\/uploads\/2026\/08\/Briseno-1-comprension-progresiva.webp\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1000\" height=\"1000\" src=\"https:\/\/revista925taxco.fad.unam.mx\/wp-content\/uploads\/2026\/08\/Briseno-1-comprension-progresiva.webp\" alt=\"\" class=\"wp-image-14416\" srcset=\"https:\/\/revista925taxco.fad.unam.mx\/wp-content\/uploads\/2026\/08\/Briseno-1-comprension-progresiva.webp 1000w, https:\/\/revista925taxco.fad.unam.mx\/wp-content\/uploads\/2026\/08\/Briseno-1-comprension-progresiva-300x300.webp 300w, https:\/\/revista925taxco.fad.unam.mx\/wp-content\/uploads\/2026\/08\/Briseno-1-comprension-progresiva-150x150.webp 150w, https:\/\/revista925taxco.fad.unam.mx\/wp-content\/uploads\/2026\/08\/Briseno-1-comprension-progresiva-768x768.webp 768w, https:\/\/revista925taxco.fad.unam.mx\/wp-content\/uploads\/2026\/08\/Briseno-1-comprension-progresiva-60x60.webp 60w, https:\/\/revista925taxco.fad.unam.mx\/wp-content\/uploads\/2026\/08\/Briseno-1-comprension-progresiva-480x480.webp 480w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><figcaption class=\"wp-element-caption\">Figura 1. Comprensi\u00f3n progresiva del ejercicio compositivo. Se trata de un proceso donde el aprendizaje ocurre por etapas y no es instant\u00e1neo. Existe una conciencia compositiva: el alumno comprende qu\u00e9 observar, decidir y evaluar. En el ciclo del dise\u00f1o existe un antes (planificaci\u00f3n), un durante (ejecuci\u00f3n) y un cierre (reflexi\u00f3n\/evaluaci\u00f3n).<\/figcaption><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">En primera instancia, debe realizar una investigaci\u00f3n del tema, de la cual obtendr\u00e1 la informaci\u00f3n necesaria para definir los elementos a colocar en el espacio compositivo. Enseguida se establecen los requisitos de la pieza a componer, como medidas y forma del soporte, jerarqu\u00eda visual, t\u00e9cnicas de representaci\u00f3n, <em>software<\/em> para la digitalizaci\u00f3n de la propuesta, as\u00ed como salida de impresi\u00f3n. Para establecer los elementos que integrar\u00e1n la pieza, se realiza una b\u00fasqueda de referentes visuales, los cuales consisten en una serie de im\u00e1genes de inspiraci\u00f3n en cuanto a formas y paleta de color, las cuales se organizar\u00e1n en un tablero de inspiraci\u00f3n o<em> moodboard<\/em> (Ambrose y Harris, 2010). Esto permite tener una mayor claridad al idear de la propuesta. Luego llega el momento de aplicar las t\u00e9cnicas de composici\u00f3n b\u00e1sicas, en que el alumno traza cada uno de los 12 esquemas compositivos (Parram\u00f3n, 1995) de manera individual sobre un soporte <em>bond<\/em> circular, escalado a 50% del tama\u00f1o final de la pieza a entregar, que es de 40 cm de di\u00e1metro (figura 2).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A trav\u00e9s del descarte, se definen cinco esquemas para realizar los primeros bocetos burdos (Reimers Design, 2015), los cuales se validan mediante la t\u00e9cnica de positivo, negativo e interesante (PNI) (De Bono, 2004). Despu\u00e9s se trabaja sobre las tres mejores ideas a partir de bocetos comprensivos (Reimers Design, 2015), en la medida final de 40 cent\u00edmetros.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/revista925taxco.fad.unam.mx\/wp-content\/uploads\/2026\/08\/Briseno-2-DulceRecuerdo.webp\"><img decoding=\"async\" width=\"611\" height=\"1000\" src=\"https:\/\/revista925taxco.fad.unam.mx\/wp-content\/uploads\/2026\/08\/Briseno-2-DulceRecuerdo.webp\" alt=\"\" class=\"wp-image-14417\" srcset=\"https:\/\/revista925taxco.fad.unam.mx\/wp-content\/uploads\/2026\/08\/Briseno-2-DulceRecuerdo.webp 611w, https:\/\/revista925taxco.fad.unam.mx\/wp-content\/uploads\/2026\/08\/Briseno-2-DulceRecuerdo-183x300.webp 183w, https:\/\/revista925taxco.fad.unam.mx\/wp-content\/uploads\/2026\/08\/Briseno-2-DulceRecuerdo-60x98.webp 60w\" sizes=\"(max-width: 611px) 100vw, 611px\" \/><\/a><figcaption class=\"wp-element-caption\">Figura 2. T\u00e9cnicas de composici\u00f3n b\u00e1sicas. Validaci\u00f3n PNI de bocetos burdos del ejercicio, en el cual se aplicaron t\u00e9cnicas de composici\u00f3n b\u00e1sicas, verbalizando la justificaci\u00f3n de propuestas. Alumna Paulina Torres Saucedo, de segundo semestre de la licenciatura en Dise\u00f1o para la Comunicaci\u00f3n Gr\u00e1fica, CUAAD, Universidad de Guadalajara (U. de G.).<\/figcaption><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Para los ejercicios en que se aplican las t\u00e9cnicas compositivas complejas, como la secci\u00f3n \u00e1urea, se plantea a los alumnos el desaf\u00edo de una actividad acad\u00e9mica para identificar un platillo espec\u00edfico preparado por la madre o bien una figura materna que les resulte significativa. El objetivo principal es que se trasladen, a trav\u00e9s de esta experiencia personal, hacia una actividad mayormente compleja. As\u00ed, por medio de una conexi\u00f3n afectiva profunda, recuerdo o experiencia particular, guiada por la pregunta \u201c\u00bfQu\u00e9 sensaciones, emociones o memorias despierta en ti ese alimento?\u201d, el alumno redacta la respuesta, que implica un proceso cognitivo complejo (pensamiento cr\u00edtico y creativo).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Este contexto ofrece el pre\u00e1mbulo para desarrollar un ejercicio <em>integrador <\/em>de los conocimientos y la pr\u00e1ctica de distintas asignaturas, en particular Morfolog\u00eda de la Letra y Proyectos Fotogr\u00e1ficos para la Comunicaci\u00f3n Gr\u00e1fica. La b\u00fasqueda de referentes visuales permite reconocer estrategias de encuadres, composici\u00f3n fotogr\u00e1fica y construcci\u00f3n de atm\u00f3sferas visuales. Asimismo, el alumno formula propuestas para nombrar al platillo, tomando en cuenta que debe incluir una palabra que genere la conexi\u00f3n emocional descrita en su respuesta. Con esto hace la b\u00fasqueda de referentes visuales en los aspectos de trazo en caligraf\u00eda o <em>lettering<\/em> de la propuesta de nombre del platillo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Previo al bocetaje, el alumno realiza a mano, en un soporte de 21 \u00d7 34 cm \u2014medida establecida a partir de la sucesi\u00f3n de Fibonacci (Oluyemi, 2024)\u2014, el trazo de una ret\u00edcula b\u00e1sica y superpuesta. As\u00ed, dibuja la espiral \u00e1urea con la finalidad de tenerla como plantilla previa a la ejecuci\u00f3n. Dentro del proceso, debe tener previamente definidos la jerarqu\u00eda y el recorrido visual. En los aspectos fotogr\u00e1ficos, genera una serie de propuestas con su modelo en una sesi\u00f3n fotogr\u00e1fica, para trabajar con diversos encuadres. De la serie de bocetos burdos del nombre se hace un descarte para seleccionar la mejor propuesta a trav\u00e9s de la validaci\u00f3n PNI, de modo que pase a la realizaci\u00f3n de un trazado de mayor calidad, entintado y despu\u00e9s digitalizado.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El desarrollo del proceso de bocetaje burdo de las propuestas compositivas de la pieza debe realizarse tanto en una orientaci\u00f3n vertical como horizontal para el proceso de validaci\u00f3n PNI. Con la propuesta validada, se procede a la digitalizaci\u00f3n y generaci\u00f3n de tres variables.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Durante esta etapa, la exploraci\u00f3n tipogr\u00e1fica en los diferentes bloques de texto permite valorar la relaci\u00f3n entre estilo, fuente y familia, peso, legibilidad y comportamiento visual en el espacio compositivo. Este proceso se apoya en pruebas de impresi\u00f3n mediante las cuales se observa con mayor precisi\u00f3n la interacci\u00f3n entre tipograf\u00eda, escala, contraste y organizaci\u00f3n de la informaci\u00f3n en la pieza gr\u00e1fica. En este sentido, la elecci\u00f3n tipogr\u00e1fica no solo responde a criterios funcionales de lectura, sino tambi\u00e9n a una dimensi\u00f3n expresiva, pues al componer un texto la fuente seleccionada transmite una atm\u00f3sfera a tono de voz que el lector decodifica de inmediato (Jard\u00ed, 2021).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Desde esta perspectiva, el ejercicio integrador permiti\u00f3 articular tres dimensiones fundamentales para la formaci\u00f3n inicial en dise\u00f1o gr\u00e1fico: la <em>dimensi\u00f3n estructural,<\/em> vinculada con el uso de ret\u00edculas, secci\u00f3n \u00e1urea, proporci\u00f3n, jerarqu\u00eda y recorrido visual; la <em>dimensi\u00f3n tipogr\u00e1fica,<\/em> relacionada con la elecci\u00f3n formal de la letra, su peso, escala, posici\u00f3n, legibilidad y capacidad expresiva, y la <em>dimensi\u00f3n afectiva,<\/em> asociada con la memoria personal que orienta las decisiones visuales del proyecto. Esta relaci\u00f3n entre estructura, letra y experiencia sensible favorece que el estudiante comprenda la composici\u00f3n no solo como una organizaci\u00f3n formal del espacio, sino tambi\u00e9n como un sistema de significaci\u00f3n donde cada elemento visual participa en la construcci\u00f3n del sentido.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En las figuras 3 y 4 se analizan las propuestas de dos alumnas que ilustran con claridad el proceso en el aula.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/revista925taxco.fad.unam.mx\/wp-content\/uploads\/2026\/08\/Briseno-3-SopitasDeAmor.webp\"><img decoding=\"async\" width=\"612\" height=\"1000\" src=\"https:\/\/revista925taxco.fad.unam.mx\/wp-content\/uploads\/2026\/08\/Briseno-3-SopitasDeAmor.webp\" alt=\"\" class=\"wp-image-14418\" srcset=\"https:\/\/revista925taxco.fad.unam.mx\/wp-content\/uploads\/2026\/08\/Briseno-3-SopitasDeAmor.webp 612w, https:\/\/revista925taxco.fad.unam.mx\/wp-content\/uploads\/2026\/08\/Briseno-3-SopitasDeAmor-184x300.webp 184w, https:\/\/revista925taxco.fad.unam.mx\/wp-content\/uploads\/2026\/08\/Briseno-3-SopitasDeAmor-60x98.webp 60w\" sizes=\"(max-width: 612px) 100vw, 612px\" \/><\/a><figcaption class=\"wp-element-caption\">Figura 3. Ejercicio integrador realizado a partir del tema \u201csabores que abrazan\u201d. Propuesta \u201cSopitas de amor\u201d, realizada por la alumna Karime Linett Reynoso G\u00f3mez, de segundo semestre de la licenciatura en Dise\u00f1o para la Comunicaci\u00f3n Gr\u00e1fica, CUAAD, U. de G.<\/figcaption><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">La primera pieza, titulada \u201cSopitas de amor\u201d (figura 3), est\u00e1 realizada en una composici\u00f3n vertical, que permite organizar la informaci\u00f3n y la jerarqu\u00eda de manera clara, as\u00ed como una mejor lectura en su recorrido visual. En cuanto a la jerarqu\u00eda visual, se designa como elemento dominante el t\u00edtulo del platillo \u2014\u201cSopitas de amor\u201d\u2014, desarrollado mediante un trazo manual con esbozos hacia el <em>lettering,<\/em> trabajando una estructura de la letra de forma org\u00e1nica para provocar la sensaci\u00f3n de suavidad caracter\u00edstica que tiene el abrazo materno. Se observa el cuidado para que los extremos de la letra sean de igual forma org\u00e1nicos. Estas cualidades en el trazo, as\u00ed como su color y posici\u00f3n, al estar en el inicio de la espiral y su tama\u00f1o, permiten el primer contacto de la vista para invitar, acto seguido, a recorrer la oraci\u00f3n \u201cEl sabor de un dulce recuerdo\u201d, que por su posici\u00f3n, color, tama\u00f1o y estilo tipogr\u00e1fico <em>serif<\/em> se integra al dominante y permite el comienzo del recorrido por la pieza a detalle. Como elemento subdominante est\u00e1 la fotograf\u00eda, por posici\u00f3n y tama\u00f1o, lo cual le da equilibrio, continuidad y fluidez. En su encuadre, la toma fotogr\u00e1fica comunica la ternura de la abuela, cuya mirada inclinada hacia abajo reenv\u00eda la atenci\u00f3n al plano de trabajo. Por \u00faltimo, como elemento subordinado se encuentran los textos en estilo <em>serif<\/em> por posici\u00f3n, tama\u00f1o y color, al proporcionar unidad visual y coherencia a la composici\u00f3n, as\u00ed como los gr\u00e1ficos vectoriales que dan apoyo visual a la lista de ingredientes y procedimiento. Se aplican principios de la Gestalt, como la continuidad y la proximidad, que generan el recorrido visual en todo el espacio compositivo. La paleta de color seleccionada se define por colores c\u00e1lidos que transmiten calidez, momentos familiares y amor, para dar un \u00e9nfasis particular a la emoci\u00f3n y sensaci\u00f3n del amor maternal.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En su propuesta, la alumna logr\u00f3 trasladar una experiencia afectiva a decisiones visuales espec\u00edficas. El trazo org\u00e1nico del <em>lettering,<\/em> la escala dominante del t\u00edtulo, la paleta c\u00e1lida y la relaci\u00f3n entre fotograf\u00eda y textos secundarios evidencian una comprensi\u00f3n de la jerarqu\u00eda visual como recurso expresivo. La pieza no solo organiza informaci\u00f3n sobre una receta, sino que tambi\u00e9n construye una atm\u00f3sfera de cuidado y cercan\u00eda. Esto permite reconocer que el aprendizaje de la composici\u00f3n se fortaleci\u00f3 cuando la alumna justific\u00f3 la relaci\u00f3n entre forma, emoci\u00f3n y comunicaci\u00f3n visual.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/revista925taxco.fad.unam.mx\/wp-content\/uploads\/2026\/08\/Briseno-4-TecnicasdeComposicion.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"1000\" src=\"https:\/\/revista925taxco.fad.unam.mx\/wp-content\/uploads\/2026\/08\/Briseno-4-TecnicasdeComposicion.webp\" alt=\"\" class=\"wp-image-14419\" srcset=\"https:\/\/revista925taxco.fad.unam.mx\/wp-content\/uploads\/2026\/08\/Briseno-4-TecnicasdeComposicion.webp 1000w, https:\/\/revista925taxco.fad.unam.mx\/wp-content\/uploads\/2026\/08\/Briseno-4-TecnicasdeComposicion-300x300.webp 300w, https:\/\/revista925taxco.fad.unam.mx\/wp-content\/uploads\/2026\/08\/Briseno-4-TecnicasdeComposicion-150x150.webp 150w, https:\/\/revista925taxco.fad.unam.mx\/wp-content\/uploads\/2026\/08\/Briseno-4-TecnicasdeComposicion-768x768.webp 768w, https:\/\/revista925taxco.fad.unam.mx\/wp-content\/uploads\/2026\/08\/Briseno-4-TecnicasdeComposicion-60x60.webp 60w, https:\/\/revista925taxco.fad.unam.mx\/wp-content\/uploads\/2026\/08\/Briseno-4-TecnicasdeComposicion-480x480.webp 480w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><figcaption class=\"wp-element-caption\">Figura 4. Ejercicio integrador realizado a partir del tema \u201csabores que abrazan\u201d. Propuesta \u201cDulce recuerdo\u201d, realizada por la alumna Alma Ariadna Torres Reyes, de segundo semestre de la licenciatura en Dise\u00f1o para la Comunicaci\u00f3n Gr\u00e1fica, CUAAD, U. de G.<\/figcaption><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">La segunda pieza, \u201cDulce Recuerdo\u201d (figura 4), tambi\u00e9n se desarrolla en un formato vertical. La propuesta destaca por una integraci\u00f3n volum\u00e9trica donde los bloques tipogr\u00e1ficos se adaptan de forma org\u00e1nica a las l\u00edneas de fuerza generadas por la geometr\u00eda \u00e1urea. El t\u00edtulo del platillo tiene un dise\u00f1o mediante un <em>lettering<\/em> robusto y de formas redondeadas que invita a percibir la suavidad y sensaci\u00f3n de uno de los ingredientes del postre, el chocolate, adem\u00e1s de darle un mayor anclaje en la composici\u00f3n dada su posici\u00f3n adecuada en el espacio compositivo. Sumada al t\u00edtulo, la propuesta fotogr\u00e1fica presenta un recurso de profundidad de campo por el manejo de dos planos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Como elemento subdominante encontramos los textos de \u201cingredientes\u201d y \u201cprocedimiento\u201d, los cuales se conectan con el t\u00edtulo dominante por su forma y color, que permite una identidad en la pieza. Como subordinado est\u00e1 el contenido de los ingredientes y los seis pasos del procedimiento, mediante la elecci\u00f3n de un estilo palo seco en la fuente, as\u00ed como una estructura org\u00e1nica que se integra de forma uniforme a la composici\u00f3n. El recorrido visual de la propuesta se apoya en la forma org\u00e1nica marr\u00f3n, que lleva de manera sinuosa ascendente a la observaci\u00f3n de los elementos posicionados en el nacimiento de la espiral \u00e1urea y a descender paso a paso por cada una de las partes que conforman la composici\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En este caso, la comprensi\u00f3n de la estructura compositiva se manifiesta en la manera en que los bloques tipogr\u00e1ficos se integran al movimiento de la geometr\u00eda \u00e1urea y dialogan con la profundidad de campo de la fotograf\u00eda. La alumna no utiliza la ret\u00edcula como una plantilla r\u00edgida, sino como una gu\u00eda para distribuir niveles de lectura, enfatizar el t\u00edtulo y ordenar el procedimiento. La propuesta permite advertir que el aprendizaje se concreta en la capacidad de articular estructura, imagen, tipograf\u00eda y sentido narrativo dentro de una composici\u00f3n unificada.<\/p>\n\n\n\n<h4 class=\"wp-block-heading has-text-align-center has-text-color has-link-color wp-elements-3\" style=\"color:#241c19\">Conclusi\u00f3n<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Los dos estudios de caso presentados permiten reconocer que la ense\u00f1anza de la tipograf\u00eda en las etapas iniciales de la formaci\u00f3n del dise\u00f1ador gr\u00e1fico no puede desvincularse de la sintaxis visual ni de los principios compositivos que organizan el espacio. A trav\u00e9s del ejercicio integrador, las alumnas aplicaron recursos como jerarqu\u00eda visual, recorrido compositivo, proporci\u00f3n \u00e1urea, espacio en blanco, relaci\u00f3n texto-imagen y selecci\u00f3n tipogr\u00e1fica no como elementos aislados, sino como decisiones proyectuales orientadas a la construcci\u00f3n de sentido.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La incorporaci\u00f3n de una narrativa cotidiana y afectiva, vinculada con la memoria del alimento preparado por una figura materna, permite que los conceptos abstractos y geom\u00e9tricos se aborden desde una experiencia significativa para el alumnado. En este proceso, la letra deja de funcionar \u00fanicamente como forma escrita o informaci\u00f3n verbal para convertirse en un componente activo de la composici\u00f3n: organiza la lectura, jerarquiza los contenidos, dialoga con la imagen y refuerza la dimensi\u00f3n emocional de la pieza gr\u00e1fica.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En consecuencia, la relaci\u00f3n entre tipograf\u00eda y composici\u00f3n se confirma como un eje fundamental en la formaci\u00f3n temprana del dise\u00f1ador gr\u00e1fico. Comprender la letra desde su interacci\u00f3n con el espacio visual favorece una pr\u00e1ctica proyectual m\u00e1s consciente donde t\u00e9cnica, sensibilidad y comunicaci\u00f3n se articulan para producir piezas con mayor claridad, coherencia y potencia expresiva. \u00b6<\/p>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-4 wp-block-paragraph\" style=\"color:#960904\">[.925 artes y dise\u00f1o, A\u00f1o 13, edici\u00f3n 51]<\/p>\n\n\n\n<h4 class=\"wp-block-heading has-text-align-center has-text-color has-link-color wp-elements-5\" style=\"color:#241c19\">Referencias<\/h4>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-6 wp-block-paragraph\" style=\"color:#777777\">AMBROSE, G., y HARRIS, P. (2010). <em>Design Thinking.<\/em> AVA. (Ed. en espa\u00f1ol: <em>Metodolog\u00eda del dise\u00f1o.<\/em> Parram\u00f3n).<\/p>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-7 wp-block-paragraph\" style=\"color:#777777\">ARNHEIM, R. (2002). <em>Arte y percepci\u00f3n visual. Psicolog\u00eda del ojo creador.<\/em> Alianza.<\/p>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-8 wp-block-paragraph\" style=\"color:#777777\">BONO, E. de (2004). <em>El curso de pensamiento de Edward de Bono.<\/em> Urano.<\/p>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-9 wp-block-paragraph\" style=\"color:#777777\">DONDIS, D. A. (2017). <em>La sintaxis de la imagen: Introducci\u00f3n al alfabeto visual<\/em> (2\u00aa ed.). Gustavo Gili.<\/p>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-10 wp-block-paragraph\" style=\"color:#777777\">JARD\u00cd, E. (2021). <em>Cincuenta y tantos consejos sobre tipograf\u00eda<\/em> (2\u00aa ed.). Gustavo Gili.<\/p>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-11 wp-block-paragraph\" style=\"color:#777777\">LLOP, R. (2014). <em>Un sistema gr\u00e1fico para las cubiertas de libros. Hacia un lenguaje de par\u00e1metros.<\/em> Gustavo Gili.<\/p>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-12 wp-block-paragraph\" style=\"color:#777777\">LUPTON, E. (2011). <em>Pensar con tipos. Una gu\u00eda clave para estudiantes, dise\u00f1adores, editores y escritores<\/em> (2\u00aa ed.). Gustavo Gili.<\/p>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-13 wp-block-paragraph\" style=\"color:#777777\">OLUYEMI, A. S. (2024). <em>The Use of Golden Ratio for Appealing Graphic Design.<\/em> ResearchGate. https:\/\/www.researchgate.net\/publication\/379753102_THE_USE_OF_GOLDEN_RATIO_FOR_APPEALING_GRAPHIC_DESIGN<\/p>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-14 wp-block-paragraph\" style=\"color:#777777\">PARRAM\u00d3N, J. M. (1995). <em>La composici\u00f3n en dibujo y pintura<\/em> (4\u00aa ed.). Parram\u00f3n.<\/p>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-15 wp-block-paragraph\" style=\"color:#777777\">REIMERS DESIGN. (2015). <em>Peque\u00f1o diccionario del dise\u00f1ador. Diccionario de t\u00e9rminos, biograf\u00edas y usos del dise\u00f1o gr\u00e1fico.<\/em><\/p>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-16 wp-block-paragraph\" style=\"color:#777777\">VILLAFA\u00d1E, J., y M\u00cdNGUEZ, N. (2014). <em>Principios de teor\u00eda general de la imagen.<\/em> Pir\u00e1mide.<\/p>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-17 wp-block-paragraph\" style=\"color:#777777\">WONG, W. (1995). <em>Fundamentos del dise\u00f1o<\/em>. Gustavo Gili.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Este art\u00edculo reflexiona sobre la relaci\u00f3n indisoluble entre tipograf\u00eda y composici\u00f3n en la formaci\u00f3n en dise\u00f1o gr\u00e1fico<\/p>\n","protected":false},"author":177,"featured_media":14409,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[835],"tags":[801,61,619,802,803,800,75],"class_list":["post-14300","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-alejandro-briseno-y-sonia-cervantes","tag-composicion-grafica","tag-diseno","tag-ensenanza-del-diseno","tag-jerarquia-visual","tag-la-vida-cotidiana-de-la-letra","tag-sistemas-compositivos","tag-tipografia"],"_links":{"self":[{"href":"https:\/\/revista925taxco.fad.unam.mx\/index.php\/wp-json\/wp\/v2\/posts\/14300","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/revista925taxco.fad.unam.mx\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/revista925taxco.fad.unam.mx\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/revista925taxco.fad.unam.mx\/index.php\/wp-json\/wp\/v2\/users\/177"}],"replies":[{"embeddable":true,"href":"https:\/\/revista925taxco.fad.unam.mx\/index.php\/wp-json\/wp\/v2\/comments?post=14300"}],"version-history":[{"count":12,"href":"https:\/\/revista925taxco.fad.unam.mx\/index.php\/wp-json\/wp\/v2\/posts\/14300\/revisions"}],"predecessor-version":[{"id":14576,"href":"https:\/\/revista925taxco.fad.unam.mx\/index.php\/wp-json\/wp\/v2\/posts\/14300\/revisions\/14576"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/revista925taxco.fad.unam.mx\/index.php\/wp-json\/wp\/v2\/media\/14409"}],"wp:attachment":[{"href":"https:\/\/revista925taxco.fad.unam.mx\/index.php\/wp-json\/wp\/v2\/media?parent=14300"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/revista925taxco.fad.unam.mx\/index.php\/wp-json\/wp\/v2\/categories?post=14300"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/revista925taxco.fad.unam.mx\/index.php\/wp-json\/wp\/v2\/tags?post=14300"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}