HOME / BLOG


7 mejores prácticas para incorporar fotografía en tu página web


Una foto bien ubicada puede contar una historia de una sola vez, mucho más eficazmente que las palabras.

Muchos diseñadores subestiman el valor de la fotografía en el diseño web. Para ser sincero, paso horas buscando fotos realmente buenas. El problema es que necesitas saber lo que estás buscando. En este artículo, le mostraré los mejores tipos de fotos para usar en el diseño de la interfaz de usuario, y el tipo de fotos que debe evitar.

¿Porque es esto importante? La fotografía puede crear el ambiente de un diseño. Cuando se trata de productos digitales web y móviles, la fotografía es una de las herramientas más poderosas para establecer cómo se expresa una marca. Una foto bien ubicada puede contar una historia de una sola vez, mucho más eficientemente que las palabras.

Aquí hay algunos consejos a tener en cuenta al usar la fotografía en el diseño de la interfaz de usuario:

 

1. Quédate con fotos de alta calidad

Las malas fotos arruinarán un diseño, incluso si todo lo demás se ve muy bien.

Si su diseño necesita fotografía y no es un fotógrafo talentoso, tiene dos opciones: contratar a un fotógrafo profesional o utilizar fotografías de alta calidad. Casi cada vez, elijo el último. Esta opción funciona mejor si sus necesidades son más genéricas.

Hay toneladas de excelentes recursos por ahí donde puedes comprar fotos de calidad. Incluso hay sitios que ofrecen hermosas fotografías de forma gratuita. Le proporcionaré una lista de recursos al final de este artículo.

2. Deje el ‘stock’ fuera del stock photography

Si bien la fotografía de archivo es una excelente opción para obtener fotos de alta calidad, es importante que elija sus fotos cuidadosamente.

¿Cuántas pantallas web has visto mostrando las mismas caras felices y sonrientes? ¿Gente de negocios de aspecto competente con trajes crujientes? Intenta evitar clichés y fotografías genéricas cuando puedas. Esto ayudará a que sus diseños se sientan más auténticos y humanos.

3. Asegúrese de que cualquier texto tenga un contraste consistente

¿Alguna vez has tratado de poner un titular en una imagen de gran héroe y fue difícil de leer? Eso es porque el problema es la imagen. Las fotos pueden ser muy dinámicas, con muchas áreas realmente claras y muchas áreas realmente oscuras.

Si debe usar una foto determinada, puede resolver el problema de contraste con una de estas técnicas:

  • Agregar una superposición
  • Bajar el contraste de la imagen
  • Colorear la imagen.
  • Agregar una sombra paralela a su texto

4. Utilice solo imágenes relevantes

No todas las imágenes mejoran la experiencia. Algunos de ellos solo ocupan espacio o, en el peor de los casos, confunden al usuario.

Los usuarios reaccionan a las imágenes más rápido que el texto, así que asegúrese de que su contenido coincida con las imágenes de soporte. Debe seleccionar imágenes que tengan una fuerte relación con los objetivos de su producto y asegurarse de que sean relevantes para el contexto.

5. Usa fotos de alta resolución

Las imágenes de baja resolución pueden tener un impacto significativo en sus usuarios. A veces esto puede ser el resultado de no optimizar sus imágenes correctamente o elegir imágenes pequeñas y luego ampliarlas.

En cualquier caso, asegúrese de que sus fotos no estén borrosas o pixeladas. Al descargar una foto debe recordar: cuanto mayor sea la resolución, mejor.

6. Motivos visuales repetidos

El buen diseño tiene unidad: se une como una entidad, con cada elemento apoyando a los demás estructural y visceralmente. Esa es una meta difícil de alcanzar. Pero prometo que su diseño se verá mucho mejor si intenta hacer que su fotografía se vea similar.

7. Menos es más

Probablemente hayas escuchado esta frase antes, ¿verdad? A veces, la mejor decisión que puede tomar es centrarse en su producto, para que pueda captar fácilmente la atención del usuario.

La página de inicio de Apple es un buen ejemplo de enfoque en las imágenes. Es elegante, limpio y utiliza una gran cantidad de espacio en blanco y grandes imágenes de pantalla completa para crear un diseño audaz. Puede visitar cualquier página de su sitio web y ver que se practica «menos es más» , obviamente una regla favorita para Apple.

Recursos increíbles con impresionantes fotos gratis:

Con suerte, después de leer este artículo, se siente mucho más seguro de usar la fotografía de manera efectiva en el diseño de la interfaz de usuario. Como se prometió, aquí hay algunos sitios de fotografía de stock para explorar si no tiene los medios para contratar a un fotógrafo. Estos también son mis favoritos personales:

1. UNSPLASH

Este es mi favorito absoluto. ¡Las fotos son tan profesionales y atractivas que quizás no creas que todo es gratis! Puedes ver que seleccionan manualmente cada foto y aceptan solo la mejor.

2. PEXELS

También es un excelente sitio web con fotos que están bien etiquetadas, se pueden buscar y son fáciles de descubrir a través de sus páginas de descubrimiento.

3. PIXABAY

Si no encontró lo que buscaba en los sitios web anteriores, puede probar Pixabay. Tienen más de 1,7 millones de imágenes de stock de alta calidad.



Compartir en:   

Facebook   Twitter   Mail   Whatsapp



impulsar ventas con tu tienda online

