páginas web Archives https://www.luisan.net/blog/tag/paginas-web Diseño gráfico, diseño web, identidad corporativa, marketing y multimedia Wed, 09 Sep 2020 20:03:04 +0000 es hourly 1 https://www.luisan.net/blog/wp-content/uploads/2026/09/cropped-icono-ln-512x512-1-32x32.png páginas web Archives https://www.luisan.net/blog/tag/paginas-web 32 32 Efecto Parallax https://www.luisan.net/blog/diseno-grafico/efecto-parallax https://www.luisan.net/blog/diseno-grafico/efecto-parallax#respond Thu, 24 Apr 2014 22:26:23 +0000 http://www.luisan.net/blog/?p=2087 Parallax es el desplazamiento o diferencia aparente en la posición de un objeto visto desde 2 puntos de vista diferentes y se mide por el ángulo o semi-ángulo de inclinación entre los dos puntos de vista. El término viene del griego parallaxis que significa alteración, los objetos más cercanos tienen un parallax más alto que [...]

The post Efecto Parallax appeared first on LN Creatividad y Tecnología Blog.

]]> parallaxParallax es el desplazamiento o diferencia aparente en la posición de un objeto visto desde 2 puntos de vista diferentes y se mide por el ángulo o semi-ángulo de inclinación entre los dos puntos de vista. El término viene del griego parallaxis que significa alteración, los objetos más cercanos tienen un parallax más alto que los que se sitúan a mayor distancia cuando se observan desde 2 posiciones diferentes. Los astrónomos utilizan este efecto para medir las distancias a las estrellas.

Parallax es también un villano (un bicho bastante feo por cierto que se define como «a demonic looking parasitic cosmic entity») que debutó en el número 50 de Green Lantern de DC Comics y Parallax se llamó al efecto que se introdujo en el sistema operativo de Apple iOS7 que hacía que el fondo de la pantalla pareciese moverse a velocidad distinta que el contenido, creando un ligero efecto de profundidad, el fondo de la pantalla parece que sigue nuestra mirada.

El diseño de la interfaz de usuario (UI User Interface o UX User Experience) de este iOS7 se realizó por medio de capas lo que permitió que cuando se mueve el dispositivo móvil se pueda mover no solo el wallpaper o background sino también otros elementos de la pantalla provocando un cierto efecto sutil de 3D o una ligera tridimensionalidad.

Aplicado el efecto parallax al diseño web en general o al diseño de interfaces experimentales en particular, ciertamente que se consigue algo muy dinámico, moderno y agradable si se hace con gusto y moderación, el movimiento se realiza con una leve fricción, aceleración o efecto easing que provoca una sensación de inmersión en el contenido muy novedosa y una secuencia narrativa con nuevas y creativas posibilidades.

Sin embargo este efecto es tan antiguo y conocido como la propia historia de la civilización y más recientemente desde que existe la animación, Walt Disney ya investigó y utilizó esta técnica en los años 40 como se puede observar en este didáctico vídeo:

Por razones de privacidad YouTube necesita tu permiso para cargarse.
I Accept

Actualmente el «Efecto Parallax» se ha trasladado a multitud de interfaces de diseño web como se puede ver en estos ejemplos:

http://www.culturalsolutions.co.uk/

http://www.numero10.ch/fr/home/

http://matthew.wagerfield.com/parallax/

http://boy-coy.com/

http://www.madwell.com/

http://www.iutopi.com/

http://uk.rimmellondon.com/

http://janploch.de/

http://unfold.no/

The post Efecto Parallax appeared first on LN Creatividad y Tecnología Blog.

]]> https://www.luisan.net/blog/diseno-grafico/efecto-parallax/feed 0 2087 Diseño web Fendi https://www.luisan.net/blog/transformacion-digital/diseno-web-fendi https://www.luisan.net/blog/transformacion-digital/diseno-web-fendi#respond Thu, 18 Feb 2010 18:36:51 +0000 http://www.luisan.net/blog/?p=870 La firma italiana de moda Fendi ha lanzado una nueva página web con un cuidado diseño y una navegación muy sofisticada en la que se puede recorrer los distintos contenidos de una manera muy original. El interface está desarrollado con papervision 3D www.papervision3d.org mediante el uso de planos y shadow casting. Sin duda la firma [...]

The post Diseño web Fendi appeared first on LN Creatividad y Tecnología Blog.

]]> La firma italiana de moda Fendi ha lanzado una nueva página web con un cuidado diseño y una navegación muy sofisticada en la que se puede recorrer los distintos contenidos de una manera muy original. El interface está desarrollado con papervision 3D www.papervision3d.org mediante el uso de planos y shadow casting.

Sin duda la firma italiana siempre ha cuidado al máximo su presencia en internet y el diseño web Fendi se ha convertido es una referencia y en una parte bien importante de su estrategia global de branding.

www.fendi.com

The post Diseño web Fendi appeared first on LN Creatividad y Tecnología Blog.

]]> https://www.luisan.net/blog/transformacion-digital/diseno-web-fendi/feed 0 870