Elija el mejor fondo para su sitio web

Si hay un aspecto de los sitios web que se descuida con demasiada frecuencia, es el fondo. Afortunadamente, es algo fácil de arreglar, y hay muchas más opciones de las que había antes.

En este post, repasaré cómo elegir la mejor imagen, vídeo o fondo de color para su sitio web, y mostraré algunos ejemplos para inspirarse.

Elección de la imagen correcta

La imagen correcta puede tener un impacto inmediato en su público. Puede crear el ambiente adecuado y comunicar inmediatamente de qué trata su sitio o qué hace. También es una oportunidad para mostrar algunos de sus activos: su ubicación, su producto, ¡o incluso a usted!

Una imagen de fondo grande será la primera impresión que los usuarios tengan de su sitio, así que elíjala sabiamente. Si no puedes decidirte por una sola imagen, siempre puedes hacer una presentación de diapositivas.

Una imagen de fondo grande y hermosa puede establecer el tono de su sitio web: feliz, serio, juguetón o sereno. Este ejemplo viene de Cuic Creation.

Talla

También es importante elegir una imagen con las especificaciones técnicas adecuadas. Recomiendo usar imágenes de fondo orientadas horizontalmente en vez de verticalmente, para que se ajusten a la mayoría de las pantallas de ordenador modernas que están en formato panorámico.

El tamaño de su imagen es igual de importante. La mayoría de las pantallas de ordenador soportan una resolución mínima de 1024 x 768 píxeles, lo que significa que tu foto de fondo debería ser de ese tamaño, como mínimo. Lo mejor es apuntar a por lo menos 1200 pixeles de ancho. Cargar una imagen de sólo 500px de ancho resultará en un fondo borroso o pixelado, y nadie quiere eso.

La mayoría de los programas de edición de fotos podrán mostrarte el tamaño de los píxeles de tu imagen. También puedes ver el tamaño en tu ordenador. Si estás en un PC, haz clic con el botón derecho del ratón en el archivo de imagen, elige “Propiedades” y luego la pestaña “Resumen”. En un Mac, haz clic con el botón derecho del ratón en el archivo de imagen, elige “Obtener información” y luego haz clic en “Más información”. Eso te mostrará las dimensiones en píxeles.

Encontrar imágenes en línea

El sitio de kitesurfing isurfnl.com utiliza una gran fotografía de fondo para ambientar la escena.

Si no tienes fotos propias que funcionen, hay grandes recursos en línea para fotografías de stock gratuitas y de alta calidad que puedes usar legalmente sin derechos de autor. Algunas de nuestras favoritas son Pixabay, Fotolia y UnSplash.

¿Azulejar o no azulejar?


El joyero Greg Joaillier utiliza azulejos de buen gusto y sutiles en greg-joaillier.fr.

Si está considerando usar una imagen de fondo, le recomiendo encarecidamente que no la azuleje. Todos hemos visto esos sitios web que repiten una pequeña foto una y otra vez en el fondo, y puede parecer ocupada y un poco discordante. En su lugar, recomiendo usar una imagen de alta calidad a todo lo ancho para que su esplendor pueda salir a la luz.


El sitio web de arte fancyfeatures.com pone un patrón más brillante en su fondo. Fíjate en cómo mantienen el número de otros colores al mínimo para que no compitan visualmente con los puntos azules y blancos.

Un fondo de azulejos puede hacerse bien, sin embargo. Funciona mejor con patrones sutiles, como un papel tapiz. Si estás considerando esta opción, elige una imagen que pueda embaldosar sin problemas y que no choque cuando se establezca para repetir. Juega con diferentes colores y patrones para encontrar un fondo que se repita y que complemente tu sitio web y no canse la vista de tus visitantes.

Fondos de video

Encontrar el video correcto para usar como fondo puede ser difícil, pero una imagen como esta funciona muy bien debido a un sutil movimiento en el fondo.

A medida que las conexiones de Internet se hacen más rápidas, los fondos de video son cada vez más populares en la web. Un buen video puede funcionar perfectamente con su sitio y agregar un sutil factor “wow”.

Sin embargo, esta es una característica que debes usar con cuidado, ya que algunos videos podrían distraer o molestar. El efecto funciona mejor con videos que son ambientales y tranquilos. Por ejemplo, el nuevo sitio web de Airbnb utiliza videos de personas que tienen momentos tranquilos en casa, tomando café, despertando, etc. Esto ayuda a evocar las emociones adecuadas para sus usuarios. Compara esto con el fondo de vídeo del sitio web de Google Hangouts. Los cortes rápidos y el ritmo acelerado tienen un efecto muy diferente que podría dificultar que los espectadores se centren realmente en su contenido.

Intenta elegir un vídeo que no sea demasiado largo, y que tal vez tenga un bucle perfecto al principio y al final. Sitios como Pond5 ofrecen video clips libres de derechos de autor que cubren una amplia gama de temas.

Colores de fondo


No puedes equivocarte con un fondo blanco o gris para mostrar tus contenidos o fotos.

En los primeros días de la (lenta) Internet, la mayoría de los sitios web tenían un solo color de fondo para mejorar los tiempos de carga de las páginas. A medida que la Internet se hizo más rápida, el uso del fondo fotográfico se hizo más frecuente.

Sin embargo, las tendencias actuales en el diseño web están trayendo de vuelta el concepto de un solo color. La diferencia esta vez es que ya no usamos los rojos y azules brillantes de antaño. Al usar colores más sutiles, incluso el blanco, los sitios web se ven más limpios y elegantes, y se presta más atención al contenido en lugar de al diseño.


Fíjate en cómo mdcreation.com equilibra un color de fondo brillante con un texto minimalista en blanco, negro y gris para un aspecto limpio y moderno.

Sin embargo, no tengas miedo de probar los colores brillantes y vibrantes en tu sitio web. Los diferentes colores pueden hacer que los visitantes se sientan de diferentes maneras dependiendo de cómo los uses. Si decides usar un color, asegúrate de que el texto tenga el suficiente contraste para que sea legible (un texto blanco o negro sobre un fondo de color suele ser una buena apuesta). Con un fondo de color, también es una buena idea mantener los otros colores al mínimo.

Tengan en cuenta…

Para terminar, recuerde estos consejos rápidos y fáciles para encontrar el mejor fondo para su sitio web:

  • Elija imágenes de alta resolución (1024x768px mínimo si tiene una más grande, aún mejor).
  • Asegúrate de que esas imágenes estén en modo paisaje y no en modo retrato.
  • Sólo las imágenes de azulejos que están destinadas a ser azulejadas. Los patrones son estupendos para esto, pero no tantas fotos de su gato.
  • Si vas a hacer un fondo de vídeo, elige uno que sea sutil y sin demasiada acción, no sea que hagas que tus visitantes se pongan nerviosos.
  • Para colores de fondo simples, no puedes equivocarte con el blanco.

Cíñete a estos consejos, y tu página web se destacará del resto.

Este artículo fue escrito originalmente para Jimdo por William Molina. Con una interfaz simple e intuitiva, Jimdo permite a cualquiera crear un sitio web único con un blog y una tienda en línea.

admin

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Publicar un comentario