Feed 流，簡單來說，就是將用戶感興趣的內(nèi)容以信息流的形式呈現(xiàn)出來。我們可以把 “Feed” 理解為 “按需供給”，即產(chǎn)品通過數(shù)據(jù)算法為不同用戶推薦他們感興趣的內(nèi)容，吸引用戶不斷下拉瀏覽；而 “流” 則指信息有規(guī)律排版的呈現(xiàn)形式。
Feed 流主要有三種常見形式，分別是文字流、圖片流和視頻流，每種形式都有其獨特的特點和適用場景。
文字性 Feed 流主要由標題文字和輔助圖片組成。它的優(yōu)點很明顯，在一屏之內(nèi)能夠展現(xiàn)的信息數(shù)量較多，用戶的信息獲取率高，通過對標題信息的提煉，能快速告訴用戶當前模塊的核心內(nèi)容。不過，它也存在一些缺點，視覺沖擊力較弱，僅靠標題信息，內(nèi)容展示不夠全面。
常見的布局方式有左右布局和上下布局，多用于新聞資訊類產(chǎn)品中。比如駕考寶典的資訊頁面，采用上下布局，每條資訊以標題為主，搭配輔助圖片，讓用戶能快速了解內(nèi)容概要；騰訊視頻的資訊板塊則運用左右布局，左側(cè)是標題和簡要內(nèi)容，右側(cè)是相關(guān)圖片，便于用戶快速篩選感興趣的信息。
圖片性 Feed 流由圖片和輔助文字構(gòu)成。其最大的優(yōu)點是視覺沖擊力強，更容易吸引用戶注意力，圖片比文字具有更強的感染力，能在短時間內(nèi)引發(fā)用戶的情感共鳴，而且相對文字來說，圖片的瀏覽速度更快，給人的印象也更深刻。但它也有不足，圖片占用空間大，導致展示的內(nèi)容較少，同時信息傳達不如文字明確，對圖片質(zhì)量的要求也比較高。
常見的布局方式有大圖布局、宮格布局、拼圖布局和瀑布流布局。
大圖布局指的是無論用戶上傳幾張圖片，F(xiàn)eed 流中始終以一張大圖的形式展現(xiàn)。其適配方式一般有兩種：
- 展示圖片尺寸固定：不管用戶上傳的是橫圖還是豎圖，展示圖片的比例始終固定，常用的比例有 1:1、3:2、4:3、16:9 等。這種適配方式圖片占用空間小，可提高用戶的閱讀效率，適合想要提高用戶閱讀效率的產(chǎn)品，如站酷的部分頁面，采用固定比例展示圖片，讓用戶能在有限空間內(nèi)瀏覽更多內(nèi)容。
- 隨圖片而變化：當用戶上傳不同比例的圖片時，圖片展示寬度為屏幕寬度，展示高度根據(jù)確定的寬度等比例縮放。這種適配方式能將圖片信息表達完善，但圖片占用空間大，適合圖片質(zhì)量高、用戶以瀏覽圖片為主的產(chǎn)品，如圖蟲。不過需要注意的是，采用該方式需要設(shè)置最大最小閾值，當圖片的高度超過一定數(shù)值，高度就不再增加，當圖片的高度小于一定數(shù)值，高度不再減小。
宮格式布局是指用戶上傳的圖片會適配到一個個的方格中，常見的排版有 3 宮格、6 宮格、9 宮格。它多應(yīng)用在社交類的 APP 中或者電商 APP 的內(nèi)容社區(qū)，如微博、微信、QQ 空間等社交 APP，以及淘寶等電商應(yīng)用的內(nèi)容社區(qū)。
不同平臺的宮格布局適配方式有所不同：
- 微博九宮格布局：當圖片為一張，且 0.5 ≤ 寬 / 高 ≤ 2 時，寬度占兩個格子加間距，高度根據(jù)比例縮放；當圖片為一張，寬 / 高 <0.5 時，寬度占兩個格子加間距，寬：高 = 4:5 顯示；當圖片為一張，寬 / 高> 2 時，寬度占兩個格子加間距，寬：高 = 4:3 顯示；當圖片多于一張時，直接將圖片適配到格子里。
- 微信九宮格布局：當圖片為一張，且 0.5 ≤ 寬 / 高 ≤ 2 時，高度 360px，寬度根據(jù)比例縮放；當圖片為一張，寬 / 高 <0.5 時，高度 360px，寬：高 = 1:3 顯示；當圖片為一張，寬 / 高> 2 時，高度 360px，圖片占橫向 3 格；當圖片多于一張時，直接將圖片適配到格子里。
這種布局方式是將幾張圖片拼成一個矩形，樣式新穎類似雜志的排版，對圖片質(zhì)量要求較高，多應(yīng)用在圖片社交中，如 in。通過獨特的拼圖方式，能讓圖片展示更具創(chuàng)意和吸引力，增強用戶的視覺體驗。
瀑布流式布局的視覺表現(xiàn)為參差不齊的多欄布局，用戶的視線軌跡以 Z 型為主，這種軌跡易于閱讀。但由于用戶采用 “就近原則” 閱讀信息，容易產(chǎn)生漏讀現(xiàn)象。它適用于社區(qū)類瀏覽型頁面，這類頁面往往信息量大，采用瀑布流式布局能讓瀏覽體驗更為流暢，如花瓣、小紅書等平臺，用戶可以不斷下拉獲取更多內(nèi)容，沉浸在瀏覽過程中。
視頻性 Feed 流以短視頻為主（長視頻占用用戶時間長，容易導致用戶缺乏耐心），搭配輔助文字。它的優(yōu)點是能滿足用戶在視覺和聽覺上的感受，沉浸式體驗好，更加容易吸引用戶的注意力，一般情況下會主動且循環(huán)播放，畫面占滿全屏，如快手、抖音、微視等。不過，它也存在缺點，占用空間大，展示內(nèi)容少，而且需要緩存，對網(wǎng)絡(luò)質(zhì)量要求高。
Feed 流主要有文字流、圖片流和視頻流三種常見形式。其中圖片流的布局方式最為豐富，主要有大圖布局（適配方式包括圖片固定比例、尺寸隨圖片而變化）、宮格布局（三宮格、六宮格、九宮格）、拼圖布局和瀑布流式布局。在設(shè)計 Feed 流時，需要根據(jù)產(chǎn)品的定位和用戶需求，選擇合適的樣式和布局方式，以提升用戶體驗和信息傳達效率。
