Some of the examples that follow communicate luxury, ingenuity, and elegance to their sites through various parallax effects. It can also communicate a level of thought and intentionality that a flat web design may not.
PARALLAX SCROLLING EXAMPLES FOR PROFESSIONAL SERVICES 2015 SERIAL
ESPN, Newsweek, and others have created great layouts for longer magazine articles, like Portrait of a Serial Winner, that incorporate parallax elements to help break up long sections of text, engage the user, and enhance the story. Parallax can greatly aid the presentation of a story through imagery and animation, such as with Portrait of a Serial Winner on ESPN. Perhaps you need to show animation of how a product is built or stages of development. Parallax offers a myriad of great options to improve a user’s experience on a website. So when exactly should you think about using parallax? And perhaps more importantly, when should you avoid it?
Indeed, parallax can completely alter a user’s experience with a website, but not always for the better. Since 2011, parallax scrolling has burst onto the scene of web design, beginning with simply iterations to add an element of depth and evolving into complex, multi-layered experiences that include opacity and focus shifts, videos, complicated animations, and multi-directional journeys. Although this concept has been around for nearly a century in other forms, it didn’t begin being used in web design until around 2011. This simple concept creates a sense of depth and helps change the experience that someone has with visual media. So, what exactly is this parallax scrolling? To put it simply, it is using a composition of multiple layers, such as a foreground, middleground, and background, that move at different speeds. You may very well recognize it in many of your favorite classic cartoons such as The Flintstones or Scooby Doo. It has long been utilized in animation and video games, as early as the late 1920s and early 1980s, respectively. Parallax scrolling, also called layered motion, has been around for decades. Some Background on Parallax Scrolling: What is it?
0 kommentar(er)
