Hoy vamos a explorar un truco de diseño súper fácil para combinar texto y fotos de maneras interesantes. Le enseñaré cuatro métodos para usar la direccionalidad de una fotografía para determinar el diseño de diseño correspondiente.
Este será divertido y seguramente desafiará la forma en que piensas acerca de las imágenes en tus diseños, ¡así que siéntate y acompáñanos al paseo!
Sin reglas
Prólogo de este artículo con una breve admisión de que los siguientes consejos no representan reglas duras y rápidas que debe seguir en su trabajo de diseño. En su lugar, es simplemente un método (en cuatro partes) que puede utilizar para alinear varios elementos de diseño en relación con el contenido de una foto.
Obviamente, las consideraciones como los espacios en blanco a menudo tienen un efecto principal en el lugar donde se coloca texto en una foto. Tenga esto en cuenta cuando trabaje con sus propias imágenes de esta manera.
¿Por qué hacer esto en absoluto?
Aunque no es necesariamente un requisito, le recomiendo que siempre mire bien las líneas duras de una fotografía que intenta combinar con texto y gráficos. La repetición es uno de los principios de diseño más importantes y esta es una implementación natural de esa idea. Al analizar la foto y seguir su direccionalidad, encontrará formas increíblemente fáciles de hacer que los gráficos y el texto se vean realmente integrados, como si la imagen se creara expresamente para el propósito para el que la usa, una gran ilusión si usa el papel .
Entonces, ¿qué quiero decir al sugerir que sigas las líneas existentes en una foto? Vamos a ver.
Literal
Nuestro primer método para usar las líneas en una foto es el más simple y directo. Todo lo que tiene que hacer es analizar el contenido de la imagen y usar líneas duras para ayudar a alinear su obra de arte de una manera muy literal.
El primer paso en este proceso es, obviamente, encontrar la foto correcta. No todas las imágenes se prestarán a las técnicas de este artículo, como requisito previo, debe utilizar algo con bordes claros y duros. La siguiente imagen del fotógrafo Stephen Heron es un ejemplo perfecto.
Como puede ver, hay muchas áreas de colores distintos, grandes y sólidos. El marco de los edificios proporciona secciones separadas naturalmente que pueden actuar como contenedores para nuestro contenido.
En la versión modificada a continuación, agregué algunas señales gráficas a la imagen para que pueda comenzar a pensar en el flujo de las líneas como algo que se destaca y se puede utilizar fácilmente.
Con estas pautas en mente, podemos colocar nuestro contenido en línea con estas líneas existentes. El resultado es bastante agradable. Por sí solo, este diseño parecería errático, pero con la imagen que rige nuestra ubicación, funciona perfectamente.
Demasiado obvio ¿verdad? ¡No necesitabas un artículo para decirte que coloques texto en el lugar más natural de una fotografía! Este es simplemente el punto de partida de nuestra conversación, podemos usar esta lógica para ir aún más lejos en algunas ubicaciones que pueden no saltarle demasiado.
Literal extendido
En el ejemplo anterior, tomamos nuestro texto y gráficos y los colocamos directamente en las líneas y bordes existentes en la foto. Sin embargo, a menudo es el caso que una fotografía ocupada evite que esto sea una colocación natural. Por ejemplo, en esta fotografía de theklan, colocar el texto justo encima de las escaleras dificultaría la lectura del contenido.
El área natural del espacio en blanco está en el lado derecho, donde tenemos una gran pared vacía para trabajar. Ahora, podríamos tirar nuestro texto al azar y llamarlo un día, o podríamos ser un poco más intencionales acerca de nuestra ubicación considerando las pautas existentes que la fotografía nos ofrece.
Observe cómo dibujé las líneas para que coincidan con los pasos, aunque no se extiendan por toda la página. Los pasos sirven como el punto focal principal de la imagen y tienen líneas tan duras que tus ojos tenderán a seguirlos. Si luego usamos estas líneas, nuestro texto debería, en teoría, tener una ubicación muy natural que parece encajar muy bien con la imagen.
Tenga en cuenta que, de arriba a abajo, cada pieza de texto tiene una ubicación muy intencional que coincide con la direccionalidad preexistente de la imagen. Estas líneas no solo gobiernan donde establezco el texto, sino también el tamaño de cada pieza.
Esta vez nuestro efecto resultante es mucho más sutil. La mayoría de los espectadores ni siquiera se darán cuenta de lo que has hecho, y sin embargo, hay una sensación de rectitud en la forma en que se coloca el texto.
Repetición
¿Recuerdas la repetición de nuestro buen amigo? Esta vez vamos a aprovechar este principio en gran medida a la luz de las líneas existentes en la foto.
La siguiente imagen de aves en un cable, tomada por Lali Masriera, proporciona el lienzo perfecto para este experimento. Las líneas aquí son muy claras y hay una gran cantidad de espacios en blanco a la derecha que podemos usar para el contenido.
Esta vez, al colocar mis líneas, hice algo un poco diferente. No solo coloqué las líneas que corresponden a los elementos existentes en la página, sino que también las utilicé como punto de partida de un patrón o cuadrícula. Me estoy tomando algunas libertades y agregando mis propias líneas, pero imitan directamente a las que ya están en su lugar. Una vez más, esto simplemente hará que nuestra ubicación sea un poco más natural que si desafiamos esta direccionalidad con una ubicación perfectamente vertical.
Con esas líneas en su lugar, hemos creado secciones claras y utilizables. Tenga en cuenta que estos no necesariamente existían en esta forma en la imagen original como en nuestro primer ejemplo, en lugar de eso, utilizamos el contenido existente como inspiración para una forma repetitiva.
Tenga en cuenta que puede llevar este principio al extremo y rotar su texto para imitar aún más la direccionalidad de las líneas existentes.
Simetría inspirada
Para nuestro último ejemplo, usaremos un método que es muy similar al método de repetición anterior, pero de una manera más compleja. Para empezar, tomé esta increíble imagen del fotógrafo Daniel Zedda.
Realmente me encanta esta imagen, la composición es increíblemente sólida y utiliza una técnica que se encuentra a menudo en el arte renacentista europeo. Si pensamos en las líneas naturales más fuertes de esta foto, realmente no se extienden a lo largo de la imagen como en los ejemplos anteriores. En cambio, vemos una pirámide muy definida que toma forma.
Podemos usar esta forma como inspiración para la forma en que colocamos nuestro texto en la página, tal como lo hicimos con la foto del pájaro. Para hacer esto, dibuja las líneas que forman el triángulo, luego copia ese triángulo y colócalo en el área de la izquierda. Finalmente, use este nuevo triángulo como una guía para la colocación del texto.
Observe que, en el resultado final a continuación, no continué con la forma de pirámide hasta el fondo. En cambio, mis líneas de texto parecían ajustarse naturalmente a una forma casi de diamante, y eso es completamente aceptable. Una vez más, estás estableciendo las reglas aquí, así que siéntete libre de distorsionar y repensar las líneas naturales de la foto en lugar de simplemente tomarlas tan literalmente.
Conclusión
El objetivo aquí es no seguir exactamente mis sugerencias, sino simplemente tomar conciencia de cómo el contenido existente en una fotografía puede servir de guía e inspiración para crear diseños únicos que se separen del molde de corte de galletas que es tan fácil caer en.
Deje un comentario a continuación y háganos saber lo que piensa de estos ejemplos. ¿Piensas en la direccionalidad del contenido en una fotografía antes de agregarle elementos o es una idea nueva para ti?