¿Cómo crear un estilo coherente en las imágenes de stock para un sitio web?

Actualmente estoy aplicando cambios a este sitio .

Becky, mi cliente, exige que se cambien las imágenes para que el contenido de la imagen también sea compatible entre sí .

Intenté usar íconos y arte vectorial, etc., pero rechazaron todos los que ofrecí.

ingrese la descripción de la imagen aquí

Intenté cambiar las imágenes con cada versión cambiando el estilo de las imágenes, pero no sé cómo hacerlo. Pensé que tal vez una capa de superposición de color sería útil. Algo como esto:

ingrese la descripción de la imagen aquí

La primera imagen está tomada de smashing magazine .com y la segunda es de devpedia.ir

Esencialmente creando una capa de superposición de color con texto superpuesto en la parte superior.

Ellos rechazaron esta idea.

Entonces pensé en crear una forma diferente a partir de imágenes con el mismo estilo. Algo como esto:

ingrese la descripción de la imagen aquí

Pero también rechazaron esta idea. He probado muchas ideas y de muchas formas pero el cliente las rechaza todas.

¿Existen otras formas de crear consistencia entre un grupo de imágenes diferentes?

La única pregunta que veo aquí está en el título, pero es bastante abierta... La descripción solo sirve para confundirme. No tengo idea de qué es lo que quieres.
Hola, desarrolladores de Pedia, sus preguntas parecen estar más orientadas a la lluvia de ideas, que se considera fuera de tema. ¿Puedes reformular tu pregunta para ser más específico?
Parece que solo tienes un dolor en el culo del cliente. Eso sucede a veces. A veces hay que dejarlos ir.
@joonas Necesito una idea para desafiar con mi cliente...
@AndrewH sí absolutamente
@DA01 Quieren que tenga un diseño completo. pero no sé lo que quiere. estoy buscando una buena idea
Es posible que los clientes así no respondan a las 'buenas ideas'. Piensan que tienen una idea en la cabeza, pero por lo general no es tan profunda. Saben lo que no les gusta, pero no lo que les gusta. Esto suena más a un problema de gestión de clientes que a un problema de diseño. Sugeriría pedirles ejemplos. pregúnteles qué sitios web creen que hacen bien lo que buscan. Haz que visualicen realmente lo que quieren para ti.
@DA01 Les pregunto mil veces y cada vez me dicen "no tengo idea, hazlo tu mismo".
Bueno, en ese caso, diría que definitivamente estos son clientes que no quieres. Si tienes la habilidad de despedirlos, te sugiero que lo hagas. Si no, no sé qué puede hacer, pero asegúrese de cobrarles por cada hora de trabajo que esté haciendo en esto. En cierto punto, hay que dejar que el presupuesto tome las decisiones.
Para reiterar lo que dijo @DA01: una vez tuve un cliente como este. Seguí cobrando por su indecisión y cambios de alcance. Gané una buena cantidad de dinero antes de que finalmente me dijeran que de ahora en adelante manejarían las cosas internamente por "razones de costo". Solo asegúrese de que le paguen sobre la marcha, ¡no les dé una gran factura al final!

Respuestas (2)

Colores

  • Ajuste la claridad, la vitalidad y la saturación a un nivel similar en toda la colección de imágenes tanto como sea posible a simple vista.

    Tus imágenes me parecen un poco descoloridas/desaturadas, pero esto no es una crítica. Solo trata de hacer que cada uno comparta niveles similares de vitalidad, saturación y claridad.

  • Tiendo a enmascarar los cielos originales en colecciones de malas fotos al aire libre y reemplazarlas con un cielo consistente, soleado y (feliz)

  • A veces, durante la fase de búsqueda de fotos, puede ser bueno agregar una restricción adicional de buscar fotos con colores consistentes con su combinación de colores o encontrar imágenes en las que cambiar los colores para que se ajusten a su combinación no sea demasiado difícil.

Perspectiva

  • Encontrar fotos con un "plano"/perspectiva general similar realmente ayuda a crear coherencia.

    Por ejemplo, muchas de sus imágenes son, a falta de un término mejor, "al nivel de los ojos". Eso hace que la imagen a vista de pájaro sea muy inconsistente. Encuentre una perspectiva común o asegúrese de que la perspectiva difiera lo suficiente en toda la colección (no tenga un 95 % a la altura de los ojos, un 5 % a vista de pájaro; intente mezclarlo un poco más).

Nivel de detalle

  • Utilice imágenes con un nivel constante de detalle

    Por ejemplo, la mayoría de sus imágenes son fotográficas, lo que simplemente no tiene ninguna consistencia con los gráficos simples y "no realistas". Quédese con gráficos simples o gráficos fotográficos, pero no ambos con el mismo propósito.

Encuadre / Fondo

  • Asegúrese de que las imágenes se vean esencialmente como si estuvieran hechas específicamente para su marco

    Por ejemplo, la imagen de dos parejas con el corazón roto está encerrada dentro de otro marco, lo que hace que parezca que fue pegada por un aficionado.

  • Usa imágenes con composiciones de fondo similares

    Esto no significa todos los fondos de la naturaleza, o todos los fondos de color púrpura, significa que no tiene algunas imágenes de fondo completas, y algunos "recuadros de luz" (con mucho espacio en blanco literal).

En primer lugar, gracias por los cambios en cuestión. A continuación, estas fotos seleccionadas por el cliente/empleador y solo tengo que cambiar los estilos.
@DevelopersPedia Si estuviera en su lugar, creo que primero ajustaría los colores en todas las imágenes y arreglaría el marco en ese corazón roto (tal vez incluso cambiaría el color de fondo para que se ajuste mejor al esquema de color). Luego explíquele al cliente en base a algunos de los puntos anteriores, que necesita volver a seleccionar dos de las imágenes (la 3D y la vista de pájaro), si quiere que se vea lo mejor posible. Si se niegan, simplemente arreglaría lo que pudiera y les diría que no tomé/seleccioné las fotos, por lo que no puedo ser responsable de su efectividad.

Realmente no puedo ayudarlo con las demandas de sus clientes, y me temo que casi nadie puede hacerlo.

¿Quizás en realidad no está involucrado en la construcción del sitio web real, y 'solo' está creando diseños de muestra? Pero aún así, me gustaría recomendar que no cambie las imágenes reales que se cargan en el sitio web, sino que cambie la apariencia de las imágenes aplicando estilos CSS3 .

Todos los ejemplos que ha dado podrían lograrse mediante el uso de CSS. El efecto real se mostraría en el navegador mientras las imágenes permanecen iguales. Eso haría que el uso de estilos css fuera más flexible que manipular las imágenes. Básicamente, puede cambiar todos los estilos de imagen a la vez y no tiene que volver a renderizar y cargar ninguna de las imágenes. Entonces, incluso si su cliente decide aplicar otro estilo más tarde, puede hacerlo sin mucho estrés.

E incluso si en realidad no está creando el sitio web, mirar lo que se puede hacer con CSS puro también podría ayudarlo a obtener algunas ideas nuevas y frescas, y al mismo tiempo está en el lado seguro cuando se trata de la construcción real del sitio web. . Aquí hay una página con algunos ejemplos de 2011, pero probablemente encontrará muchos más cuando busque "estilos de imagen css3" o similares.

Muchas gracias por su sugerencia. Lo intentaré y anunciaré el resultado.