@胡桃子：最近好多人包括我本人都中了抖音的“毒”，一刷起來就停不下來！精彩的內(nèi)容太有吸引力了，其實都是受視頻feed流的影響，為什么feed流會有如此大的吸引力呢？

下面的文章我會從feed流的定義講起，詳細(xì)的分析不同樣式feed流的區(qū)別，后面兩篇推文和大家分析圖片流的圖片比例、布局和適配規(guī)則feed信息流，希望能夠有助于你在以后對圖片展示排版更加游刃有余。

一. Feed流的定義

Feed流是兩個詞，也稱為信息流，我們需要拆開來理解。

Feed：喂養(yǎng)的意思feed信息流，即用戶需要什么，我們就為用戶提供什么。

流：內(nèi)容的呈現(xiàn)形式，即內(nèi)容通過什么樣的形式呈現(xiàn)給用戶。

簡單點來講，feed流就是為用戶提供個性化的定制，為用戶推薦用戶自己喜歡的內(nèi)容，做到用戶的個性化定制，讓每個人都能看到自己想看到的內(nèi)容。

二. Feed流展現(xiàn)形式

feed流的主要有3種展現(xiàn)形式：圖片流、文字流、視頻流。

不同的產(chǎn)品呈現(xiàn)feed流的形式也不盡相同，只有適合產(chǎn)品性質(zhì)的設(shè)計形式才能將信息完美的傳遞給用戶，展現(xiàn)產(chǎn)品的氣質(zhì)。

1. 文字feed流

文字性的feed流主要以“標(biāo)題文字+輔助圖片”組成。一般情況下文字和圖片的組合方式有“自左到右、自上而下”兩種，符合用戶的閱讀習(xí)慣。

對于“文字性feed流”最大的優(yōu)點就是信息明確、一目了然，通過對標(biāo)題信息的提煉快速告訴用戶當(dāng)前模塊的核心內(nèi)容，用戶再根據(jù)自己的喜好決定是否進(jìn)行點擊進(jìn)入查看詳細(xì)的內(nèi)容。

例如36氪、淘寶頭條、簡書、網(wǎng)易新聞，圖片和標(biāo)題內(nèi)容的關(guān)聯(lián)性不大，圖片只是用來增加閱讀趣味性。根據(jù)用戶的瀏覽習(xí)慣，標(biāo)題放在居左更能突出內(nèi)容，而不會被圖像所干擾。

優(yōu)點：信息明確、一目了然；一屏之內(nèi)展現(xiàn)的信息數(shù)量多，信息獲取率高；符合自左到右、自上而下的閱讀順序；圖文并茂，輔助圖片可以對標(biāo)題加以說明；學(xué)習(xí)成本低。

缺點：視覺沖擊力較弱；交互路徑長，需要二次點擊才能進(jìn)入詳情頁；輔助圖片視覺沖擊力弱；僅有標(biāo)題信息，展示不全面。

2. 圖片feed流

圖片性feed流以圖片為主，文字性信息一般搭配在圖片底部輔助展示。

圖片性feed流具有良好的視覺沖擊力，在展示方面通常會弱化其他元素，強(qiáng)化圖片。圖片比文字更加具有感染力，可以在短時間內(nèi)引發(fā)用戶的情感共鳴，而且相對于文字，圖片的瀏覽速度更快，印象更深。例如LOFTER、nice、UC頭條、same：

優(yōu)點：視覺沖擊力強(qiáng)，更容易吸引用戶；適配簡單，節(jié)省適配成本；學(xué)習(xí)成本低；畫面視覺層級豐富；優(yōu)秀的圖片可以提升整體產(chǎn)品氣質(zhì)。

缺點：占用空間大，展示內(nèi)容少；信息傳達(dá)不如文字直接明確；針對顯示不全的縮略圖需要二級點擊；圖片質(zhì)量差的話很容易降低產(chǎn)品氣質(zhì)。

3. 視頻feed流

視頻性feed流主要以短視頻為主（長視頻占用用戶時間長容易導(dǎo)致用戶缺乏耐心），文字信息作為輔助信息一般都會做弱化處理。

視頻性feed流相比于圖片，視覺沖擊力更強(qiáng)，能夠提供更多感官上感受，更加容易吸引用戶的注意力。一般情況下會主動且循環(huán)播放，畫面占滿全屏。例如網(wǎng)易戲精、抖音、網(wǎng)易云音樂、微視：

優(yōu)點：視覺沖擊力強(qiáng)，更容易吸引用戶；感官沖擊力強(qiáng)，滿足用戶的在視覺和聽覺上的感受；沉浸式體驗好，用戶可以專心觀看當(dāng)前內(nèi)容；操作交互簡單，用戶只需要簡單的上下滑動便可切換；短視頻形式，用戶的接受度更強(qiáng)。

缺點：占用空間大，展示內(nèi)容少；需要緩存，對網(wǎng)絡(luò)質(zhì)量要求高；只能進(jìn)行短視頻播放，內(nèi)容展示不全；交互上需要頻繁刷屏；學(xué)習(xí)成本較高，用戶初次進(jìn)入需要輔助引導(dǎo)說明。

總結(jié)

1.Feed流結(jié)構(gòu)簡潔，減輕用戶的認(rèn)知負(fù)擔(dān)，直接可以從其他feed流產(chǎn)品遷移習(xí)慣，顯著降低學(xué)習(xí)成本。

2.圖片、文字、視頻更直觀的傳遞信息，表達(dá)有力，精準(zhǔn)有效觸達(dá)用戶，提升用戶的瀏覽效率。

3.交互簡單，讓信息與用戶近距離，更易感知交流直接的傳遞，充分調(diào)用用戶情緒。

希望上述內(nèi)容能有所幫助～～

免責(zé)聲明：本文系轉(zhuǎn)載自其它媒體，版權(quán)歸原作者所有；本站遵循行業(yè)規(guī)范，任何轉(zhuǎn)載的稿件都會明確標(biāo)注作者和來源，旨在傳遞信息，不代表本站的觀點、立場和對其真實性負(fù)責(zé)。如需轉(zhuǎn)載，請聯(lián)系原作者。內(nèi)容會稍有編輯，如果來源標(biāo)注有誤或侵犯了您的合法權(quán)益等其他原因不想在本站發(fā)布，來信即刪。投稿等其它問題請聯(lián)系本站

文章來源:https://www.xueui.cn/tutorials/layout/analysis-of-information-flow-design-1.html