Introducción de los elementos gráficos en el área de diseño

Nuestro diseño se compondrá haciendo una abstracción de las formas, las líneas y los bloques. Las líneas corresponden al texto, formado, como hemos dicho, por titulares y cuerpos de texto principalmente. Los bloques de imágenes estarán constituidos por las ilustraciones y las fotografías que decidamos introducir. Todos estos componentes han de constituir un conjunto integrado de elementos donde la posición y la proporción estén adecuadamente elegidas para conseguir un todo armónico y equilibrado, asignando a cada parte el protagonismo que nos demande.

Introducción de la primera línea:

Llamaremos línea principal a los titulares: lo primero que hemos de valorar visualmente es que unas posiciones atraen ópticamente más que otras. Hemos de encontrar la posición visualmente más dinámica. Los pesos compositivos de cada uno de los espacios de nuestra página son distintos. En cada una de estas ubicaciones se establecen fuerzas compositivas diferentes donde las tensiones espaciales quedan más o menos definidas. Una misma línea tiene mayor peso si se ubica en la parte inferior de nuestro área de diseño, que si se sitúa en la zona superior de la página, donde se transmite una mayor sensación de ligereza.
Lo mismo ocurre con la situación respecto a los márgenes de la página. Una ubicación centrada establece un equilibrio estricto entre los pesos visuales. Sin embargo, esta percepción varía si desplazamos la línea hacia los márgenes laterales. Aproximando hacia la derecha nuestra composición, ésta experimenta un avance óptico contrapuesto al retroceso que observamos si nos la llevamos hacia el margen izquierdo. En ambos casos, el peso visual se concentra en un lateral de la composición, estableciéndose campos tensionales muy acentuados entre el elemento gráfico y el espacio en blanco que lo rodea.
Consideremos también el movimiento que podemos llegar a conferir a la línea variando su posición espacial. La inclinación ala que la sometamos creará un dinamismo gráfico que hace que varíe sensiblemente el aspecto de nuestra composición. El límite en la búsqueda de dinamismo nos llevaría a colocar nuestra línea principal en posición vertical, aunque hemos de hacer la observación de que esta posición frecuentemente dificulta la lectura del texto.
El diseñador ha de aplicar en todo momento juicios visuales que, guiados por su intuición creativa, puedan valorar correctamente cada una de las ubicaciones elegidas.
Otro factor importante a tener en cuenta respecto al peso visual de nuestro titular es el de la proporción que le asignemos, decidir a qué tamaño vamos a trabajar. La expansión o contracción de la línea hace que varíe la importancia del titular con respecto al resto de los elementos. Hemos de explorar los distintos comportamientos gráficos que experimenta dentro de la página al variar sus proporciones. Observamos el efecto que provoca su distorsión, su expansión o su condensación.
El tamaño asignado guarda estrecha relación con la posición en la que situemos el titular. No se comporta de igual modo una misma proporción en distintas posiciones e inclinaciones.
Recordemos que en última instancia, lo que en realidad estamos haciendo es conjugar espacios que manchan gráficamente la página, con espacios en blanco, poseyendo ambos un alto valor visual. La modificación de las proporciones de nuestra línea principal hará que la estructura global del resto de nuestra composición experimente variaciones. Unos elementos afectan a otros y viceversa.

El bloque de texto:

Al titular le suele acompañar casi siempre el bloque de texto, que estará compuesto de un número variable de líneas de palabras, que configurarán un bloque gráfico compacto en contraste con el titular, que queda constituido por una o dos líneas.
Normalmente el texto posee mayor extensión que el titular, aunque su peso visual suele ser menor, presentándose con un aspecto global más ligero. Hemos de tratar el bloque de texto de manera distinta al titular, para poder conseguir una clara diferenciación.

El cuerpo del texto constituye una información detallada del contenido de nuestra comunicación. Los valores tonales del cuerpo del texto se aprecian en esta figura: el primer bloque en versión Bold, el segundo Regular, y los dos restantes con un interlineado de 10/10, 10/12 y 10/14.

Estableceremos comparaciones estéticas en lo referente a su forma, su tamaño y su disposición. Debemos utilizar adecuadamente el espacio existente entre las líneas, el espaciado entre sus elementos constitutivos (palabras), así como el tamaño de éstas.
El cuerpo de texto forma un bloque compacto que mancha ópticamente nuestra composición. Podemos decir que se crea un color tonal originado por el peso visual que ejerza, que se ve afectado por todos los elementos que lo constituyen (líneas, letras y espacios).
Hay que tener siempre presente que, junto con el titular, el bloque de texto formará un todo coordinado que habrá de presentarse equilibrado visualmente para que cada uno pueda mantener la importancia gráfica asignada, así como que no quede interferida la legibilidad de ninguno de los dos.

