Blog

27 de diciembre de 2013

Parallax Scrolling, lo nuevo en Diseño Web

Parallax Scrolling, es una nueva tendencia en el diseño web, el cual  muestra una función de desplazamiento que a su vez crea una ilusión de fondos 3D.

Este efecto se logra a través de diferentes capas, en las cuales se puede añadir movimientos horizontales y verticales que darán una línea en la navegación del usuario. Colocando diferentes códigos dentro de la página, se puede lograr obtener  un diseño web más interactivo y por lo tanto más productivo para el dueño del sitio, ya que los visitantes navegarán por más tiempo y constantemente en él, obteniendo de paso, un mejor posicionamiento web.

Con Parallax Scrolling es posible jugar con diferentes objetos de la página, como lo son los fondos, textos, imágenes etc. Por ejemplo, si se quiere un fondo estático y que el movimiento se encuentre en el texto, basta con hacer uso de “data-type” y “data- speed”, además de CSS y código JQuery. Si lo que se busca es algo más dinámico, también se puede lograr aparecer y desaparecer textos, crear galerías de imágenes, movimiento de textos, y cambio de  color de los fondos o letras.

Uno de los ejemplos más creativos que se puede encontrar, es el de un curriculum interactivo, el cual consiste en manejar un personaje que te va llevando como si fuera un videojuego. El movimiento como en cualquier otro juego, se mueve con  los botones de flechas de la computadora, y se va alcanzando “niveles” en donde se encuentran los datos personales, habilidades, experiencia y contacto, todo esto de una manera muy divertida y original.

Si se está animado a realizar una página con estas características de diseño web, no se debe olvidar cuidar el tamaño del diseño web, ya que puede ser un problema al cargar si este es demasiado pesado. Además, se debe tener en cuenta que el proyecto también debe ser visualizado en dispositivos móviles, así que es muy importante diseñarla con este concepto para mejorar su posicionamiento web.

by Ignacio Fuentes