Consejos para diseñar con varias fotos
La fotografía es uno de tus recursos más poderosos como diseñador. Aquí echaremos un vistazo a algunas formas inteligentes y únicas de crear diseños fotocéntricos utilizando múltiples imágenes.
Usar varias fotos
Siempre es bueno mantener su contenido al mínimo para mantener una página limpia y fácil de escanear. El uso de una imagen principal con texto de acompañamiento es un modelo simple que funciona para muchos propósitos, pero cuando diseña para clientes del mundo real, a menudo tiene una carpeta completa llena de recursos que se espera que use.
Como diseñador, puede ser bastante difícil encontrar una forma atractiva de mezclar varias imágenes en un diseño coherente, especialmente si está trabajando con impresión en lugar de un espacio interactivo ilimitado. Ahórrese horas de violín leyendo rápidamente nuestros ejemplos. ¡Siéntase libre de robar estas ideas y utilizarlas como propias!
Apilarlos
Las fotografías con sangrado completo pueden ser una página muy atractiva y llamativa. Sin embargo, a menudo, los diseñadores abandonan la idea y el diseño general de una sola foto de sangrado completo cuando resulta que necesitan presentar dos imágenes o más.
Sin embargo, es bastante fácil crear un diseño que maximice dos imágenes. Para empezar, intente dividir la página a la mitad y dar igual espacio a cada uno.
Como puede ver, el texto hubiera sido difícil de colocar directamente en las fotos, así que simplemente dibujé una franja como titular del titular. Para evitar que se muestre una línea dura, borré las dos imágenes juntas debajo del área de texto.
Este efecto es excelente para mostrar no solo imágenes relacionadas, sino también temas con una dualidad conceptual: texturas suaves y duras, día y noche, etc.
No seas un cuadrado
Con la misma idea general en mente, puede lograr muchos efectos diferentes. Por ejemplo, en el diseño a continuación, creé franjas diagonales de contenido en lugar de líneas horizontales típicas.
Tenga en cuenta que he mantenido todo mi contenido en rotaciones normales. Ni el texto ni las imágenes son diagonales, solo las formas en las que se han colocado tienen esta característica. Esto mantiene todo agradable y fácil de leer / interpretar mientras le permite aprovechar un diseño más exclusivo.
Mosaico de imágenes
Una forma extremadamente popular y muy práctica de trabajar toneladas de imágenes en una sola página es organizarlas en una cuadrícula.
En el siguiente ejemplo comencé creando guías en Photoshop que se ajustan a una cuadrícula más o menos cuadrada. Este es un paso importante para asegurarse de obtener las proporciones correctas y le ahorra muchos problemas a largo plazo. Desde aquí solo tiene que colocar algunas imágenes y enmascararlas con diferentes formas dentro de su marco de cuadrícula general.
Como puede ver, llené los espacios con colores sólidos, que agarré con el cuentagotas de las imágenes circundantes. Siempre debe asegurarse de que los colores de relleno que use en un diseño combinen bien con la fotografía y una de las mejores formas de hacerlo es tomar los colores directamente de las imágenes.
Crear líneas de cuadrícula
El diseño de la cuadrícula básica como se ve arriba viene en un millón de variaciones diferentes. Intente jugar con el tamaño de las celdas individuales, la proporción de rellenos de color con las imágenes, etc.
Una técnica muy común es acentuar las fotos individuales creando separaciones claras. Básicamente, solo haz una línea blanca gruesa alrededor del borde de cada foto y obtendrás un efecto diferente pero igualmente atractivo.
Editorial
Para un aspecto más editorial, pruebe el diseño a continuación. Aquí presentamos una imagen principalmente y luego tomamos una imagen relacionada para acompañarla por el texto. No es diferente a una versión muy simple de la cuadrícula anterior, solo está usando menos fotos.
Una nota rápida sobre el uso de varias fotos en un solo diseño: siempre asegúrese de que los colores combinen bien. Cuando creé el diseño anterior, la imagen principal se tomó en blanco y negro y la imagen secundaria estaba en color y tenía un balance de blancos muy bueno. La luz azulada simplemente estaba causando estragos en mi esquema de color, así que desaturé la imagen y de repente las dos fotos parecían ser de una sola toma.
Texto Fotográfico
Soy un gran fanático de enmascarar imágenes en texto y lo he hecho en un par de artículos recientes. Aquí lo vemos como una forma de trabajar en otra foto relacionada de una manera sutil.
Como la imagen principal es de un puente de madera, agarré una textura de madera para el texto. El resultado realmente vincula muy bien el texto con la fotografía debajo, incluso más de lo que lo hubiera hecho un simple relleno de color con gotas de ojos.
Desnudarse, quitarse toda la Ropa
Nuestra sugerencia final utiliza un diseño de franja vertical, perfecto para cuando intentas crear un ambiente o estado de ánimo general y no necesariamente necesitas mostrar las imágenes completas.
Este efecto puede ser abrumador si vas demasiado lejos con él. Además, puede ser difícil colocar texto encima de tantas imágenes diferentes. Por estas razones y más, es bueno separar una imagen y presentarla de manera más prominente que el resto.
Una vez más, observe que mis proporciones son muy intencionales. Primero, dividí la página por la mitad y luego dividí el lado derecho en tercios.
Lecciones
Repasamos muchas cosas muy rápido. Más importantes que los ejemplos individuales son las lecciones que cada uno nos enseña. Primero, de vez en cuando puedes usar dos fotos en una página completa como si fueran una sola imagen. Tenga en cuenta que no siempre tiene que diseñar en líneas perfectamente horizontales o verticales.
Luego, cuando use una cuadrícula de imágenes, asegúrese de tomarse el tiempo para diseñar sus guías para que las proporciones relativas sean correctas (a menos que vaya a un diseño orgánico). Rellene los huecos con rellenos de color simples mediante la extracción de colores prominentes de las fotos circundantes. Experimente maximizando la apariencia de las líneas de la cuadrícula u ocultándolas por completo.
Finalmente, cuando trabajas con varias fotos, casi siempre es una buena idea tener una imagen destacada que destaque del resto. Puede ver esto en funcionamiento en la mayoría de los ejemplos anteriores. Siempre establezca una jerarquía visual y trate de evitar darle a todo en su página el mismo peso e importancia visual.
Conclusión
Espero que los ejemplos y las lecciones en esta publicación hayan hecho que su cerebro gire y piense en nuevas formas de incorporar múltiples fotografías en sus diseños.
Es demasiado fácil dejarse llevar y crear una página ocupada y sobrecargada, así que tenga cuidado de usar algunas restricciones y luche por la claridad sobre el caos. A medida que continúe agregando elementos visuales a la página, recuerde que hay un punto de rendimientos decrecientes en el que realmente está reduciendo el impacto del diseño.
