Volume Through 2D – Parallax Effect in Web Design
If you don’t know what a parallax is, you are welcome to Wikipedia. There’s a proper definition:
“Parallax scrolling is a special scrolling technique in computer graphics, wherein background images move by the camera slower than foreground images.”
Why do we need it in web design? Well, you could notice that web pages are made in 2D. That’s a problem a little bit, because we live in 3D world, so internet is not so spectacular for us as the real world. Parallax technique just gives an opportunity to make websites more alive and interactive: everything is for a user’s presence effect.
First used in old console 2D games, parallax scrolling recently gained a spreading in web design. That’s why – enough words, let’s take a look on live examples of parallax scrolling in web design websites.
* * *
inTacto 10 Years
* * *
Manufacture d’Essai
* * *
Head 2 Heart
* * *
Drug Treatment
* * *
Tokiolab
* * *
Ben the Bodyguard
* * *
Iutopi
* * *
Krystalrae
* * *
Smokey Bones
* * *
* * *
Fishy
* * *
Cultural Solutions
* * *
Egopop
* * *
Zune Journey
* * *
Cheese Please Game
* * *
These 15 sites are designed magnificently – no doubts. Also it’s questionless the parallax scrolling made a considerable contribution in that. I believe these inspirationable examples would facilitate new creative goals in your further projects. To improve this tendency I’ll prepare some tutorials of parallax scrolling making.
Don’t be shy to leave comments regarding parallax scrolling.
About the author:
Art Rivera: Deeply interested in everything connected with Internet, I sincerely suppose the web is the only future reality for the humanity through its inevitable involving into every part of human life. I’m not a great fan of cyberpunk concept, but the world is keeping that certain direction of total connectedness. And of course there should be someone, who can write the history, who would describe and analyze and enter in the record all notable changes and tendencies on the web. Hello, it’s me.
