Skip to main content

Home/ CMN450 (03) Participatory Media/ Group items tagged asthetics

Rss Feed Group items tagged

Sohyun Kim

The Good, the Bad, and the Downright Ugly of Parallax Web Design - 0 views

  • Parallax is the web design technique of using CSS to make different layers on the web page move at different rates. So, when scrolling down the page, instead of having all the text, photos, videos, and other elements move screen altogether, it feels more like a visual page turn, with a new layer of beautiful imagery or video or a pull quote gliding up to replace the just read "page."
  • Take last month's Fast Company story about Baratunde Thurston quitting the Internet for 25 days. Toward the bottom of the page, the designers used parallax to make leaves and flowers bloom onto the page. Unless your browser window is extremely wide, the details ended up covering the text, however, making it difficult to read the story: 
  • "It's getting a little overused everywhere," Trei Brundrett, the chief product officer for Vox Media, which owns SB Nation, The Verge, and Polygon, told us. The makers of "Snow Fall" and the other parallax pioneers who have used it made it the defining feature of thoughtful web design. "It's a signifier of quality. It has become a trope,"
  • ...3 more annotations...
  • Unfortunately, that means it has gotten very tired, very fast. The Pitchfork team sees the whole trend winding down in the next year or two. "I think people will start to use it a lot more and possibly tire of it," said Renaud.
  • The low barrier to entry means, a lot of the times the effect doesn't add much to the story. "I think it's cool if used appropriately or in moderation," said Brundrett. A good use, he says, would be to "cleverly position" photography next to supporting copy
  • "Designers are excited that there is a lot of energy and curiosity around more thoughtful design and breaking out of our optimized content world," added Brundrett. 
  •  
    This article talks about a new trend in Web design- Parallax- and how it became popular. It shows examples of what websites effectively used this trend, and others that have done the opposite. It ends off with how this trend effects designers and readers alike. 
1 - 1 of 1
Showing 20 items per page