純銀產品學習方法論 day2 ——內容列表展現

接上篇 純銀產品學習方法論 day1 ——註冊與登陸 和 移動端註冊登陸總結

1、知名產品的內容列表展現組件

內容列表大概分紅如下幾類：

• 網格：
  • 普通網格（蘇寧易購/qq音樂/塗手）：整齊清晰，能同時容納大量圖片，提高界面的魅力，多用於電商類和視頻類
  • 雜誌網格（積目）：普通網格的變種，更加時尚
  • 瀑布流（下廚房/花瓣）：普通網格的變種，大圖展現更吸引用戶的視線，視覺落差又能緩解視覺疲勞
• 列表：
  • 文字爲主（36kr/京東）：呈現信息多，結構清晰，方便用戶快速理解內容，找到喜歡的東西
  • 圖片爲主（into/開眼）：放大的圖片能夠造成比較強烈的衝擊感，多用於攝影類、壁紙類應用
  • 卡片列表（app store/一罐/zaker）：信息模塊化，有層次感，用戶操做更直觀
  • 時間軸（soul）：形式感強，可以帶來豐富的時間、順序感；內容呈現清晰，細節豐富
• 輪顯：
  • 一次展現一個（網易雲音樂/zaker）：可以吸引用戶注意力
  • 一次展現多個（uki/蝦米音樂/一罐）：可以充分利用頁面空間

普通網格：蘇寧易購、qq音樂和塗手

雜誌網格：積目

瀑布流：下廚房和花瓣

文字爲主的列表：36kr和京東

圖片爲主的列表：into和開眼

卡片列表：app store 、一罐和zaker

時間軸列表：soul

輪顯一次一個：網易雲音樂和zaker

輪顯一次多個：uki、蝦米音樂和一罐

2、最喜歡的兩套設計

若是是作社交產品的話，我會比較喜歡瀑布流和卡片列表的設計

3、復原

由於準備借這個機會把以前一個關於奶茶社交的想法實現出來，這裏實現的是「味道」模塊

登陸註冊在上篇內容的最後 純銀產品學習方法論 day1 ——註冊與登陸

---

最後也補個感想：

• 配色真的好難
• icon真的好難找到合適的

看來要開始自學一波配色（留下沒有技術的眼淚