• Kitdigital
  • Conócenos
  • Ciberseguridad
info@doriagm.com 935569500
logotipo doria global media DGM

AGENCIA DE MARKETING DIGITAL Y DISEÑO WEB

  • info@doriagm.com
  • 935569500
  • 674270938
  • Ver en Google maps
    Calle Sicilia, 95, ático, 08013, Barcelona
  • Inicio (current)
  • Servicios
    Todos los Servicios Páginas web Tiendas online SEO (posicionamiento orgánico) SEM (google Adwords) Redes sociales Google My Business Email marketing
  • Proyectos
  • Conócenos
  • Nuestros medios
  • Blog
    Ver blog
    Previous Next
    mantenimiento web

    La importancia del mantenimiento web y por qué potenciarlo con SEO

    distribución de contenido

    5 motivos por los que destinar tu trabajo a la distribución de contenido

    Qué es PWA

    ¿Qué es PWA?: Progressive Web App para tu negocio online

    ¿Qué es AMP y cómo ayuda a mejorar el posicionamiento en Google?

    auditoría seo

    ¿Cómo hacer una auditoría SEO?: todo lo que debes saber

    crear un logo

    Crear un logo: 5 pasos imprescindibles que debes seguir

    Google Search Console

    ¿Cómo utilizar Google Search Console para nuestra estrategia SEO?

    aumentar la productividad

    5 consejos para aumentar la productividad y motivación en el trabajo

    acciones de branding online

    5 acciones de branding online para reforzar tu marca

  • Contacto
  • Buscador
  • Inicio
  • Páginas web
  • Tiendas Online
  • Publicidad online
  • Redes sociales
  • Blog
  • Contacto
674270938
935569500
info@doriagm.com
695 79 87 44

Tendencias en diseño web: el background con vídeo

Categoría: Diseño Web

Publicado el 25 May 2016 por globalwp

El mundo del diseño web está en continua evolución y no podemos dejar de lado las tendencias si queremos disponer de una crear páginas web atractivas y modernas que ofrezcan una buena experiencia de usuario.

Entre las tendencia más destacadas actualmente, las empresas de diseño web se están decantando por el background con vídeo, que está sustituyendo en el diseño de páginas web al tradicional fondo con una imagen estática.

Los fondos con vídeo de bucle infinito en la cabecera resultan originales y atractivos, siempre que se incorporen de forma correcta. Las herramientas que tenemos a nuestra disposición y las posibilidades que nos ofrece HTML5 permiten que añadir este tipo de background sea muy sencillo.

CÓMO UTILIZAR EL BACKGROUND CON VÍDEO EN EL DISEÑO WEB

  • EL TIEMPO DE CARGA: Uno de los aspectos que no podemos descuidar es el tiempo de carga de la web, ya que el vídeo puede consumir demasiados recursos. Por ese motivo, hay que cuidar el equilibrio entre resolución y tamaño.
  • EL SONIDO DEL VÍDEO: Por otra parte, para no ser invasivos es recomendable que el vídeo se inicie sin sonido y que se al el propio usuario el que lo active si así lo desea.
  • DURACIÓN DEL VÍDEO: Otra cuestión a tener en cuenta es la duración del vídeo. Si es demasiado corto, corremos el riesgo de crear un bucle muy repetitivo. Por el contrario, un bucle demasiado largo puede resultar aburrido.
  • ALTERNATIVAS PARA NAVEGADORES ANTIGUOS: Puesto que el vídeo puede alargar el tiempo de carga y no todos los dispositivos soportan vídeo por igual, conviene preparar cabeceras con imágenes estáticas como alternativa para estos casos.
  • TEMÁTICA DEL VÍDEO: La temática del vídeo debe estar en consonancia con la temática de la web. Hay que elegir un bakcground llamativo que conecte con el perfil de usuario de la página.

RECURSOS PARA USAR EL VIDEO EN EL FONDO DE LA PÁGINA WEB

Como en tantos otros aspectos del diseño web, en Internet disponemos de un buen número de recursos gratuitos que nos permiten usar vídeos de calidad como fondo en nuestros proyectos.

Aquí te dejamos algunas de las galerías de vídeos gratuitos que puedes utilizar para tus páginas web.

  • Coverr.co: Una página en la que puedes encontrar un buen número de vídeos clasificados por categorías: comida, estados de ánimo, naturaleza, tecnología, arte, gente, urbano y animales. Cada semana se incorporan siete nuevos vídeos, con lo que se asegura un buen repositorio.
  • Fancy Footage: Similar al anterior, en Fancy Footage se suben nuevas colecciones de vídeo con periodicidad mensual.
  • Pexels: En esta web dispones de una completa galería de vídeos en HD con una amplia clasificación en categorías como timelapse, ciudad, industrial, tecnología, difuminados, nocturnos, gente, naturaleza o mockups, entre otras.
  • Mazwai: Aquí encontrarás una colección de vídeos principalmente de estilo slow motion y timelapse, que son muy adecuados para el background de una página web.

