La primera impresión lo es todo. Ya sea la primera impresión que se produce en un encuentro cara a cara con otra persona, en una llamada telefónica, en un texto, en una publicación en las redes sociales o en un sitio web, el juicio se basa en la información que se percibe inmediatamente. Los fondos del sitio web, las salpicaduras de color, las imágenes y los diseños de un sitio web, forman parte de la presentación inicial de tu negocio y pueden marcar el tono para un posible cliente.
¿Qué son los fondos de sitio web?
El fondo de tu sitio web marca la pauta para los posibles clientes. Conoce las prácticas recomendadas sobre los fondos y encuentra fuentes gratuitas para descargarlos.
Tanto si tienes una empresa nueva como si ya está establecida, necesitas un sitio web para consolidar tu marca y llegar a clientes potenciales. Los usuarios abandonan un sitio web en 10-20 segundos si no les gusta lo que ven. Por lo tanto, es necesario que el contenido del sitio web y los fondos llamen la atención. Para ayudarte en el diseño de un sitio web, Mailchimp ofrece una guía completa para la creación de sitios web. Esta guía ofrece consejos sobre cómo crear un sitio web empresarial de principio a fin, incluyendo cómo crear un diseño atractivo.
Componentes de un fondo de una página web
Hay dos tipos de fondos de sitios web: el cuerpo y el contenido. El fondo del cuerpo es el área de una página web que cubre la mayor parte de la pantalla. Aquí es donde se colocan los gráficos, los colores, las formas y otros elementos. El fondo de contenido es el área que se encuentra alrededor de las imágenes o el texto. Ayuda a delimitar las diferentes secciones.
A la hora de crear un fondo de página web llamativo y cautivador, es importante pensar en el contraste de colores. Algunos colores se contraponen y dificultan la visión o la lectura del texto. Al elegir un bloque de colores o colores degradados para el fondo del cuerpo, es importante asegurarse que los colores no distraigan al lector o dificulten la lectura de cualquier contenido. El uso de imágenes de fondo del sitio web añade una capa de marca que atrae la atención del lector. Asegúrate que los gráficos utilizados no sean recargados ni distraigan, sino que contribuyan al contenido general del sitio web y complementen los colores de tu marca.
Ejemplos de fondos de páginas web
Hay una gran variedad de opciones cuando se trata de utilizar un fondo en tu página web. Elige entre estos ejemplos para crear el aspecto que quieres que represente a tu marca:
• Contenido sobre fondo de cuerpo
En lugar de colocar el contenido sobre un fondo propio, puedes colocarlo directamente sobre el fondo del cuerpo. Puede que resulte difícil asegurar que el contenido se muestre de forma legible en todas las áreas si el fondo tiene colores o texturas variadas. Esta opción funciona mejor con patrones sutiles o colores de fondo sólidos. Por lo tanto, comprueba que cada página se lea con facilidad.
• Fondo de contenido en capas sobre el fondo del cuerpo
Este es el estilo de fondo utilizado por la mayoría de los sitios web. El fondo del cuerpo del contenido se superpone al fondo del sitio web. Esto añade profundidad y evita que los fondos distraigan o dificulten la lectura del contenido. Los fondos de contenido en capas permiten la colocación de imágenes y patrones sobre el fondo del cuerpo. En este caso, puedes colocar el contenido sobre un fondo sólido que se encuentra delante de las imágenes del fondo principal del sitio web. Esta configuración hace que el contenido sea más fácil de formatear y leer.
• Fondo de cabecera
El fondo de cabecera es un fondo que resalta la información en la parte superior del sitio web. Te permite crear un área llamativa en el sitio web sin perturbar o alterar el flujo del contenido principal.
¿Qué hace que un sitio web tenga un buen fondo?
Es posible que no sepas cómo crear un sitio web para tu empresa. Al considerar los fondos para sitios web, hay varias opciones que pueden ayudar a dirigir el tráfico a tu sitio web siendo el único límite tu imaginación. Desde imágenes estáticas hasta vídeos, hay muchas maneras de hacer que un fondo destaque.
Cuando elijas un fondo, prueba con uno de los siguientes:
Formas geométricas
Las formas geométricas dan al fondo de un sitio web un aire contemporáneo cuando se combinan con una paleta de colores minimalista. Las distintas formas también pueden dar al sitio web una sensación de tecnología punta o de ciencia ficción. Un diseño geométrico puede dar a tu público una sutil comprensión de los productos o servicios que ofreces.
Colores degradados
Los colores degradados son aquellos que pasan de un color a otro de forma sutil. El uso de este diseño da dimensión y añade un elemento de profundidad al sitio web. Puedes lograr los gradientes de varias maneras. Los colores pueden moverse de forma lineal donde hay dos colores en los extremos opuestos, realizando una transición gradual entre ellos. También hay un gradiente radial que comienza con un color en el centro y se transforma en el siguiente color a medida que va hacia fuera.
Colores sólidos
Los diseñadores utilizan los colores sólidos para ir con un color de marca o para añadir una cierta sensación o calidad a un sitio web. Algunos diseñadores dejan el fondo blanco sólido para dar una sensación de limpieza y simplicidad. Otros diseñadores eligen colores más oscuros para añadir un ambiente elegante al sitio web. En cualquier caso, los colores sólidos aportan coherencia y equilibrio, especialmente si el contenido de la página web está muy cargado.
Imágenes de fondo del sitio web
El uso de imágenes de fondo para el sitio web es una forma estupenda de personalizar el sitio web de una empresa. También pueden destacar los productos y servicios que ofrece la empresa. El uso de imágenes requiere elegir las adecuadas para mejorar y no restar importancia al contenido. Por ello, Mailchimp ofrece una guía conseguir imágenes publicitarias correctas, así como cualquier otra imagen utilizada en un sitio web.
Cuando utilizas un diseño de sitio web con imagen de fondo, puedes usar una imagen fija de alta resolución o un diseño de carrusel para ver múltiples imágenes. Por ejemplo, las empresas del sector de los viajes utilizan imágenes para destacar un destino de viaje.
Texturas
Hay múltiples texturas para elegir el fondo de un sitio web. Las texturas ofrecen una profundidad y una dimensión al fondo que puede ser impactante para el visitante. Las texturas sirven para resaltar el contenido de un sitio web y crear una atmósfera determinada que repercute en la imagen de marca de la empresa.
¿Qué tamaño debe tener la imagen de fondo de un sitio web?
El tamaño máximo de una imagen para un fondo de página web es de 1 MB. Debes evitar las imágenes sean más grandes que el área de contenido o que la plantilla elegida. Dependiendo de cómo vayas a utilizar el sitio web y de si el contenido tiene un estilo de plantilla diferente, es posible que quieras experimentar con diferentes tamaños. En situaciones como el diseño de plantillas con una imagen principal, elige imágenes de alrededor de 640 píxeles de ancho para las imágenes de correo electrónico.
Dónde encontrar fondos gratuitos
Encontrar el fondo perfecto es emocionante, pero puede costar mucho dinero si no se sabe dónde encontrar imágenes gratuitas de calidad. Es posible que no sepas exactamente lo que quieres. Utilizar sitios web que ofrecen fondos gratuitos es una forma fantástica de buscar fondos y probarlos en tus páginas web hasta encontrar el perfecto. Prueba sitios web como:
1. Unsplash
Unsplash tiene una gran variedad de imágenes de alta resolución para usar como fondo de página web. Ofrecen imágenes en cualquier orientación y en cualquier color. Tienen imágenes en colores, texturas, imágenes y otras categorías que funcionarán perfectamente con tu sitio web y tu marca. Estas imágenes proporcionan una alternativa a utilizar tus propias imágenes para tu sitio web o realizar un gran desembolso para que un profesional haga fotos para promover tu negocio.
2. Subtlepatterns
Si estás buscando patrones para los fondos de tus páginas web, Subtlepatterns tiene una gran variedad donde elegir. Tienen patrones de diseño sutil, así como patrones audaces para añadir a tu contenido. Los patrones se pueden utilizar para ofrecer una visión detallada de tu producto o servicio a través del patrón elegido.
3. Transparent Textures
Este sitio web te permite definir el color y el patrón del fondo que quieres y, a continuación, proporciona los fondos disponibles para que puedas elegirlos fácilmente. Están disponibles a través de una descarga rápida.
4. Cool Backgrounds
Cool Backgrounds te permite buscar fondos para páginas web con triángulos, partículas, colores degradados y formas en capas. También tiene herramientas y esquemas de color para ayudarte a individualizar los fondos que elijas. Sus esquemas de color y contrastes ya están combinados, eliminando gran parte de las dudas del proceso.
Seleccionar o diseñar el fondo
La selección del fondo para páginas web es importante para atraer a los clientes. También es importante para tu marca como empresa y para la interacción de los clientes con el contenido que ofreces. Seleccionar y personalizar un fondo de página web es sencillo si sigues los pasos indicados anteriormente.
Mailchimp ofrece todas las herramientas y la orientación que necesitas para ayudarte a crear un sitio web del que puedas estar orgulloso. Con nuestra asistencia experta y plantillas fáciles de usar, puedes crear un sitio web que atraiga a los clientes y les permita conocer tu marca y los servicios o productos que ofrece tu empresa.