Cómo usar la fotografía en el diseño web
El poder de un buen visual no es solo un fenómeno científicamente bien documentado; es la razón por la cual existe nuestra industria. De hecho, nuestra existencia como especie está ampliamente definida por nuestro sentido de la vista. Lo que vemos y cómo interpretamos las cosas que vemos es un factor importante para determinar nuestras acciones y, por lo tanto, el curso de nuestras vidas.
Puede escuchar, leer y pensar sobre cualquier cosa, concepto, objeto o persona; pero te será más difícil entenderlo hasta que lo hayas visto.
¿Alguna vez has conocido a alguien que nunca ha visto nieve por sí mismo? Tal vez eres una de esas personas. Los pocos que he conocido simplemente no pueden comprender de qué se trata. Oh, saben que es humedad en el aire que se volvió agradable y fría, pero no lo entienden. Conocí a algunos que me contaron sobre sus primeros encuentros con la nieve; y fui testigo de la pura maravilla, el asombro en sus caras ante estas cosas blancas que simplemente cayeron del cielo. He oído hablar de una o dos personas en países lejanos a quienes se les describió la nieve y no lo creyeron. Pensaron que estos extranjeros simplemente lo estaban inventando.
Los medios visuales, como la fotografía y el video, son lo más cercano a lo que podemos llegar a experimentar la vida en otro lugar sin ir allí. Cuando agrega una foto a un sitio web, no solo agrega píxeles bonitos. Está ofreciendo a sus usuarios una experiencia en miniatura para aceptar todo lo que vende.
¿Necesito enfatizar lo importante que es elegir la experiencia correcta?
La fotografía como diseño
Cuando diseño un sitio web basado en contenido que necesita imágenes, recurro a la fotografía en vez de a la ilustración. Ahora, esto se debe principalmente a que no puedo dibujar más que una figura de palo para salvar mi vida. ¡Si eres un ilustrador o tienes uno en tu equipo, entonces más poder para ti! Estoy celoso.
La foto correcta puede tomar un buen diseño y hacerlo genial. La foto correcta puede ser la solución a la picazón en la parte posterior de tu cerebro que dice: Algo falta. Pero tiene que ser la foto correcta .
Contraste
Debido a que la usabilidad es lo primero, asegúrese de que la foto que integra en su diseño tenga el tipo correcto de contraste. Lo más probable es que ponga cosas como texto encima, y no hay nada más irritante que el texto que apenas puede leer. Te estoy mirando, fuentes blancas finas sobre fondos claros.
Para encontrar el tipo correcto de contraste, comience con lo obvio: si la foto es clara, use texto oscuro o elementos, y viceversa. Si desea utilizar texto claro con un fondo claro, coloque algo oscuro entre el texto y la fotografía. Una sutil sombra es usualmente aceptable.
Calidad
Digamos que estás creando un sitio web para un pequeño restaurante. ¿Qué tipo de fotos quieres en el diseño? ¿Desea una foto tomada por alguien que estaba al otro lado de la calle concurrida, y tomó fotos con una cámara apunte y dispare en sus temblorosas manos? ¿Te gusta responder preguntas retóricas?
Si su cliente no ha tenido fotos de sus negocios y / o productos tomados por un profesional, intente convencerlos de que lo hagan. En su defecto, cuéntales sobre lo impresionante que es el diseño minimalista. No es mejor tener fotos como parte de tu diseño que intentar trabajar con fotos malas.
Pertinencia
Una imagen puede valer más que mil palabras, pero algunas son más relevantes que otras. Esto no hace falta decirlo, pero necesitas usar fotos que tengan algo que ver con lo que sea que estés vendiendo. En el caso del restaurante mencionado anteriormente, querrá usar fotos del negocio real, o su comida actual. Con este tipo de negocio, las fotos no te servirán de nada.
Cuando vende algo un poco menos tangible, como un seguro, por ejemplo, puede salirse con la suya usando fotos que están más simbólicamente vinculadas al producto o servicio en cuestión. Sin embargo, asegúrese de que el simbolismo sea sólido y que los usuarios de su sitio web lo reconozcan fácilmente. Los símbolos varían de un país a otro y de una cultura a otra.
Las imágenes grandes se venden
Esto parece casi un poco obvio si lo piensas. Las imágenes más grandes tendrán un mayor impacto visual. Quiero decir, ¿por qué no?
Bueno, la gente encantadora de Econsultancy decidió que solo pensar en eso no era suficiente. Necesitaban datos. Publicaron sus hallazgos en tres estudios de casos, que puedes leer aquí .
Fotografía como contenido
Las fotos no son simplemente geniales para completar un diseño, por supuesto, también ofrecen un excelente contenido, especialmente cuando se combinan con contenido no visual, como texto o audio. Esto puede servir para varios propósitos:
Llamando la atencion
Se puede usar una imagen llamativa para representar un artículo o página, llamando la atención del usuario sobre el contenido en cuestión. Cuando se le confronta con grandes bloques de texto, especialmente en línea, el cerebro humano tiende a comenzar a hojearlo, en lugar de leerlo en detalle.
Las fotos pueden romper la monotonía visual y ayudar a los usuarios a identificar un artículo, enlace, historia o lo que tú quieras que les pueda interesar. Si recuerdas algo de este artículo, recuerda esto: las imágenes hacen que la gente se detenga y pague atención.
Contexto
Las fotos pueden proporcionar al usuario un contexto visual para una página de texto pesado, un artículo o un archivo de audio. El contexto visual puede consistir en cosas como una imagen del autor, una imagen de un lugar mencionado en el texto, etc.
Tenga cuidado al elegir una foto para proporcionar contexto. La foto que elijas probablemente ajuste el estado de ánimo del lector, así que asegúrate de que el estado de ánimo de la foto se ajuste al estado del artículo.
Otras Consideraciones
Permiso
Si una foto no es suya o no pertenece al cliente, asegúrese de tener permiso para usarla. Obtenga ese permiso por escrito si puede, y siempre, siempre acredite (y vuelva a vincular) al fotógrafo a menos que haya especificado lo contrario.
No se necesita mucho trabajo para planificar con anticipación, y solicite su permiso por adelantado. Aún así, hay formas de evitar eso. Esto nos lleva a los sitios de fotos de archivo.
Fotos de archivo: ¿libre o pagado?
La ventaja de los sitios de fotos en stock es que nunca tiene que preguntarse dónde se encuentra cuando se trata de obtener permiso. Mejor aún, hay un montón de sitios en los que puede obtener grandes acciones de forma gratuita. Sin embargo, es posible que también desee considerar el pago de sus fotos, especialmente cuando está seleccionando fotografías para usarlas como parte del diseño de un sitio.
Fotos de archivo libres de regalías - Ventajas:
- Gratis. En serio, es difícil superar eso.
- Hay una gran selección de buenos por ahí.
Gratis Fotos - Desventajas:
- También hay muchos malos. Es posible que tenga que ordenar entre mucha basura para obtener las fotos que necesita.
- Es posible que nunca encuentres lo que necesitas. A veces necesitas algo muy específico que no está allí.
- Los permisos varían Algunas fotos requerirán un enlace de atribución, que puede ser menos que ideal en un diseño.
A pesar de las desventajas, las fotos gratuitas suelen ser el camino a seguir. He encontrado los mejores en stock.xchng , StockVault y con una considerable búsqueda DeviantArt . (¡Feliz cacería!)
Fotos de pago - Ventajas:
- Si compras una foto, normalmente tienes todos los permisos que necesitas.
- Fotos más variadas, más (ya veces extrañas) específicas.
Fotos de pago - Desventajas:
- Bueno ... el dinero. Quiero decir, las fotos se están poniendo bastante baratas en estos días, pero eso solo las hace como canciones en iTunes. Cuando solo cuestan un dólar, es tan fácil simplemente comprar "uno más".
Hay innumerables sitios de acciones pagas, por lo que realmente depende de cuál tenga la foto que desea. Siempre puedes comenzar con algunos de los sitios más populares: Shutterstock,iStockphoto y Tiempo de sueños .
Fotos de personas
Por último, debemos considerar fotos de personas. Nunca, nunca use fotos de personas en su diseño (al menos, no si parecen fotos de archivo). También pueden ser maniquíes de todos los sentimientos de autenticidad que invocan.
Use fotos de personas reales, las personas detrás de un producto o servicio. Muéstrales en el trabajo, preferiblemente. Si los productos que se venden están destinados a ser usados, las imágenes de los modelos que usan dichos artículos también son aceptables.
Pero las fotos de personas al azar que cegan al usuario con sus dientes anormalmente blancos no tienen sentido a menos que anuncie a un dentista. Incluso entonces, probablemente podrías ser más original.
En conclusión
Tenga cuidado al elegir las fotos que usa en su diseño y contenido. Asegúrese de presupuestar con tiempo suficiente para encontrar las fotos correctas, porque el proceso puede llevar un tiempo. No te conformes con nada menos que una gran foto.
¿Qué consejos agregarías para usar fotos en el diseño? ¿Utiliza fotos de stock o se lleva las suyas? Háganos saber en los comentarios.
Imagen / miniatura destacada, imagen de la fotografía a través de Shutterstock.