Impulsar las ventas con tu tienda online

Diseño web profesional

Cómo asegurarse de que el sitio web de su empresa coincida con la marca

identidad de marca

¿Qué es el diseño de identidad de marca?

mejorar diseño web

Cómo mejorar su diseño web

6 consejos para construir un sitio web moderno para tu negocio

6 consejos para construir un sitio web moderno para tu negocio

identidad de marca

Por qué la identidad de marca es importante para su negocio

web diseño grupoboom

4 maneras en que el diseño web puede ayudarlo a mejorar la experiencia del cliente

SEO

Los elementos imprescindibles de una estrategia de SEO exitosa

conversion diseño web

Mejorar la tasa de conversión con diseño web

diseño web profesional

Consejos de diseño web para ayudar a aumentar la conversión del cliente

nombre de dominio

7 consejos para elegir los mejores nombres de sitios web

consejos de SEO

7 consejos para ayudarte a hacer que tu sitio sea más amigable con SEO

diseño web profesional

5 razones de porque no diseñar tu página web con «hágalo usted mismo»

diseño web y seo

¿Cómo afecta el diseño web al SEO?

Por qué elegir diseño web personalizado sobre plantillas

diseño web profesional

Beneficios que su empresa puede obtener con el tipo de diseño web adecuado

diseñe su logotipo

Diseño de su propio logotipo

Por qué los servicios de diseño de sitios web son vitales para las empresas en línea

diseño web

Tres formas en las que un excelente diseño de sitio web puede ayudar a su empresa

Elementos de un gran diseño de sitio web

Elementos de un gran diseño de sitio web

logo para tu tienda online

5 consejos para diseñar un logotipo eficaz para su sitio web e-commerce

Las 4 áreas principales de SEO

Las 4 áreas principales de SEO

Diseño UX UI

UX UI como funcionan juntos en el diseño web

tips para diseño web para pymes

10 tips que todo sitio web de pyme necesita

fotografía en diseño web

7 mejores prácticas para incorporar fotografía en tu página web

diseño web trafico convertir

7 aspectos de diseño web para una mejor conversión del tráfico

Fotografía para e commerce

¿Cómo afecta la calidad de las fotos a las ventas de comercio electrónico?

¿Por qué necesita un sitio web?

¿Cómo elegir la empresa de diseño web adecuada?

palabras claves en el diseño web

Palabras claves, todo lo que necesita saber

diseño web

3 consejos simples para mejorar el sitio web para ayudarlo a atraer más clientes

diseño web personalizado

¿Por qué necesita optar por un diseño web personalizado?

landing page

Tácticas principales para una landing page altamente convertible

diseñadora web

Reglas de diseño para construir una página web agradable para los ojos

UX experiencia de usuario

Las cinco áreas de UX.

Hacer un buen sitio web: lo que los expertos no te dicen

Hacer un buen sitio web: lo que los expertos no te dicen

5 consejos para diseñar un sitio web que se destaque

5 consejos para diseñar un sitio web que se destaque

SEO

Errores de SEO más comunes que pueden matar a tus rankings

diseño de app

¿Cómo influye el diseño de una aplicación en los usuarios?

3 CONSEJOS PARA CREAR UN FLUJO DE USUARIO EFECTIVO

3 consejos para crear un flujo de usuario efectivo

grupoboom ux

3 elementos de diseño web garantizados para generar tráfico sostenible

diseño web

10 principios para un buen diseño

principios de simplicidad

10 principios de simplicidad

producto

Principios del diseño del producto

productos y servicios

Principios del diseño de productos y servicios

Experiencia de usuario

Paradigmas UX (experiencia de usuario)

tecnologia

Cómo la tecnología puede ayudarle a crecer y expandir su pequeña empresa

escribir contenido para blog

5 consejos para escribir contenido creativo

8 cosas importantes a considerar al construir un nuevo sitio web para su negocio

8 consejos al construir un nuevo sitio web para su negocio

Cómo hacer que tus sitios web se vean y se sientan originales

Cómo hacer que tu página web sea original

Consejos para mejores artículos de SEO

Consejos para mejores artículos de SEO

do more

5 errores que no puedes cometer en tu sitio web

logotipo diseño

¿Lo bueno, lo malo y lo feo? 10 características de un buen logotipo

diseño web y SEO

Diseño web y SEO: Todo lo que los diseñadores deben saber

Consejos sobre el uso de fondos blancos en el diseño de páginas web

Consejos sobre el uso de fondos blancos en el diseño de páginas web

Diseñar sitios web con un objetivo en mente

Diseñar sitios web con un objetivo en mente

10 consejos de diseño web altamente efectivos

10 consejos de diseño web altamente efectivos

creación de logo

6 pasos para el diseño creativo del logotipo

marketing visual

5 maneras en que puedes mejorar el marketing visual

redes sociales

Elegir las plataformas de redes sociales adecuadas para su negocio

redes sociales

¿Por qué funcionan las redes sociales?

Cómo evaluar la calidad (QA) de su página web

Cómo evaluar la calidad (QA) de su página web

¿que es el diseño web?

¿Qué es el diseño web?

diseñador

Diseño web: diferencias UX/UI diseñadores

10 razones por las que tu sitio web no recibe suficiente tráfico

10 razones por las que tu página web no recibe suficiente tráfico

diseño web profesional

15 principios para dar retroalimentación al diseño altamente valioso