為什麼 Pinterest 和國內類似的網站,如花瓣、美麗說、蘑菇街的圖片排版要使用非對齊的設計呢?不會讓用戶感覺很亂嗎?


只是行不對齊,列是對齊了的。

如果是田字格,人的視覺需要從上到下、從左到右的逐塊瀏覽——全部都看,然後大腦再篩選過濾——這更適合有目的性完整性的信息獲取,比如在淘寶搜索一個商品,列表或大圖兩種視圖。

但是在一些隨意性瀏覽發現的服務中,這種有點半強迫意味的田字格相當於增加了視覺和大腦的負擔,會讓原本隨意性的瀏覽變得不隨意。pinterest的信息特點決定了用戶只能是大量、隨意、快速、偶然性、蜻蜓點水式的信息獲取,瀑布流對這種信息來說更加便利。

所以表現層是由產品定位和信息特點決定的,如果是有目的性的信息篩選、重內容的沉溺型瀏覽,瀑布流並不合適。


看上去是不對齊的,但是「不對齊」不代表「凌亂」,這類的頁面也都是有自己的規律的,只不過不是過去經常看到的豆腐塊的規律而已~~~而且正因為這種頁面是「不對齊」的,為了保證頁面展示效果不至於凌亂喪失美感,這類頁面的排版規則設定需要比普通的豆腐塊形式更為謹慎與嚴格~~~


相對而言,他們已經都是非常對齊了,你沒見過真正左右上下都是不對其的才覺得他們非對齊。目前看來沒幾個人覺得它們很亂,實際情況是大多數人倒是覺得這是人性化清晰的表現。

瀑布流的排版根據內容的多少設定框的大小,和固定的框比,在內容少的時候不會有很多空,而內容多的時候不會又顯示不下,所以反而不會像固定的框那樣內容的參差不齊造成亂的感覺。


錯落有致,適合於以圖片為主的站點,個人覺得極客公園也學這種設計法是很操蛋的體驗。


瀑布流,很流行啊


新鮮,挺喜歡~


第一家是創新,後面的只是盲目抄襲而已~~~~~~~


1、雖然瀑布流現在非常流行,等寬不等長,適合信息量特別大的網站,而且,有些信息量你可以錯過,不必每個都看。

2、用戶整個頁面掃下來,全部是圖片,容易眼花繚亂,全部文字,又不知道看哪一塊。瀑布流的設計,需要很強的邏輯關聯性,排版要非常嚴謹。

3、另外,花瓣網之類的純興趣導向的圖片網站,可能還不會讓你覺得信息量讓人喘不過氣來,但是若用戶想從網站中獲取信息,比如無覓網之類,就必須在每一屏加上分割線。潛意識讓用戶不會被信息埋沒。


1. 淘寶那種豆腐塊會使得部分圖片長或寬被壓縮,看起來小;

2. 淘寶詳情頁那樣列下來,一屏又看的太少;

相比起來現在挺好。 還有點雜誌的感覺,錯略有致,等寬保證了圖片長寬比。


推薦閱讀:

有很多購物比價平台沒火起來,反倒很多商品推薦平台火了(美麗說、蘑菇街、禮物說)?
哪些導購型網站比較火,你看好導購的未來么?
蘑菇街CEO陳琪是一個什麼樣的人?
為什麼新浪微博、蘑菇街、美麗說發布的內容不能修改,只能刪除?
蘑菇街通過怎樣一個機制來識別和過濾托兒、spam 等不可信內容?

TAG:Pinterest | 美麗說 | 社會化電子商務 | 花瓣網 |