La fotografía es uno de tus recursos más poderosos como diseñador. Aquí vamos a echar un vistazo a algunas formas inteligentes y únicas para crear diseños centrados en la foto utilizando múltiples imágenes.
Usando Múltiples 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 un texto que lo acompaña 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 descubrir una manera atractiva de mezclar varias imágenes en un diseño cohesivo, especialmente si está trabajando con impresión en lugar de un espacio interactivo ilimitado. Ahorre horas de juguetear leyendo rápidamente nuestros ejemplos. ¡Siéntete libre de robar estas ideas y usarlas como tuyas!
Apilarlos
Las fotografías de 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 deben 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 mitad de camino y dar espacio a cada uno.
Como puede ver, el texto hubiera sido difícil de colocar en las fotos, así que simplemente dibujé una franja como titular del titular. Para evitar que se vea una línea dura, empañé 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 cuadrado
Con la misma idea general en mente, puedes 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 puesto tienen esta característica. Esto mantiene todo agradable y fácil de leer / interpretar y 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 ajustaban a una cuadrícula aproximadamente cuadrada. Este es un paso importante para asegurarse de que obtiene las proporciones correctas y le ahorra muchos problemas a largo plazo. Desde aquí simplemente suelta algunas imágenes y las enmascara a diferentes formas dentro de su marco de cuadrícula general.
Como puedes ver, llené los espacios con colores sólidos, que agarré con el cuentagotas de las imágenes circundantes. Siempre desea asegurarse de que cualquier color de relleno que use en un diseño vaya bien con la fotografía y una de las mejores maneras de hacerlo es tomar sus colores directamente de las imágenes.
Crear líneas de cuadrícula
El diseño de cuadrícula básico que se ve arriba viene en un millón de variaciones diferentes. Intente modificar el tamaño de las celdas individuales, la proporción de rellenos de color a las imágenes, etc.
Una técnica muy común es acentuar las fotos individuales creando separaciones claras. Básicamente, solo haga una línea blanca gruesa alrededor del borde de cada foto y obtendrá 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 con el texto. No es diferente a una versión muy simple de la cuadrícula de arriba, solo estás 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 van bien juntos. 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 fresco. 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 de una sola toma.
Texto fotografico
Soy un gran fan de enmascarar imágenes a 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, tomé una textura de madera para el texto. El resultado realmente vincula bien el texto con la fotografía debajo, incluso más que un simple relleno de color con gotas para los ojos.
Desnudarse, quitarse toda la Ropa
Nuestra sugerencia final utiliza un diseño de franja vertical, perfecto para cuando intenta crear un ambiente o ambiente general y no necesariamente es necesario mostrar las imágenes completas.
Este efecto puede ser abrumador si vas demasiado lejos con él. Además, puede ser difícil colocar texto sobre 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, note que mis proporciones son muy intencionales. Primero, divido la página por la mitad y luego divido 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 llegar a usar dos fotos en una página completa como si fueran una sola imagen. Tenga en cuenta que no siempre tiene que diseñar con líneas perfectamente horizontales o verticales.
A continuación, cuando use una cuadrícula de imágenes, asegúrese de tomarse el tiempo de diseñar sus guías para que las proporciones relativas sean correctas (a menos que vaya para 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 completamente.
Finalmente, cuando trabaja con varias fotos, casi siempre es una buena idea tener una imagen destacada que se destaque del resto. Puedes ver esto en funcionamiento en la mayoría de los ejemplos anteriores. Siempre establezca una jerarquía visual e intente evitar darle a todo en su página el mismo peso e importancia visual.
Conclusión
Espero que los ejemplos y las lecciones de esta publicación hayan puesto a tu cerebro a punto de pensar y pensar nuevas formas de incorporar múltiples fotografías en tus 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 procure tener claridad sobre el caos. A medida que continúe agregando elementos visuales a la página, recuerde que hay un punto de disminución de los rendimientos en los que realmente está reduciendo el impacto del diseño.