In this era of "Fast follow-up" for development purposes, when the layout of Pinterest's website with "waterfall stream" is highlighted by the user's eye, this layout method is completely rampant, nima's waterfall is everywhere! Whether you are creating a new website or re-designing a website, all of them start with Pinterest. If you don't have a certain waterfall, I am so sorry to see you. However, others' successes cannot be copied. Don't think that your website will shine brightly with just one "waterfall stream!
The layout of Pinterest's waterfall stream is through the jQuery Masonry plug-in to display a large number of thumbnails of different heights in a dense but beautiful way, so as to provide users with a perfect visual experience. This unbalanced and asymmetric layout method is not suitable for Websites designed for news reporters and personal data pages, such as Digg and MySpace.
Digg
As a news website, the overall layout density of the website is usually optimized to highlight the news title and enhance readability. However, after the revision, Digg obviously overemphasized the visual content, greatly reducing readability. In addition, the matching pictures on the website are not very beautiful, but rather messy. Digg's Alexa ranking also shows that users do not have to pay for its new design.
MySpace
The revised MySpace is more like a combination of Pinterest and Facebook time series. It is like dividing the time series into multiple columns and presenting them as "waterfall streams. However, the visual experience of this "picture + Update Status" hybrid layout is not very good, and it seems a bit crowded.
Conclusion
Not necessarily suitable for others. You can quickly get inspiration from others' successes, but it is also easy for you to ignore the design focus of your website. Ask yourself the following questions before you plan to adopt the waterfall flow layout:
1. Is your website content visually oriented?
2. If yes, are the images on your website of different sizes interesting and eye-catching?
3. Are you another Pinterest?
Via jfonear
Original article: http://www.leiphone.com/1009-echo-pinterest-layout.html