La Animación Digital en los sitios Web

La animación es una de las prácticas más dinámicas para diseño web porque es un recurso que destaca la interactividad y hace más atractivo al sitio.

El medio de la animación debe razonarse,  ya que muchos de los factores que median está la la personalidad, el contenido y el diseño del sitio web.

De acuerdo con Awwwards hay dos tipos de animaciones:

* A gran escala. Se utilizan como una herramienta de interacción primaria para tener más impacto en los usuarios, e incluyen efectos como scroll parallax y notificaciones emergentes.

* En pequeña escala. Incluye herramientas de libración, barras de carga y no requieren ninguna intervención del usuario.

Técnicas de animación:

  1. Animación de carga. Se utilizan para entretener a los usuarios durante la carga, pero pueden ser tediosas. Es popular en el flat design, portafolios y otros sitios. No deben contener sonido, si coincidir con la paleta de colores.
  2. Navegación y menús (nonscrolling). Los menús de navegación ocultos se han popularizado, pues permiten         ahorrar espacio en pantalla.Animación a pasar el mouse.
  3. El llamado efecto mover da una sensación más intuitiva a un sitio cuando los mueven el cursor sobre el contenido. Da una sensación de flotar sobre ellos para una retroalimentación automática.
  4. Galerías y presentaciones de diapositivas. Son una forma efectiva de mostrar varias imágenes sin sobrecargar a los usuarios. Son ideales para sitios de fotos, presentaciones de productos y carteras.
  5. Animación en movimiento. Es una herramienta perfecta para llamar la atención del usuario. Esta técnica puede ayudar con la jerarquía visual y añadir interés al sitio.
  6. Desplazamiento. El scrolling se basa en la animación y da más control al usuario, quien puede determinar el ritmo de cómo se desarrolla la animación.
  7. Animaciones de fondo / vídeos Un fondo animado simple puede añadir visibilidad a un sitio, pero debe usarse con moderación o puede ser muy molesto para el usuario. La clave es trabajar en secciones individuales.(

(Fuente: https://www.paredro.com/7-tipos-de-animacion-en-diseno-web/)

NUEVO SERVICIO DIMARK PARA BOYACA:

ANIMACIÓN DIGITAL – VER MAS

 

logo_dimark_paginas_web

Di-Mark Online – Profesionales en Diseño Páginas Web Bogotá, Bucaramanga, Medellín

Animaciones Digitales para Videos Corporativos – Anime su logo -Creación de Sitios Web Administrables

SEO, Optimización & Mercadeo Digital en Boyaca