# Imagen, composición, saliencia y encuadre Una página de periódico puede contener cinco fotografías, una docena de titulares, una franja publicitaria y varios bloques de texto. El lector no procesa todos esos elementos con la misma intensidad ni en un orden fijo. Algunos dominan desde el primer vistazo y otros quedan subordinados. Las líneas, los márgenes y los espacios vacíos hacen que ciertos componentes parezcan pertenecer a una misma unidad y que otros se separen. La composición estudia esa organización. Decide qué se presenta junto, qué queda aislado, qué recibe mayor peso y qué rutas de lectura son plausibles. No se ocupa de añadir un significado decorativo a elementos ya dados. En un diseño visual, posición y jerarquía forman parte de la argumentación. El texto anterior introdujo la función composicional de Kress y van Leeuwen (2006). Aquí se examina con más detalle, incorporando aportes de la psicología de la percepción y del diseño de información. Conviene mantener desde el inicio una distinción terminológica. *Encuadre* puede referirse al recorte fotográfico, es decir, a qué entra y qué queda fuera del campo. *Framing*, en la gramática visual, se refiere a los recursos que conectan o separan elementos dentro de una composición. Ambos fenómenos pueden coexistir y no son equivalentes. ## Componer es distribuir relaciones Una composición convierte una superficie en un campo de relaciones. Dos elementos próximos tienden a leerse como asociados y una figura muy grande suele adquirir mayor peso que otra pequeña. Un borde puede separar información que, sin él, parecería continua. La organización funciona antes de que el lector formule conscientemente una interpretación. Esto no significa que exista una sintaxis visual rígida. Las imágenes permiten recorridos múltiples. Una fotografía puede atraer primero por un rostro, luego por un objeto y después por un texto. Una infografía puede guiar el recorrido con números y flechas. Un cuadro puede resistirse deliberadamente a una lectura estable. La composición crea probabilidades de atención y agrupamiento, que el análisis debe describir sin confundirlas con una secuencia obligatoria. El mismo diseño puede funcionar en varias escalas temporales. En el primer vistazo domina la estructura global, formada por masas, contrastes, rostros y grandes bloques. Después aparecen relaciones locales, etiquetas y detalles. Un afiche que funciona a distancia puede volverse ilegible al acercarse si su jerarquía secundaria está mal resuelta. Una figura científica puede ser clara cuando se estudia durante un minuto y confusa en una presentación donde permanece diez segundos en pantalla. Esta diferencia entre captación global y exploración detallada importa porque la composición organiza una serie de decisiones atencionales sucesivas. El diseño eficaz establece qué debe reconocerse de inmediato y qué puede reservarse para una inspección posterior. ## Valor de información y posición Kress y van Leeuwen proponen que ciertas posiciones adquieren valores recurrentes dentro de tradiciones gráficas. La división izquierda-derecha puede organizar una oposición entre información presentada como conocida y otra tratada como nueva. La división superior-inferior puede relacionar formulaciones ideales con información más concreta. El centro puede ser el núcleo alrededor del cual se ordenan los márgenes. Estas asociaciones son plausibles en numerosos diseños occidentales, especialmente cuando coinciden con la estructura del texto. No son propiedades naturales del espacio. La lectura de izquierda a derecha, las convenciones editoriales y la historia de los géneros influyen en ellas. Un anuncio puede colocar arriba una promesa general y abajo el precio. En ese caso, la oposición ideal-real describe bien la arquitectura, aunque una página puede invertirla por razones estilísticas o funcionales. El análisis debe partir del diseño concreto. La misma precaución vale para centro y margen. Un elemento central puede dominar por posición, aunque el centro también puede ser un vacío alrededor del cual se organizan figuras periféricas. Algunas tradiciones visuales favorecen composiciones centradas y otras explotan asimetrías fuertes. El valor de información se construye mediante el conjunto. También interviene el género. En una página de resultados, colocar una cifra arriba no la convierte por sí sola en «ideal», porque puede limitarse a seguir una plantilla. En una portada, la zona superior tiene otra tradición y otro peso. Analizar posición sin reconstruir el género conduce fácilmente a interpretaciones sobredeterminadas. Conviene tratar el valor de información como una pregunta sobre qué relación propone una posición con las demás. A veces la respuesta coincide con dado/nuevo o ideal/real. Otras veces la explicación adecuada será cronológica, administrativa o puramente técnica. ## La saliencia y los factores que llaman primero la atención La saliencia es el grado relativo en que un elemento destaca frente a otros. No depende de una propiedad única. Tamaño, contraste, color, nitidez, posición, aislamiento y contenido pueden contribuir. Un rostro pequeño puede imponerse en una composición llena de objetos debido a la sensibilidad humana a los rostros. Una palabra en rojo puede dominar un bloque tipográfico monocromo. Un punto blanco sobre fondo negro puede ser más visible que una figura grande de contraste bajo. La saliencia es relacional. Un color es saliente solo respecto de su entorno. El mismo rojo puede dominar sobre grises y desaparecer dentro de una paleta saturada. Atención e importancia comunicativa no siempre coinciden. Un logotipo puede atraer por contraste y tener poca relevancia para la tarea del lector. Una nota al pie puede contener la condición que cambia la interpretación de un gráfico y quedar visualmente relegada. Parte de la auditoría consiste en detectar esos desacoples. La percepción visual aporta restricciones. Ware (2013) muestra que ciertos rasgos se detectan con rapidez preatencional, como diferencias marcadas de orientación, tamaño o color. Estas propiedades pueden aprovecharse en visualización de información. La semiótica pregunta, además, qué jerarquía de significado produce esa diferencia perceptiva. El tamaño relativo suele asociarse con importancia. Un titular grande domina una página y una figura humana que ocupa casi todo el encuadre adquiere presencia. Aun así, el tamaño actúa junto con otras variables y el contraste puede compensar la escala. Un elemento pequeño y muy contrastante puede atraer antes que uno grande y homogéneo. El contraste puede ser cromático, tonal, tipográfico o conceptual. Una palabra aislada en mayúsculas destaca dentro de una página uniforme incluso sin cambiar mucho de tamaño. La posición añade peso. Las zonas superiores o centrales pueden atraer por convención y geometría. Las esquinas pueden volverse fuertes si concentran contraste. No existe una fórmula universal para sumar estos factores. La composición se parece más a un equilibrio de fuerzas que a una lista de reglas. Arnheim (1974) describió el campo visual en términos de tensiones y pesos perceptivos. El diseñador puede buscar estabilidad, producir una asimetría controlada o generar tensión deliberada. La nitidez dirige la atención. En fotografía, un rostro enfocado sobre un fondo borroso se separa perceptivamente del entorno. La profundidad de campo convierte esa separación óptica en jerarquía. El desenfoque puede tener funciones técnicas o estilísticas. En retrato aísla y en cine un cambio de foco puede transferir atención de un plano a otro. En imágenes documentales, una zona borrosa puede proteger la identidad. El significado depende de la práctica. El espacio negativo, es decir, las áreas relativamente vacías, también organiza el campo. Rodear un objeto de vacío puede aumentar su saliencia y darle autonomía. En diseño editorial, el espacio en blanco reduce competencia entre bloques y ayuda a establecer grupos. El vacío no significa ausencia de composición. Una gran superficie sin elementos puede ser el recurso que otorga peso al único objeto visible. ## Agrupamiento perceptivo La psicología de la Gestalt estudió principios mediante los cuales elementos separados se perciben como unidades. Wertheimer (1923) describió regularidades como proximidad, semejanza, buena continuación y destino común. La proximidad es especialmente relevante en diseño. Dos etiquetas cercanas parecen pertenecer al mismo bloque, la semejanza de color o forma puede agrupar elementos distantes y una línea continua conecta regiones. Estas tendencias permiten construir jerarquías sin necesidad de marcos explícitos. La semiótica visual puede aprovechar esos principios sin reducir el significado a percepción. Que dos elementos se agrupen perceptivamente no dice todavía qué relación semántica mantienen. El diseñador puede agrupar dos cifras para sugerir comparación, dos retratos para insinuar alianza o dos botones para presentar alternativas. La percepción organiza y la interpretación atribuye relaciones. Estos principios se vuelven especialmente visibles cuando el diseño establece fronteras. ## Conexión y separación mediante el *framing* En la terminología de Kress y van Leeuwen, *framing* designa los recursos que presentan componentes como unidos o separados. Un marco, una línea, un cambio de color de fondo o un espacio vacío puede crear fronteras. La continuidad de fondo, el solapamiento o una trayectoria compartida pueden reducirlas. Una página web con tarjetas separadas por bordes organiza contenidos como unidades discretas. Una infografía sin divisiones fuertes puede presentar datos como parte de un mismo flujo. Un formulario que agrupa preguntas bajo un fondo común indica que pertenecen a una sección. La fuerza del *framing* puede cambiar la lectura conceptual. Dos gráficos colocados dentro de un mismo recuadro se leen como comparables. Si cada uno aparece en páginas distintas, la relación debe reconstruirse. El *framing* puede ser gradual. Un cambio tenue de fondo separa menos que un borde grueso. Dos módulos pueden compartir una columna y, a la vez, conservar fondos distintos. Esa gradación permite representar jerarquías anidadas, con elementos que pertenecen a una sección común pero cumplen funciones diferentes dentro de ella. La separación visual no implica oposición y puede expresar independencia, secuencia o simple claridad. El análisis debe observar qué otras señales acompañan la frontera. Junto con esas fronteras, la repetición y la continuidad crean ritmo. Una serie de módulos del mismo tamaño genera estructura y permite anticipar cómo leer los siguientes. Las tablas, los carruseles digitales y las páginas de catálogo explotan esta regularidad. El ritmo puede romperse para producir saliencia. Si diez módulos son idénticos y uno cambia de color o tamaño, la diferencia recibe atención inmediata. La excepción depende de la regularidad previa. La continuidad organiza trayectorias. Flechas, líneas, columnas y alineaciones guían el ojo. Una composición puede favorecer un recorrido vertical, circular o diagonal. Esas rutas no son deterministas y el observador puede desviarse según sus intereses o atraído por un elemento especialmente llamativo. Hablar de «trayectoria de lectura» es útil cuando se presenta como tendencia. Afirmar que todos los observadores recorren una imagen en un orden fijo requiere evidencia experimental. ## Encuadre fotográfico y fuera de campo El encuadre fotográfico selecciona una porción del espacio. Toda fotografía excluye. Mostrar un rostro y cortar el resto del cuerpo produce una relación distinta de la de un plano general que incluye el entorno. El recorte puede intensificar una emoción, eliminar contexto o concentrar atención. En periodismo, dos recortes de la misma escena pueden sostener interpretaciones muy diferentes. Una fotografía de una manifestación puede mostrar una multitud o aislar a una persona enfrentándose a la policía. Ninguna imagen miente necesariamente, pero cada una selecciona una escala del evento. El fuera de campo adquiere importancia porque lo excluido puede seguir siendo inferible. Una persona mira hacia la derecha del encuadre y activa un espacio que no vemos. Una mano entra desde fuera y sugiere un cuerpo ausente. El marco crea así una frontera entre lo visible y lo supuesto. El análisis responsable distingue esa inferencia de lo comprobado. Una fotografía puede insinuar una relación causal sin demostrarla. La superposición indica qué elemento está delante de otro. En representaciones bidimensionales contribuye a construir profundidad y jerarquía. Un objeto puede cubrir parcialmente a otro y reducir su visibilidad. Esa relación física puede adquirir valor semiótico. Un texto superpuesto sobre un rostro puede integrar palabra e imagen o dificultar deliberadamente la identificación. Una interfaz con ventanas superpuestas construye capas de prioridad. La profundidad también puede organizarse mediante perspectiva, tamaño y desenfoque. El primer plano suele recibir mayor presencia, pero un fondo luminoso puede competir con él. En fotografía y cine, la profundidad permite distribuir información simultánea en varios planos. El espectador decide qué atender. En diseño informativo, demasiada profundidad simulada puede añadir ruido y reducir legibilidad. ## Texto e imagen en una misma superficie Cuando aparece escritura dentro de una composición, el texto tiene contenido verbal y forma visual. Tamaño, tipografía, alineación y posición modifican su función. Un titular es una oración y una forma visual cuya escala puede convertirlo en el elemento dominante de una página. Una leyenda pequeña puede contener información esencial y quedar perceptivamente subordinada. La jerarquía tipográfica crea una arquitectura de lectura antes de que se procese el contenido completo. La relación entre texto e imagen puede ser redundante, complementaria o tensa. Un pie de foto puede identificar lo que la fotografía no especifica, un título puede reencuadrar la interpretación y una imagen puede aportar evidencia que el texto comenta. La posición del texto altera además su estatuto. Una frase dentro de la fotografía puede formar parte de la escena, como un cartel callejero, o ser añadida por el diseñador. En un meme, texto e imagen suelen depender uno del otro. La fotografía recibe una lectura nueva por la leyenda y la leyenda queda incompleta sin la fotografía. La composición decide si esa relación se percibe como una unidad o como comentario externo. Bateman (2014) desaconseja tratar la relación entre lo verbal y lo visual mediante etiquetas demasiado generales. Conviene examinar qué información aporta cada modo y qué dependencias concretas existen entre ellos. ## Diseño editorial e interfaces La composición editorial administra atención en espacios densos. Una portada organiza titulares, fotografías, logotipo y publicidad dentro de una jerarquía. La ubicación y el tamaño comunican qué temas considera prioritarios el medio. En una página digital, esa jerarquía cambia con el tamaño de pantalla. El diseño responsivo puede desplazar elementos, ocultarlos o reorganizar columnas. La composición deja de ser una superficie fija y se convierte en un sistema adaptable. Esto complica la idea de una única «lectura» de la página. El mismo contenido puede aparecer en dos columnas en escritorio y en una secuencia vertical en teléfono. Un elemento que era marginal puede ocupar después todo el ancho. La semiótica del diseño digital necesita analizar reglas de transformación además de una captura estática. También cambia la temporalidad. Una página extensa se revela mediante desplazamiento, menús y expansiones. Parte de la composición está fuera de pantalla y solo aparece después de una acción. La posición vertical absoluta pierde sentido si el usuario entra mediante un enlace profundo o una búsqueda interna. En estos entornos, jerarquía visual y navegación deben analizarse juntas. Las interfaces añaden consecuencias conductuales. Un botón de aceptación grande y contrastante junto a una opción de rechazo pequeña crea una asimetría visual. El usuario conserva formalmente ambas posibilidades, pero el diseño distribuye su atención de manera desigual. Este tipo de arquitectura se vuelve relevante en el estudio de patrones oscuros o *dark patterns*. La cuestión excede lo estético. La saliencia puede modificar elecciones cuando una interfaz explota sesgos de atención o esfuerzo. ## Gráficos, tablas y mapas La composición científica merece un análisis particular porque suele presentarse como transparente. Un gráfico selecciona escala, color, orden y rango. Cada elección puede facilitar o distorsionar la comparación. En un gráfico de barras, la longitud codifica magnitud. Si el eje se corta, diferencias pequeñas pueden parecer grandes. En un mapa, el tamaño de las regiones puede dominar la percepción. Una paleta de color puede sugerir continuidad o categorías discretas. Las tablas tienen otra lógica. Filas y columnas convierten la alineación en estructura. La proximidad permite comparar celdas y un sombreado puede destacar un subconjunto. El orden de las columnas orienta qué comparaciones son más fáciles. La claridad científica exige que la saliencia coincida con la importancia analítica. Si una decisión decorativa domina sobre el dato relevante, el diseño interfiere con el argumento. La elección del denominador es un ejemplo menos evidente. Un mapa por números absolutos puede hacer que las regiones más pobladas dominen visualmente, aunque la pregunta relevante sea una tasa. El problema parece estadístico, pero se vuelve composicional cuando la representación asigna más superficie o más intensidad a una medida que no responde a la pregunta. Algo semejante ocurre con escalas de color donde diferencias mínimas reciben contrastes exagerados. La composición científica funciona mejor cuando el lector puede reconstruir con poco esfuerzo qué variable ocupa cada posición, qué codifica cada dimensión visual y qué comparación pretende facilitar la figura. Un diseño atractivo que obliga a descifrar esas correspondencias varias veces aumenta carga sin aportar información. En géneros centrados en personas, la jerarquía adopta formas distintas. Los rostros reciben atención privilegiada y, en publicidad, un rostro puede ser el ancla de la composición. La dirección de su mirada puede además orientar hacia un producto o un texto. Esto explica parte de la eficacia de algunas disposiciones, pero no justifica reglas universales. El efecto depende de la tarea y del contexto cultural. En periodismo, la elección de una imagen puede condensar una interpretación. Una portada que sitúa el rostro de una persona bajo un titular negativo crea una asociación espacial inmediata. La composición puede sugerir una causalidad que el texto no afirma. La propaganda explota con frecuencia escala, centralidad, repetición y monumentalidad. Figuras políticas representadas desde abajo, multitudes ordenadas y símbolos sobredimensionados construyen relaciones de poder. Estos recursos existen también en cine, publicidad y arte sin el mismo propósito político. El género decide cómo se leen. El arte puede aprovechar convenciones composicionales para violarlas. Una figura cortada en un lugar inesperado, un centro vacío o una jerarquía invertida pueden producir tensión porque contradicen expectativas previas. La ruptura solo funciona si existe una norma o tendencia reconocible. Una composición asimétrica no es «incorrecta», puesto que puede ser la decisión principal de la obra. Este punto limita los análisis que convierten la gramática visual en un manual de buen diseño. Las categorías sirven para describir elecciones sin establecer qué composición debe usarse. ## Medir la saliencia El seguimiento ocular permite estudiar dónde fijan la mirada los observadores y durante cuánto tiempo. Los mapas de calor resumen patrones de fijación. Estas técnicas pueden poner a prueba hipótesis sobre saliencia. La relación entre mirada y significado no es directa. Mirar un elemento durante más tiempo puede indicar interés, dificultad o confusión. Una fijación breve puede bastar para reconocer un objeto familiar. La tarea experimental influye mucho. Los mapas de calor tampoco deben leerse como fotografías de la importancia psicológica. Suman las fijaciones de muchos observadores y borran su orden temporal. Dos personas pueden producir un mapa agregado similar mediante recorridos distintos. Para estudiar trayectorias hacen falta secuencias de sacadas y fijaciones. Las densidades finales, por sí solas, no bastan. Las pruebas de recepción permiten estudiar también memoria, comprensión y elección. Si una interfaz pretende destacar un dato, se puede medir si los usuarios lo encuentran. Esa evidencia complementa el análisis formal. La ventaja metodológica es que una afirmación como «este elemento domina la atención» puede convertirse en hipótesis empírica. El análisis semiótico propone mecanismos y la investigación de recepción evalúa sus efectos. ## Imágenes generadas y composición automatizada Los sistemas generativos producen composiciones plausibles aprendiendo regularidades de grandes conjuntos de imágenes. Pueden centrar rostros, equilibrar masas y reproducir estilos de publicidad o ilustración. Esa capacidad no garantiza comprensión del propósito comunicativo. Una imagen puede ser visualmente convincente y colocar un elemento secundario en la posición de máxima saliencia. También puede mezclar convenciones de géneros incompatibles. La evaluación de imágenes generadas necesita los mismos criterios que cualquier diseño. Importa qué jerarquía construyen, qué conexiones establecen y si esa organización sirve a la tarea. El origen automático no elimina la necesidad de análisis. Además, los modelos pueden reforzar composiciones recurrentes de sus datos de entrenamiento. Si cierto tipo de autoridad aparece casi siempre centrada y fotografiada desde abajo, el sistema puede reproducir ese patrón sin una decisión explícita. La repetición automática también tiene consecuencias semióticas. Otra peculiaridad de la generación es que el encuadre completo puede surgir de una instrucción verbal sin que el usuario haya decidido cada relación espacial. Aun así, alguien selecciona la imagen final, la inserta en un soporte y la presenta con un propósito. La autoría composicional puede quedar distribuida entre modelo, interfaz y usuario. El análisis de la imagen terminada sigue siendo posible, aunque la reconstrucción de su producción requiera más cautela. ## Auditar una composición Una auditoría visual puede comenzar sin interpretar. Conviene identificar el campo, los elementos principales, los límites y las relaciones espaciales. Después se observa qué componentes destacan y por qué, sea por tamaño, contraste, posición, nitidez, rostro, aislamiento u otra propiedad. El siguiente paso examina agrupamientos y establece qué se percibe como unidad, qué separan los márgenes, los fondos o las líneas y qué elementos comparten alineación. Luego se analiza el recorte para ver qué contexto queda visible y qué queda fuera. Solo después tiene sentido formular hipótesis sobre valor de información, poder, prioridad o persuasión. Ese orden reduce la tendencia a encontrar significados políticos o psicológicos en cualquier elección de diseño. Una buena auditoría incluye contraejemplos. Si se afirma que el elemento de mayor tamaño es el más importante, conviene buscar si otro recurso contradice esa jerarquía. Si el centro parece dominar, hay que observar si el contraste desplaza la atención hacia un margen. El análisis mejora cuando intenta refutar su primera lectura y empeora cuando solo acumula argumentos a favor. En una figura científica, la auditoría debe comprobar además si la jerarquía perceptiva coincide con la jerarquía de los datos. En una interfaz, debe preguntarse si las opciones relevantes tienen una visibilidad proporcional a su importancia. En una pieza clínica, la prioridad es que la composición facilite comprensión sin inducir falsas relaciones. ## El espacio también argumenta La composición participa en la interpretación de los contenidos y no es un envoltorio añadido a algo ya terminado. Un elemento arriba, aislado y ampliado adquiere una posición diferente de la del mismo elemento reducido y colocado junto a otros. Una fotografía recortada transforma el contexto disponible. Un borde puede convertir continuidad en separación. Eso no vuelve arbitrario el análisis. Las inferencias deben apoyarse en rasgos observables y en convenciones pertinentes al género. Cuando se afirma un efecto sobre audiencias, hace falta además evidencia de recepción. La utilidad de estudiar composición está en ese rigor, que permite explicar por qué dos piezas con los mismos objetos y las mismas palabras pueden producir lecturas muy diferentes. El texto siguiente continuará en otro nivel de materialidad visual, formado por color, tipografía y soporte, recursos cuya organización modifica la jerarquía y el tono de una composición incluso cuando su estructura espacial permanece estable. ## Referencias Arnheim, R. (1974). *Art and visual perception: A psychology of the creative eye* (ed. rev.). University of California Press. Bateman, J. A. (2014). *Text and image: A critical introduction to the visual/verbal divide*. Routledge. Kress, G. (2010). *Multimodality: A social semiotic approach to contemporary communication*. Routledge. Kress, G., y van Leeuwen, T. (2006). *Reading images: The grammar of visual design* (2.ª ed.). Routledge. Ware, C. (2013). *Information visualization: Perception for design* (3.ª ed.). Morgan Kaufmann. Wertheimer, M. (1923). Untersuchungen zur Lehre von der Gestalt II. *Psychologische Forschung*, *4*, 301–350.