{"id":14268,"date":"2019-02-11T08:32:58","date_gmt":"2019-02-11T08:32:58","guid":{"rendered":"https:\/\/www.templatemonster.com\/es\/blog\/?p=14268"},"modified":"2022-07-06T15:14:06","modified_gmt":"2022-07-06T15:14:06","slug":"fotos-en-el-diseno-web-por-que-donde-y-como-usar-ellas","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/es\/fotos-en-el-diseno-web-por-que-donde-y-como-usar-ellas\/","title":{"rendered":"Fotos en el dise\u00f1o web: por qu\u00e9, d\u00f3nde y c\u00f3mo usar ellas"},"content":{"rendered":"

Elegir fotos para\u00a0tu sitio web puede ser un desaf\u00edo. Desde encontrar un recurso de fotos decente hasta crear una adecuada colecci\u00f3n de materiales visuales para\u00a0alg\u00fan\u00a0sitio web espec\u00edfico que est\u00e1s desarrollando,\u00a0el proceso de\u00a0elecci\u00f3n de im\u00e1genes \"correctas\" es definitivamente algo en lo que necesitas invertir mucho tiempo, atenci\u00f3n y esfuerzo. En este art\u00edculo te proporcionamos algunas estrategias pr\u00e1cticas para utilizar eficazmente las fotos en el dise\u00f1o del sitio web.<\/p>\n

<\/p>\n

La elecci\u00f3n de fotos es una etapa crucial en el dise\u00f1o web: las fotos pueden (y deben)\u00a0transmitir la misi\u00f3n y el valor de la marca, as\u00ed como atraer al p\u00fablico objetivo.<\/p>\n

Vivimos en\u00a0el mundo con una gran cantidad de informaci\u00f3n que se nos transmiten diariamente;\u00a0es que recibimos mucho m\u00e1s de lo que podemos procesar. Cuando buscamos informaci\u00f3n sobre\u00a0alguna compa\u00f1\u00eda o leemos un art\u00edculo, a menudo pensamos muy poco en el texto, pero inevitablemente notamos las im\u00e1genes y decidimos de manera consciente o inconsciente si vale la pena\u00a0prestar nuestra atenci\u00f3n a la informaci\u00f3n proporcionada.<\/p>\n

<\/div>\n

\"\"<\/a><\/p>\n

Foto de\u00a0Moose<\/a><\/figcaption><\/figure>\n
\n
<\/div>\n

\u00bfPor qu\u00e9 necesitas fotos en tu sitio web?<\/h2>\n

Pues, \u00bfpor qu\u00e9 las fotos son\u00a0el componente tan importante del sitio web? Aqu\u00ed hay algunas razones clave a tener en cuenta:<\/p>\n

\n
<\/div>\n

Atractivo visual<\/h3>\n

\u00bfAlguna vez has abierto una p\u00e1gina web\u00a0con un dise\u00f1o que parece ins\u00edpido? \u00bfHas quedado\u00a0en aquella p\u00e1gina? Lo m\u00e1s probable es que te hubieras quedado si los visuales\u00a0fueran m\u00e1s cautivadores y si hubiera m\u00e1s de ellos. Leer grandes bloques de texto puede ser inevitable si\u00a0buscas alguna informaci\u00f3n en la constituci\u00f3n o\u00a0en alg\u00fan art\u00edculo cient\u00edfico, pero\u00a0cuando se trata\u00a0del usuario\u00a0regular del sitio web,\u00a0evocar su\u00a0inter\u00e9s visual es fundamental para el \u00e9xito del sitio web (y, por lo tanto, del producto).<\/p>\n

Compara los siguientes dos dise\u00f1os: \u00bfcu\u00e1l es m\u00e1s f\u00e1cil de percibir?<\/p>\n

The Wedding Lens...<\/p>\n

<\/div>\n

\"\"<\/a><\/p>\n

<\/div>\n

...o WedPics?<\/p>\n

<\/div>\n

\"\"<\/a><\/p>\n

<\/div>\n

WedPics\u00a0muestra al cliente potencial lo que obtendr\u00e1 en lugar de sobrecargarle con grandes trozos de texto.<\/p>\n

<\/div>\n

\"\"<\/a><\/p>\n

Dise\u00f1o de p\u00e1gina de aterrizaje de\u00a0Iron Sketch<\/a>\u00a0usando\u00a0Moose photos<\/a><\/figcaption><\/figure>\n
<\/div>\n

\u00c9ste es otro ejemplo de c\u00f3mo una foto hace que una p\u00e1gina web sea atractiva y\u00a0contribuye a la jerarqu\u00eda visual de\u00a0la p\u00e1gina de aterrizaje<\/a>.<\/p>\n

\n
<\/div>\n

El esp\u00edritu de la marca y la\u00a0identidad<\/h3>\n

Puede parecer obvio, pero es importante recordar que tus fotos reflejan el estado, los principios y los objetivos de tu marca; es que puedes crear la impresi\u00f3n que deseas que tu marca\u00a0haga con la selecci\u00f3n de fotos bien pensada.<\/p>\n

<\/div>\n

\"\"<\/a><\/p>\n

<\/div>\n

En el sitio web de UNICEF el usuario\u00a0ve un mont\u00f3n de fotos de ni\u00f1os felices y llenos de esperanza, lo que demuestra el impacto positivo\u00a0de la organizaci\u00f3n en sus vidas. De esta manera, la compa\u00f1\u00eda\u00a0presenta claramente su misi\u00f3n\u00a0que consiste en ayudar a los grupos m\u00e1s vulnerables de personas y proporcionarles una mejor calidad de vida y las oportunidades justas para aumentar su potencial.<\/p>\n

<\/div>\n

\"\"<\/a><\/p>\n

\n
<\/div>\n

Conexi\u00f3n con tu audiencia<\/h3>\n

Las fotos te permiten\u00a0ganar confianza, siempre y cuando el p\u00fablico objetivo puede ver que se refleja en ellas. Puedes usar las fotos con personas, objetos y ediciones muy espec\u00edficos para crear la experiencia emocional que deseas que tus usuarios tengan.<\/p>\n

<\/div>\n

\"\"<\/a><\/p>\n

Concepto de Fashion Editorial de\u00a0NICE100<\/a>\u00a0con\u00a0Moose photo<\/a><\/figcaption><\/figure>\n
<\/div>\n

En esta p\u00e1gina web\u00a0la foto de una mujer se coloca en el centro de la composici\u00f3n visual. En combinaci\u00f3n con la tipograf\u00eda\u00a0elegante esta foto\u00a0crea un\u00a0layout elegante que se asocia inmediatamente con el estilo y la moda.<\/p>\n

\n
<\/div>\n

Menos charla y m\u00e1s acci\u00f3n<\/h3>\n

A menudo una imagen realmente vale m\u00e1s que mil palabras, y las fotos pueden transmitir aquellos conceptos e historias que no se pueden formular de otra forma, o cosas que no necesariamente se deber\u00eda explicar\u00a0a trav\u00e9s del texto, por ejemplo, la alegr\u00eda que\u00a0siente\u00a0un cliente despu\u00e9s de usar tu producto.<\/p>\n

\n
<\/div>\n

\u00bfD\u00f3nde encontrar fotos?<\/h2>\n

Cuando se trata de\u00a0la elecci\u00f3n de fotos para\u00a0tu sitio web,\u00a0hay dos opciones principales:<\/p>\n

\n
<\/div>\n

Fotos personalizadas<\/h3>\n

Para sacarlas se\u00a0requiere un fot\u00f3grafo profesional y esto generalmente implica una gran inversi\u00f3n de tiempo, esfuerzo y dinero.\u00a0Lo bueno es que obtienes im\u00e1genes completamente \u00fanicas y espec\u00edficas que no encontrar\u00e1s en ning\u00fan otro lugar en la Internet, por lo que podr\u00edan (dependiendo el tipo de fotos) hacerte destacar. Si sabes sacar fotos buenas, incluso puedes hacer todas las fotos\u00a0necesarias y luego vender aquellas que no necesitas como fotos\u00a0stock (aunque, una vez m\u00e1s, tendr\u00e1s que dedicar mucho tiempo a sacarlas).<\/p>\n

Si tienes que contratar a un profesional, la desventaja es que esto puede ser un gasto innecesario de dinero, a menos que est\u00e9s dise\u00f1ando un sitio web\u00a0de nicho para una empresa o un producto muy espec\u00edfico, cuando simplemente no puedes encontrar ningunas fotos de alta calidad adecuadas.<\/p>\n

\n
<\/div>\n

Fotos de stock<\/h3>\n
<\/div>\n

\"\"<\/a><\/p>\n

Foto de\u00a0Moose<\/a><\/figcaption><\/figure>\n
<\/div>\n

Hay dos opciones:\u00a0de pago y gratuita. Puedes\u00a0optar por pagar una peque\u00f1a tarifa por cada foto (hay muchas fotos por cerca de\u00a0$ 1 por cada una). Por otro lado,\u00a0hay una asombrosa cantidad de im\u00e1genes de stock gratuitas y de alta calidad.\u00a0Algunos sitios web de fotograf\u00eda de stock,\u00a0por ejemplo,\u00a0Moose<\/a>, incluso te permiten pedir fotos personalizadas de acuerdo con tus\u00a0necesidades \u00fanicas, \u00a1todo gratis!<\/p>\n

En cuanto a las\u00a0fotos de stock, aseg\u00farate de:<\/p>\n