新聞列表應(yīng)該采用制作什么樣的布局方式？

2019-12-06 點(diǎn)擊量：

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

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

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

一、大圖布局

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

擴(kuò)展

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

二、多圖布局

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

擴(kuò)展

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

三、左圖右文

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

四、右圖左文

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

擴(kuò)展