Las imágenes:

Por último, habremos de introducir imágenes dentro del área de diseño. Las consideraremos como formas sólidas capaces de adoptar multitud de configuraciones. Se pueden presentar como formas regulares que encajen perfectamente con las líneas de texto previamente trazadas, o bien pueden adoptar formas irregulares, lo cual nos determinará que el trazado del texto lo tengamos que hacer respetando su contorno. En este caso deberemos siluetear el texto siguiendo los límites marcados por la imagen.
De la misma manera que ocurría en el texto, la escala y proporción que les asignemos, así como su posición, afectarán a la estructura global del diseño. En realidad, el proceso de integración de los distintos elementos gráficos es simultáneo, es un proceso conjunto en el que la introducción de nuevos elementos afecta al resto de los ya presentes. Probablemente nos obligará a variar constantemente las proporciones generales y las ubicaciones de los elementos previamente definidos.
Habremos de prestar constante atención al tamaño de todos los elementos (competencia visual ejercida entre ellos), así como al pautado que determinemos (espacios proporcionales entre los mismos).

El espacio en blanco en una composición cumple una función clara y definida, posee entidad en sí mismo, y equilibra el peso de los restantes elementos.

Recorrido visual de las areas de diseño

De forma establecida por nuestro sistema de percepción visual, influenciados además por factores culturales, procedemos siempre a leer la información gráfica según un esquema direccional constante y preestablecido. En el mundo occidental, la escritura se realiza en sentido horizontal con un trazado de izquierda a derecha. Por lo tanto, poseemos una inclinación natural a mantener esta direccionalidad en la decodificación que hacemos de los mensajes gráficos.
Teniendo en cuenta este principio, el diseñador ha de intentar distribuir la información gráfica procurando mantener esta estructura de Iectura en la disposición de los elementos, adjudicando a cada uno la ubicación óptima para que la transmisión de su mensaje alcance la máxima efectividad comunicativa. Los recorridos visuales básicos son los siguientes:

Recorrido visual ante los soportes gráficos sencillos
(una página-doble página):

Cuando nos enfrentamos a una única página, la entrada al área de diseño se realiza siempre por el margen superior izquierdo. La salida se efectúa siempre por el margen inferior derecho.
Desde que entramos hasta que abandonamos la página habremos realizado un promedio máximo de diez fijaciones visuales por hoja, habiéndonos detenido una media de dos veces en cada bloque de información. Siempre realizamos un recorrido visual en sentido descendente avanzando de izquierda a derecha.
Cuando la información gráfica ala que nos enfrentamos está constituida por una doble página, el recorrido variará notablemente. En el caso de enfrentarnos a una información en formato díptico pasaremos de la primera página o portada (en la cual realizaremos un recorrido visual idéntico al anteriormente citado), al interior de nuestra comunicación, procediendo a abrir la página por el margen exterior derecho. En el momento en que literalmente empezamos a pasar la página comienza nuestro contacto con el contenido gráfico de la doble página interior.
Observemos el esquema adjunto y veamos cómo aquí el primer contacto visual, y por tanto la entrada a la información, se realiza por el margen superior derecho de la página situada a nuestra derecha (página denominada impar).

Una misma línea tiene mayor peso si se la ubica en la parte inferior de nuestra área de diseño que si se sitúa en la parte superior, donde transmite una mayor sensación de ligereza.

Una ubicación centrada establece un equilibrio estricto de los pesos visuales, percepción que varía si desplazamos la línea hacia los márgenes laterales. Situada hacia la derecha experimenta un avance óptico contrario al retroceso que se observa si la llevamos hacia el margen izquierdo.

Otro factor a tener en cuenta es el tamaño. La expansión o contracción de la línea hace que varíe la importancia del titular con respecto al resto de los elementos.

Pasamos inmediatamente a efectuar un segundo contacto, una vez abierta nuestra doble página, que se sitúa en la parte media del margen izquierdo exterior de la página par, situada abajo.

Podemos conferir dinamismo a nuestra línea variando su posición espacial, sólo limitado a que en posición vertical se pueden producir dificultades en la lectura del texto.

