Parallax Web Design – Nike’s Insanely Amazing Parallax Scrolling WebsiteArun Chakravarthy August 7, 2012
The launch of Air Jordan 2012 isn’t just about the fantastic new shoe design, it also comes with an insanely great and mind-blowing parallax web design. Nike’s parallax web design takes you to a whole new level of web browsing experience. The website scrolls through the entire flow chart of the Air Jordan 2012 design. Landing frame “Choose Your Flight” command with directions to scroll down is just the beginning of a roller coaster ride. Once you start scrolling down, the command “Choose Your Flight” takes off and shoes fly in from all sides to take the shape of a fighter plane. I would call the rest of it a scroll dancing experience that no one should miss. Live that experience at nike.com/jumpman23/aj2012
What is Parallax effect?
Parallax is not a new concept to mankind. It existed ever since homo sapiens became a species and started to populate the earth. Every human being uses Parallax effect every day in their life, but most of us do not realize it. Parallax is an integral part of our vision. Human vision uses this technique to calculate distance to objects. The calculations happen at lightning speed and you will never realize it until you test it for yourself. Hold your index finger pointing up in front of you at eye level. Align your finger with something further away like a door, window or your computer monitor. Now turn your head from left to right without moving your finger. Your finger will seem to move as you turn your head. You are now seeing parallax effect/depth perception at work.
Parallax in Web Design
The different methods for scrolling include:
Layer – Different layers of images move in different directions at different speed. While some layers move automatically, some depend on user inputs.
Sprite – Combination of many images to create one single image. Using this method a flat image can be made to look like a three dimensional image.
Repeated Pattern – Different screens/tiles are made to float over repeating background.
Raster – Lines of pixels within an image are typically composited and refreshed in a top-to-bottom order with a slight delay between drawing one line and the next line.
If you have any questions on parallax web designing please feel free to contact us. Here are few great websites you should take a look at if you are considering a parallax scrolling website for your organization.