![]() ![]() We added parallax scrolling to, and have collected a few of our favorite parallax examples here. But when the situation is right, consider the potential of parallax. Not every website is a good candidate for parallax scrolling the effect has its limitations, particularly across mobile and tablet devices. Louie Sellers One of Louie Sellers' many talents, as a forward thinking UX designer, is his eye for interactions. (The current version of the Better World site is no longer parallax.) 17 examples of parallax scrolling websites We've collected 17 parallax scrolling examples that may inspire you to use this web design trend in your own work. Nike was one of the pioneers of this technique with their Better World campaign, and continues to innovate. Other sites have taken these parallax techniques to dramatically alter the definition of what a webpage can be, using scrolling to introduce new elements, and create motion beyond the y-axis. Some parallax sites give the impression of depth, similar to the effect created by multiplane animation. As a result, every parallax scrolling site is a completely unique experience. The potential for parallax scrolling sites is no longer limited to a certain number of layers, nor by a scroll bar. With javascript advancements over the last few years, designers and developers now have a much richer canvas on which to build their sites. We Bleed Design offers another great example of transparent PNG simulated parallax. Think Geek has used this method for many years with their background imagery. Using this technique, a foreground layer with transparent bits scrolls over a background layer, giving the illusion of interactionary movement. On the web, the parallax movement started very simply, with only two layers. This gave the appearance of depth using entirely 2D sprites. Sonic the Hedgehog (among many others) simulated a distant background by slowing the movement speed for background planes, and keeping it at a consistent, hedgehog-quick speed for foreground objects. Parallax scrolling became very popular in 2D video games as well. Disney eventually upgraded to a seven-layer multiplane camera, which could show seven different planes of movement at a time. Snow White and the Seven Dwarfs was the most popular of these early parallax movies. On-screen parallax movement started in the early days of animation, when Disney (and others) used multiplane cameras to simulate depth of their 2D scenes. The everyday example of this is seen driving on the highway- when you look out the window, electrical poles near the road seem to zoom past, while trees in the distance appear to slowly drift by. The term “parallax” refers to the apparent movement of objects when viewed from different positions. Parallax is more than just a Green Lantern villain. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |