Trabajar con múltiples fotos e imágenes puede ser una perspectiva difícil. Hecho con cuidado, el uso de múltiples imágenes puede ayudar a crear un diseño efectivo y magistral para proyectos de diseño web e impresión. Algunos de los mejores ejemplos de diseño con múltiples fotos se pueden encontrar en los sitios web de fotógrafos profesionales.
Tenga en cuenta el dominio, la cantidad de fotos, el color, el agrupamiento y la calidad de imagen cuando trabaje con una variedad de fotos. Mire los detalles y considere la sensación de un proyecto para obtener los mejores resultados cuando use muchas imágenes en su proyecto.
¿Te gusta el artículo? Asegúrese de suscribirse a nuestro feed RSS y síganos en Twitter para mantenerse al día con el contenido reciente.
Crear dominancia
Su sitio debe tener una imagen, o colección de imágenes, que sea dominante y que sea la imagen grande obvia en el sitio. Considere usar una sola foto que use gran parte del espacio, vertical u horizontalmente con el que está trabajando o trabaje para combinar las imágenes de manera que aparezcan unificadas.
Sola foto
La forma más fácil de crear dominancia con imágenes es enfocarse en una sola imagen o foto. La imagen se muestra en tamaño grande con fotos más pequeñas que se utilizan para acentuar la imagen principal. Este es un concepto popular y puede funcionar excepcionalmente bien con una fotografía de gran tamaño y una agrupación de imágenes más pequeñas y recortadas.
Cultivo dramático
Otra forma de hacer que una sola foto se destaque en una construcción de diseño con varias fotos es usar un recorte dramático. A veces, una forma inusual, como una imagen horizontal o vertical extrema, es suficiente para atraerlo primero a una imagen. Las imágenes secundarias con formas más típicas no son el foco.
Cada uno de estos sitios utiliza una imagen horizontal fuerte de diferentes maneras. Maleny Manor tiene un enfoque directo con un recorte fuerte que se extiende a lo ancho de la página. Las imágenes secundarias son íconos pequeños que lo dirigen a otras imágenes. El sitio web de William & Mary parece usar también un recorte fuerte, pero si lo observas bien, el resto de la imagen está integrada en el banner. Este recorte truco también funciona para crear una imagen visual fuerte, que se complementa con imágenes más pequeñas que se recortan estrechamente.
Color
El uso del color, o no, también puede agregar impacto en diseños de múltiples fotos. La mezcla de fotografías que se usan a todo color con tonos en blanco y negro o sepia puede agregar contraste y énfasis a ciertas imágenes. La imagen impar, el color en un esquema en blanco y negro o viceversa, atraerá inmediatamente la mayor atención.
Denis Reggie Photography utiliza un esquema de imágenes en blanco y negro con una imagen en color giratoria para guiarte a través de las imágenes en la página. Además, la herramienta de navegación principal en la página está en un bloque de color estático. El color se utiliza para guiarte a través de cada una de las imágenes en secuencia. También tenga en cuenta cómo la imagen en color casi salta de la página en relación con las imágenes incoloras.
C&J Willis Photography utiliza una técnica similar. Al mezclar fotografías en blanco y negro y en color, el énfasis pasa de la imagen más grande a las imágenes más pequeñas a continuación. Las fotos en color aparecen más grandes y más dominantes y lo llevan a otros puntos del sitio web, porque la imagen en blanco y negro se desvanece en el fondo oscuro.
Agrupación de imágenes
Trabajar con grupos de imágenes también puede crear una presentación visual fuerte. Mientras que a algunos les gusta el enfoque reflejado, con un grupo de imágenes de forma y tamaño idénticos, también puedes jugar con grupos de formas y tamaños que no coinciden.
Ambos enfoques pueden funcionar pero requieren atención al detalle. La alineación correcta de las fotos es clave cuando se trabaja con agrupaciones. Asegúrese de que las fotos tengan el mismo tamaño cuando trabaje con una fila de tamaños similares y trabaje con recortes cuando use diferentes formas para que las imágenes encajen en su espacio.
¿Es igualmente importante que las fotos se peguen? Al agrupar imágenes. Tenga en cuenta que las imágenes web pueden moverse? basado en la configuración del navegador del usuario. Si su CSS no se adapta a la agrupación (o si es algo que no está listo para intentar), combine sus imágenes en un solo archivo en el software de edición de fotos como Adobe Photoshop y coloque el archivo de varias fotos como una imagen. Esto asegura que su agrupación de fotos aparecerá como usted desea. Además, recuerde que debe tener en cuenta el espaciado y la alineación, para que las imágenes tengan un aspecto limpio.
Consideraciones de impresión vs.
Las reglas para trabajar con múltiples imágenes cruzan los límites entre la impresión y el diseño web. Para cada tipo de proyecto de diseño, enfóquese en imágenes fuertes, legibilidad y detalles para los mejores resultados.
Tamaño y proporción
Demasiadas fotos pequeñas pueden ser difíciles de entender y pueden confundir a su audiencia. Considere el recorte de cada imagen y cómo llena el marco. Las fotos de gran angular no funcionan bien en tamaños pequeños, mientras que las fotos recortadas se sostienen mejor cuando se usan pequeñas.
La clave para ambos tipos de proyectos es la proporción. Mira las caras de arriba en la primera fila de fotos. En el plano general, las caras son casi indistinguibles y aparecen muy pequeñas. Pero en la segunda fila, cada una de las caras es claramente visible. Los marcos son idénticos en tamaño en cada fila de fotos y las fotos contienen las mismas imágenes; El único cambio es el cultivo de cada uno. Los cultivos más ajustados hacen que las fotos parezcan más grandes, aunque los marcos no lo son.
Desea que cada imagen sea legible en el tamaño que la muestra. Si no puede saber qué es la imagen o qué está sucediendo en una foto, reconsidere el tamaño de la imagen o experimente con un recorte alternativo.
La calidad de imagen
Una mala imagen utilizada pequeña o con texto es solo una mala imagen. Echarlo.
Asegúrate de usar imágenes fuertes en cualquier tamaño. Evite las imágenes pixeladas, borrosas, tomadas en condiciones de poca luz o con problemas obvios, como un dedo en la esquina de la foto o un destello de lente.
Usar solo una imagen de baja calidad puede impactar su proyecto, sin importar qué tan fuerte sea el diseño general.Las imágenes deficientes carecen de profesionalismo y pueden hacer que un cliente tenga una impresión negativa sobre su trabajo. No hay una solución para una imagen que carece de calidad en la resolución o composición.
Significado de la imagen
Piensa también en el mensaje que tu imagen transmitirá. Asegúrate de que las imágenes sean apropiadas para tu audiencia y coincidan? unos y otros. Por ejemplo, un sitio web que promocione un salón de tatuajes como el anterior no tendría el mismo efecto si la imagen de fondo presentara nubes y conejitos.
Conclusión
El uso de varias fotos en el diseño puede ser una herramienta eficaz para mostrar grandes imágenes. Desconfíe de las malas imágenes y seleccione las fotos con cuidado. Asegúrese de que cada imagen sirva para su proyecto y no fuerce el uso de imágenes adicionales si no están disponibles.
Considere cómo se verán las imágenes y tome medidas adicionales en el diseño web para asegurarse de que la agrupación permanezca intacta como lo desea. Tenga en cuenta los detalles en todos los proyectos de varias fotos y verifique los cultivos y el tamaño de las imágenes para que los grupos tengan tamaños uniformes y un aspecto limpio. Finalmente, juegue con diferentes opciones como cultivos idénticos y formas y tamaños diferentes para desarrollar el diseño que mejor represente su proyecto.
Fuentes de imagen: DeusXFlorida, kevin dooleyfotoskate y Anthony van Dyck.