Una vez enfrentados a la comunicación de formato doble, procedemos a realizar el siguiente esquema de recorrido visual. Hemos entrado por la derecha, pero el primer impacto visual lo recibiremos en el margen superior izquierdo de la página par (izquierda). A continuación realizamos un recorrido visual de izquierda a derecha y en sentido descendente por toda la página, para volver con el interés atenuado, debido a la acumulación de la información obtenida en la primera página, a la página de la derecha, donde el recórrido visual será más rápido saliendo, como ocurre en el recorrido por una sola página, por el margen inferior derecho.
Consecuentemente con el esquema de recorrido visual que hemos indicado, la información más importante la ubicaremos en la parte superior derecha, siguiendo a continuación con una jerarquía en el tratamiento de la información que será descendente en grado de importancia.

Eso sí, la información que deseemos que se recuerde en última instancia, la situaremos a la salida de la comunicación gráfica (límite inferior derecho). Observemos dónde se suele ubicar el teléfono, la dirección, los cupones de respuesta por correo, etc. Del mismo modo existen una serie de esquemas visuales que funcionan mejor a la hora de retener la atención del perceptor de nuestra comunicación, sobre todo en lo que respecta a las ubicaciones jerárquicas de las imágenes.
Debemos posicionar las imágenes de modo que dirijan la atención hacia el interior de nuestras composiciones, en vez de sacarnos inmediatamente de nuestro área de diseño.
Situaremos, por tanto, los ejes direccionales de nuestras imágenes siempre hacia el centro de nuestra composición, nunca al contrario. Si nuestro diseño se compone de una única página, y decidimos incluir, por ejemplo, un perfil, éste nunca debería ubicarse

En el mundo occidental, la escritura se realiza en sentido horizontal con un trazado de izquierda a derecha, por lo que poseemos una inclinación natural a mantener esa direccionalidad en la decodificación de los mensajes gráficos.

Si queremos mejorar la efectividad compositiva de nuestro diseño podemos seguir además la siguiente jerarquía formal con las imágenes. Teniendo en cuenta que el punto de máxima atención visual se sitúa en la zona superior izquierda de nuestra composición, hemos de observar las siguientes indicaciones, siempre que tengamos que enfrentar informaciones meramente visuales en nuestro diseño.

Cuando nos enfrentamos a una única página, la entrada al área de diseño se realiza siempre por el margen izquierdo superior. La salida siempre se realiza por el margen inferior derecho.

En caso de enfrentarnos a una información en formato díptico, pasaremos de la primera página al interior de nuestra comunicación, procediendo a abrir la página por el margen exterior derecho. En el momento en que literalmente empezamos a pasar la página, empieza nuestro contacto con el contenido gráfico de la doble página interior.

Las imágenes más grandes que vayan enfrentadas con otras más pequeñas las ubicaremos a la izquierda de nuestro área de diseño. Lo mismo ocurre si introducimos imágenes en color combinadas con imágenes en blanco y negro. Las imágenes en color poseen una mayor fuerza visual, por lo que tenderemos a posicionarlas en la zona izquierda para de este modo equilibrar sus pesos visuales. Si lo que enfrentamos son colores cálidos frente a fríos, ubicaremos los cálidos a la izquierda, ya que los colores fríos son más ligeros ópticamente, y por tanto poseen menor fuerza comunicativa. Muchas figuras enfrentadas a una sola deben ubicarse en la zona de mayor peso, al igual que ocurre cuando combinamos imágenes que implican acción frente a otras estáticas. El conjunto de elementos visuales más dinámico debe llevarse al área con mayor protagonismo visual.
Por último, indicaremos que existe además otra escala jerárquica de prioridades en lo que respecta al contenido visual ya la temática de las imágenes con las que trabajamos. Las imágenes de niños tienen más poder de atracción que las de adultos. Estos, a su vez, predominan sobre las representaciones de animales. Por debajo encontramos los objetos inanimados que poseen poca capacidad para captar nuestra atención, situándose al final de esta escala jerárquica, por su poco impacto visual, las imágenes de figuras geométricas.
Tengamos, pues, presente en nuestro diseño cada una de las jerarquías que hemos señalado anteriormente a la hora de seleccionar tanto la temática como la configuración, así como también la ubicación, si lo que pretendemos es comunicar nuestro mensaje con la máxima eficacia gráfica.

1 - 2 - 3 - 4