萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> “瀑布流”不是萬金油 不能忽略網站的設計重點

“瀑布流”不是萬金油 不能忽略網站的設計重點

“瀑布流”不是萬金油 不能忽略網站的設計重點 三聯教程

  在這個以“快速跟進”為發展宗旨的時代,當Pinterest以“瀑布流”的網站布局亮瞎了用戶眼球之後,這種布局方式就徹底泛濫了,到處都是尼瑪的瀑布流!管你是新創建的還是重新設計的網站,都以Pinterest唯馬首是瞻,不帶點瀑布范兒都不好意思見人。可是,別人的成功是不可復制的。別以為僅憑一個“瀑布流”就能讓你的網站熠熠生輝千秋萬代!

  Pinterest的“瀑布流”布局方式是通過jQuery Masonry插件密集但美觀地展示大量高度不一的縮略圖,從而為用戶提供完美的視覺體驗。這種不平衡不對稱的布局方式對於那些以新聞聚合器以及個人資料頁面為設計方向的網站並不適合,比如Digg和MySpace。

  Digg

  作為一個新聞網站,通常都是對網站整體布局密度進行優化,從而突出新聞標題增強可讀性。但改版後的Digg顯然過分強調視覺內容,大大降低了可讀性。而且,網站上的配圖也談不上特別美觀,反倒顯得有些雜亂。而Digg的Alexa排名也說明用戶對它的新設計並不怎麼買賬。

  MySpace

  改版後的MySpace更像是Pinterest和Facebook時間線的綜合體,就好比是將時間線分成多列以“瀑布流”方式呈現出來。不過,這種“圖片+更新狀態”的混合型排版的視覺體驗也不是太好,顯得有點擁擠了。

  結論

  適合別人的不一定適合你。從別人的成功可以迅速獲得靈感,但也很容易使你忽略自己網站的設計重點。在打算采用“瀑布流”布局之前不妨問問自己下面幾個問題:

  1. 你的網站內容是以視覺為主嗎?

  2. 如果是,你網站上的圖片是否大小不一且足夠有趣並吸引眼球?

  3. 你,是另一個Pinterest嗎?

  Via jfonear

  原文:http://www.leiphone.com/1009-echo-pinterest-layout.html

copyright © 萬盛學電腦網 all rights reserved