新聞列表頁是每個網(wǎng)站都存在的頁面,很多設(shè)計師都會想要設(shè)計的新穎一些,但是又找不到什么好的排版布局方法。下面,文匯軟件小編就根據(jù)我們多年的經(jīng)驗跟大家分享一下,在設(shè)計新聞列表頁面時,都有哪些排版布局方法。
1、左圖右文
圖文列表是新聞列表頁面設(shè)計中最常見的一種設(shè)計,左圖右文排版布局用戶進入頁面時會先看到圖片,然后在看到文章的標題和內(nèi)容。當然,如果想讓用戶進入頁面首先注意到文字內(nèi)容,可以采用左文右圖的設(shè)計。下面是我們文匯軟件做過的融世華項目,就采用了左圖右文的設(shè)計方式。
2、上圖下文
上圖下文的排版方式也是新聞列表頁面中常見的一種設(shè)計方式。有很多設(shè)計師覺得上圖下文的設(shè)計方式太老套,其實不然,就像我們在做嬰貝兒這個項目時,我們的設(shè)計師就用到了上圖下文的設(shè)計方式,合理的圖片尺寸加上合適大小的文字,頁面并不顯的很呆板,當用戶鼠標指向內(nèi)容時再加上動態(tài)效果,讓頁面更加有靈性。
再比如:我們在做塑邦熒光科技這個項目時,新聞列表頁也用到了上圖下文的設(shè)計方式,我們的設(shè)計師在文字和時間的排版上做了一些新穎的設(shè)計,時間年份文字放大、月份字體相對小一些整體放在左邊,標題和文字內(nèi)容放在右邊,整個頁面就不會那么的呆板。
3、純標題文字列表設(shè)計
這種設(shè)計是最早流行的一種新聞列表頁面設(shè)計方法,現(xiàn)在在企業(yè)網(wǎng)站中比較少見到,政府類型的網(wǎng)站見到的比較多,也是一種比較簡單的設(shè)計方式。