在當下社會的快餐文化中，人們的很多習慣都在發(fā)生改變，人們越來越不愿意將時間花費在長時間的閱讀上，用戶已經習慣了快節(jié)奏，運用碎片化的時間來閱讀。自從前幾天微信把訂閱號消息改成信息流后，國內主流的高頻使用的app都具有信息流的應用了。今天我們針對信息流的設計，為大家講解一下如何更好的設計信息流，以及信息流的一些設計靈感。

什么是信息流？

信息流有廣義和狹義兩種。廣義指在空間和時間上向同一方向運動過程中的一組信息，它們有共同的信息源和信息的接收者，即由一個信息源向另一個單位傳遞的全部信息的集合。狹義指信息的傳遞運動，這種傳遞運動是在現(xiàn)代信息技術研究、發(fā)展、應用的條件中，信息按照一定要求通過一定渠道進行的。

通俗易懂的解釋就是系統(tǒng)主動推給你的信息，你是被動接受的一方，信息流一般會以純文字、圖文、圖片、視頻、鏈接、語音、廣告的方式推送給你。

信息流的幾種類型

現(xiàn)在的信息流一共包括二種交互，第一種是以Facebook為代表的信息流，我們把它稱作為卡片式交互信息流。第二種是以Twitter為代表的信息流，我們把它稱作為時間軸的交互信息流。

卡片式信息流可以放更多的內容，一行的文字可以展示的更多，單張圖片區(qū)域更大，同時也可以展示多張圖片，即使在沒有點擊放大的情況下，圖片內容還是能夠看的清楚，用戶可以快速瀏覽圖片信息，視覺焦點大多會集中在圖片上，然后才去看文字，適用于圖片社交類App、娛樂性陌生人社交類App。最為典型的App有Facebook、Instagram。

時間軸信息流突出文字內容，突出頭像，由于左邊會有1/5的留白，所以圖片區(qū)域會小很多，整個流都會緊湊一些，目的是讓用戶更加聚焦于文字閱讀。最為典型的App有微信朋友圈、Twitter。

信息流的基本內容

一個完整的信息流，從上到下依次分為三大塊：1、個人信息區(qū) ? ?2、內容展示區(qū) ? 3、用戶操作區(qū)

個人信息區(qū)主要有頭像、昵稱、與個人榮譽相關的勛章、個人介紹、發(fā)帖時間。

內容展示區(qū)主要有語音、視頻、圖文、純文字、圖片、鏈接、廣告、分享的卡片、地址信息。

用戶操作區(qū)主要有評論、點贊、分享、收藏等，但不局限于這些操作。

信息流的設計

在開始設計信息流的時候，我們可以深入了解下產品，了解產品的定位、用戶群體，需要弄明白屬于什么信息流類型，針對不同的類型設計不一樣的信息流交互。

結合以往設計經驗，我總結出來如下幾點：

如果你是第一種類型，你可以在頭像、昵稱、個人介紹處理上適當?shù)钠∫稽c，圖片加大處理，突出圖片內容，減少不必要的干擾，操作區(qū)域圖標突出表達，使得用戶更好的互動。

如果你是第二種類型，你可以把頭像、內容文字加大處理，圖片適當?shù)钠∫恍?，目的是主要的突出字體，讓用戶更加聚焦在文字上。

在這里需要特別強調的是圖片展示邏輯，我建議大家在單張圖片的情況下采用9：16的比例去設計圖片區(qū)域。

圖片展示最大范圍可以根據設計要求來做，如遇到圖片超過圖片最大展示范圍的情況，應該截取中間部分展示，如圖片比圖片最大展示范圍要小，可以按照實際大小展示，如圖片是長圖的情況下，處理辦法也是相同。

除了考慮圖片展示的情況下，還要考慮語音與文字，文字與鏈接，鏈接與語音，視頻與文字，視頻與語音等多種組合的情況。

總結

1、信息流是一種信息展示方式，你是被動接受的一方，他會通過各種方式推送給你。

2、信息流分為卡片式交互信息流與時間軸交互式信息流

3、一個完整的信息流包括個人信息區(qū)、內容展示區(qū)、用戶操作區(qū)

4、信息流的設計可以通過產品定位去選擇是否用卡片式交互信息流或者時間軸交互式信息流

5、信息流的圖片展示分為單張圖與多張圖，單張圖可以按照9：16的比例去設計，多張圖可以統(tǒng)一都為正方形

6、設計信息流還要考慮多種信息組合的情況，它有純文字、圖文、圖片、視頻、鏈接、語音、廣告。

設計靈感

1,聊天對話式的信息流。

2，個性化小眾設計感的信息流。

3，內容簡潔，弱化圖片，卡片增加背景顏色。

4，非常有意思的體育類信息流。

5，帶類似時間軸的信息流。

6，小清新的信息流，突出圖片，沒有標題。

7，統(tǒng)一板式的信息流，左邊文字，右邊圖片。

8，左右滑動的卡片式信息流。