En Global CC hemos usado el recurso de vídeo como fondo de la página web para nuestra página web corporativa dentro de nuestro equipo de diseño de páginas web, el cual puedes ver en la página de Inicio de nuestra web. ¿Ya lo has visto? ¿Te gusta como queda? ¡A Nosotros nos encanta! Contacta con nosotros (aquí) si quieres uno para tu página web y consigue estar a la última en las tendencias de Diseño web.

¿Te gustó? Compártelo

¿Te interesaría contratar un equipo de Diseño Web?

Noticias relacionadas

Previous Next

¿Qué es y qué tipos de CMS existen?

Tendencias de diseño web para 2019: ¿cuáles son?

Cuándo pasar de web corporativa a tienda online

La importancia de tener un buen diseño web en tu negocio online

¿Cómo crear una web desde cero y qué debo saber?

Cómo crear un blog profesional

El formulario de contacto en tu web

Las mejores páginas para crear tu sitio web gratis

Empresa de diseño web: ¿cómo hacerla?

Servicios

servicio Páginas web

Páginas web

servicio Tiendas online

Tiendas online

servicio Redes sociales

Redes sociales

servicio SEO

SEO

servicio Google adwords

Google Adwords

servicio Estrategias

Estrategias

servicio Perfil de empresa en Google my Business

Perfil de empresa en Google

servicio Email marketing

Email marketing

servicio Diseño gráfico

Diseño gráfico

servicio Nuestros medios

Nuestros medios

Copyright © 2023. Diseñado por doria global media doriagm logotipo
Aviso legal | Política de privacidad | Política de cookies | Condiciones generales de contratación | Ley de Comercio Electrónico
Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies. Política de cookies
Configurar RechazarAceptar
Manage consent

Resumen de privacidad

Este sitio web utiliza cookies para mejorar su experiencia mientras navega por el sitio web. Fuera de estas cookies, las cookies que se clasifican según sea necesario se almacenan en su navegador, ya que son esenciales para el funcionamiento de las funcionalidades básicas del sitio web. También utilizamos cookies de terceros que nos ayudan a analizar y comprender cómo utiliza este sitio web. Estas cookies se almacenarán en su navegador solo con su consentimiento. También tiene la opción de optar por no recibir estas cookies. Pero la exclusión voluntaria de algunas de estas cookies puede afectar su experiencia de navegación.
Funcional
Las cookies funcionales ayudan a realizar ciertas funcionalidades como compartir el contenido del sitio web en plataformas de redes sociales, recopilar comentarios y otras características de terceros.
Rendimiento
Las cookies de rendimiento se utilizan para comprender y analizar los índices de rendimiento clave del sitio web, lo que ayuda a brindar una mejor experiencia de usuario a los visitantes.
Analytics
Las cookies analíticas se utilizan para comprender cómo los visitantes interactúan con el sitio web. Estas cookies ayudan a proporcionar información sobre métricas, el número de visitantes, la tasa de rebote, la fuente de tráfico, etc.
CookieDuraciónDescripción
_ga2 yearsEsta cookie es instalada por Google Analytics. La cookie se utiliza para calcular los datos de visitantes, sesiones y campañas y realizar un seguimiento del uso del sitio para el informe de análisis del sitio. Las cookies almacenan información de forma anónima y asignan un número generado aleatoriamente para identificar visitantes únicos.
_gid1 dayEsta cookie es instalada por Google Analytics. La cookie se utiliza para almacenar información sobre cómo los visitantes usan un sitio web y ayuda a crear un informe analítico de cómo está funcionando el sitio web. Los datos recopilados, incluido el número de visitantes, la fuente de donde provienen y las páginas, se muestran de forma anónima.
Otras
Otras cookies sin clasificar son las que se están analizando y aún no se han clasificado en una categoría.
Necesarias
Las cookies necesarias son absolutamente esenciales para que el sitio web funcione correctamente. Estas cookies garantizan funcionalidades básicas y características de seguridad del sitio web, de forma anónima.
Anuncios
Las cookies publicitarias se utilizan para proporcionar a los visitantes anuncios y campañas de marketing relevantes. Estas cookies rastrean a los visitantes en los sitios web y recopilan información para proporcionar anuncios personalizados.
GUARDAR Y ACEPTAR
Funciona con CookieYes Logo