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í.
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:
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:
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?
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.
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).
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.
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).
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.
Joonas
Andrés H
DA01
Artech آرتک
Artech آرتک
Artech آرتک
DA01
Artech آرتک
DA01
de paisano