DISEÑO DE PÁGINA WEB
¿Qué es el desplazamiento de paralaje?
El desplazamiento de paralaje es una técnica de gráficos de diseño web en la que las imágenes de fondo se mueven a un ritmo más lento que el primer plano, creando la ilusión de un efecto 3D de profundidad a medida que los visitantes se desplazan hacia abajo en la página web. La técnica surgió de la técnica de cámara multiplano utilizada en la animación tradicional desde la década de 1930.
El paralaje se basa en una ilusión óptica. Dado que el ojo humano percibe los objetos que están cerca de nosotros como más grandes que los que están más lejos, percibimos los objetos distantes como si se movieran más lentamente.
La ilusión se ha adoptado desde hace mucho tiempo en forma de paralaje en diferentes medios, fomentando un efecto realista. Su primer uso fue en la animación tradicional, que se remonta a Blancanieves y los siete enanitos de Disney, y en videojuegos como Super Mario.
Con los avances en CSS y HTML, los efectos de paralaje evolucionaron hacia el mundo del diseño web tal como lo conocemos hoy.
El desplazamiento de paralaje es una técnica de desplazamiento especial utilizada en el diseño web en la que las imágenes de fondo de una página web se mueven más lentamente que las imágenes de primer plano, creando una ilusión de profundidad en un sitio bidimensional.
Es una de las técnicas de diseño más utilizadas en el diseño web en este momento, pero también es algo que probablemente ni siquiera sepas que ya has experimentado.
Es un movimiento simple al que ya estás acostumbrado y que ha ayudado a que muchos sitios web se sientan dinámicos e interactivos.
Si decide utilizarlo, es importante pensar en cómo el paralaje también podría afectar la experiencia móvil. Para aumentar la velocidad del sitio y no infringir demasiado la usabilidad móvil, normalmente se recomienda reducir el desplazamiento de paralaje o eliminarlo por completo.
Recuerde pensar en todos los casos en los que desee usarlo primero y cómo debe ajustarse para los usuarios en múltiples dispositivos.
Leer más esta página.
Enlace adicional:
[optin-monster slug=”em8z7q6hga9elmy1dbgb”]
