新聞列表應該采用制作什么樣的布局方式？

2019-12-06 點擊量：

大家平時一定會在手機上瀏覽各種新聞，看了那么多新聞，你還能想起來大部分的新聞列表是以什么布局呈現的呢？你有沒有發現不同的新聞類型采用的是不同的布局方式呢？今天就來講講新聞列表應該采用什么樣的布局方式，下面我總結了五種布局樣式：

1.大圖布局，2.多圖布局

3.左圖右文，4.右圖左文，5.卡片列表

一、大圖布局

新聞列表中一般不會在整個頁面中采用大圖布局，因為新聞一般數量較多且具有時效性，采用大圖布局會降低瀏覽效率，如果是比較重要的新聞或者是希望用戶注意到的內容則會采用大圖布局。更多情況下，大圖布局和其他布局會混合使用，在大量新聞中，用大圖布局的方式突出某條新聞引起用戶注意。

擴展

大圖布局也被運用于多種場景中，大圖除了吸引用戶還能展現更多圖片細節，在很多以圖片為主的產品如設計師靈感庫都采用大圖布局的方式。airbnb同樣采用大圖布局列表向用戶展示符合條件的民宿，我們能發現預定酒店時列表往往是以小圖布局配合更多文字信息的布局方式，因為酒店房間大致相同，沒有更多的風格或特色，人們關注酒店的品牌星級價格或設施等。而民宿和酒店不一樣，民宿往往各有特色，以其獨居風格的裝飾來吸引住客，干凈舒適和富有特色的民宿圖片能一下子吸引用戶點擊，通過瀏覽大圖用戶就能了解民宿的大體環境，而不需要再次點擊查看，能提高用戶瀏覽查找民宿的效率。

二、多圖布局

多圖布局中每行內容主要為標題 三張圖片，通過對比發現，大部分的新聞產品中，嘉瑞廣告，娛樂新聞都是以這種方式布局的，為什么呢？娛樂新聞中圖片是較為重要的內容，也更能吸引用戶的注意，在列表中展示更多的圖片能夠滿足用戶的好奇心，也能提高用戶瀏覽娛樂新聞的效率，通過圖片就能判斷是否為自己感興趣的內容。除了娛樂新聞，社會新聞也采用這種布局方式。同樣也是用圖片來吸引用戶，或通過圖片即可了解大概的新聞內容。

擴展

大家對多圖布局方式一定非常熟悉了，我們每天都用的微信還有微博也是采用多圖布局的方式，這種方式可以讓用戶短時間內了解所有圖片的大致信息，利于用戶快速瀏覽。很多旅游APP旅游攻略也采用多圖布局的方式，旅游攻略中經常用大量的圖片來展示某個旅游景點，用戶往往更關注圖片也更容易被好看的旅游圖片所吸引，和朋友圈微博的多圖布局方式稍微有些不同的是，旅游攻略會選擇一張最重要最吸引用戶的圖片以大圖方式展示，其他的圖片則以小圖方式展示，這種布局方式既能讓用戶看清楚重要圖片的細節，也能對攻略的內容有個大概的了解。

三、左圖右文

圖文列表是最常見的一種列表樣式，一般用于更關注文字信息的科技、財經、時事政治等新聞，按照用戶的閱讀習慣，左圖右文會讓用戶先看到圖片再閱讀標題，如果你希望用戶更關注圖片信息，那么就可以采用左圖右文的樣式。

四、右圖左文

同樣適用于更關注文字信息的新聞，與左圖右文相比，將圖片的優先級降到最低，讓用戶更關注新聞內容本身。除此之外，圖片的大小及標題承載的文字數量也值得思考，下面的例子中，36氪的圖片最小，給了標題更多的空間并且將標題加粗。36氪主要以科技新聞為主，對于這類新聞，用戶更關注標題和新聞內容，完整的標題可以提高用戶的瀏覽效率，通過標題就判斷是否為自己感興趣的內容。

擴展