報紙排版風格的網頁設計原則

報紙排版風格的網頁怎麼設計呢，大家有考慮過嗎，下面是關於報紙排版風格的網頁設計原則，歡迎閱讀參考！

1. 白紙黑字

傳統印刷的報紙都是白色的紙張黑色(灰、深灰)的字。這種色彩組合讓我們的眼睛非常舒適，可讀性好，這就是爲什麼報紙一直用這種配色的原因，特別是那種塞滿了內容的版面。你也可以選擇黑底白字，但是千萬不要選黑底黃色、綠藍色、粉紅色和藍色等顏色的字體，檢視你的設計儘量在你的眼睛感覺好了之後再做，你也可以吸取經典的色彩並用於你的網頁設計。

中性的亮和黑是基本色，你還可以使用更多的強調色。舉例來說，藍色是很好用的標題，紅色是完美的按鈕。導航菜單上的各種效果可以用原色的更亮或更暗的色來修飾，或者是一樣調性的色彩。這樣菜單會比較突出，整體的用戶體驗也會比較好。

2. 極簡主義圖形

報紙排版風格的網站界面是乾淨的，內容翔實的，結構合理的，圖形是表達精準的，極簡主義的。圖形元素有以下幾種：

》線

》形狀

》各種顏色

》版式樣式

》紋理.

如我們已經提到，這類網站用色的種類總是很少。紋理更是少之又少，因爲各種質感的紋理只會分散讀者的注意力，讓內容的可讀性變差。但是紙張的質感是可以的，這個很重要，它可以是一個背景紋理，或者是有紙張質感的按鈕，又或者只是頁眉和頁腳區域。

報紙風格的設置總是會基於網格的設計，或者使用多列布局，減少對形狀和線條的依賴。因爲它們有足夠的內容去形成你的網站。

3.基於網格的設計或多列式排版

報紙風格的網站佈局會有一個完美的組織結構，這些都是內容豐富的網站，所以結構第一重要。網格和柵格是內容排版最佳工具。這是是事實，“精心設計的網格系統可以使您的設計不僅美觀而且清晰實用(馬克博爾頓)” 網格佈局設計的頁面會讓你的內容突破條條框框，從而吸引用戶閱讀你的內容而不離開。

相似而不相同的是多列柵格佈局。這些可能有很多適合高度的柵格，但是寬度不一樣。柵格越寬闊可讀性越好。2種柵格會有一個很好的.外觀，雖然3種柵格或更多當然會更好。柵格和網格能很好的區分內容，讓用戶更容易找到他感興趣的板塊。當你使用這種佈局的時候，你不能忘記柵格的空格。如果柵格太緊，網頁上的內容就會非常難讀。

4.標題和摘要

當你進入一個文字內容很多的網站或博客的時候你會打開每一篇麼?標題會讓我們區分感興趣的和不重要的內容。所以每個內容板塊需要有標題，哪怕這個區塊在網格和柵格中很小，它都必須有標題，標題的字體要大，最好是加粗的字體和色彩不同，這樣會更清晰。

摘要文字是對文章簡短的描述，這些經常會讓讀者更容產生興趣，讓他們更容易理解長篇的文字內容，摘要這個元素是非常好用的，特別是博客、新聞類的網站。

5.主要和次要內容

有一種老的辦法，就是繪製一條粗線在你的內容之間，當然形式不限，這樣會定義那些是最重要的那些是等待被讀的文字。例如：你能給你的前臺頁面中的文章頁面設計一個大標題。這是一個有特徵的區域，包含大圖和圖形。其他的內容將會更小並根據網格系統排列。這樣將會更容易分享新內容，並且獲取更多分享。

6.直觀和一致的導航

報紙風格的網站排版是爲內容而設計的，而且這些內容必須能容易被導航，由此可見，導航菜單的特徵就是簡單，和正確的位置。

最好的位置在頁面頂部，因爲這塊區域是最先被注意到的，而且總是在同樣的地方，如果你在頁面底部，你只需要滾動頁面。如果，你喜歡垂直導航，而且非要不可，讓你的菜單在左邊垂直，因爲我們的閱讀習慣是從左至右的。

報紙風格的網站分享出大量的文字內容，這些內容都需要能傳達給用戶。

7.分類目錄

更好的分類目錄可以讓報紙風格的網站有更好的佈局效果，這種情況在博客上效果更明顯，其他網站也是。很多網站沒做好就是內容沒組織好。分類目錄，在那些經常發佈大量不同內容的網站(新聞類)是非常必要的。

將您的內容進行分類，並將其顯示在菜單欄上。

8. 廣告位

在你的網站火起來前，你有考慮會如何利用它賺錢麼?廣告是許多站長賺錢的好工具。廣告banner放置的地方必須要定義好。正確的地方是側邊欄、左、右、頁眉或頁腳。宣傳的banner經常在文字中間。這對你的廣告位買家是好事，而且這些也可以刺激你的讀者。

9. 功能邊欄工具條

邊欄不僅僅只是放廣告，也可以放文章目錄、最新內容、搜索框、電子郵件、導航、社交按鈕、折扣或誘惑活動等。報紙風格的網站邊欄是一個很好的位置，因爲這裏只是一個柵格而已。

邊欄設計相關的要素：

》尺寸(高和寬);

》顏色;

》字體;

》位置。

邊欄一般小於普通的柵格佈局，不能做大，色彩保持中型，字體大小要可視，位置在頁面的左邊還是右邊?我們之前已經說過，放在左邊就是一切，因爲用戶會立刻看到。

10. 最大化留白

無論我們設計了多少網站，功能有多多，我們都不能忘記要留白，因爲留白是報紙類網頁設計風格的必要組成部分。讓柵格之間留白，讓空白存在於側面和底部 ，用戶必須有機會讓他們的眼鏡離開如牆一般的文本，去休息一會，並且思考。

一般情況下，留白被看作是沒有內容的。在狹義上還有一層意思：留白是指行與行之間，字與字之間和內容元素周邊。留白會讓你的網站可讀性更高，更簡潔，即便是你的網站內容很多也如此。

11. 經常更新

報紙風格的網站佈局必須有不斷的內容補充與更新。因爲用網格和柵格設計的網頁如果沒有充足的內容會很難看，因此你必須徹底填滿你的網站，並且保持更新，保持與時事熱點接軌。

內容和頻率像是一對情侶，就想國王和王后。保持內容更新除了會讓你的網站好看，還可以讓搜索引擎更多的收錄你的內容，從而影響人們的搜索結果。如果你的內容是過時的，人們會很少看你的網站，搜索引擎也一樣(如：百度和谷歌等)，你的網站在搜索引擎的權重就會很低。

12. 開通社交軟件分享功能

博客和新聞類網站報紙風格用得最多，而這些網站沒有社交媒體的整合就不能存在。現在是大衆分享時代，人們在社會網絡上花費了大量時間。所以你的網站一定要有社交網絡分享按鈕，如：微博、微型、Facebook、谷歌、LinkedIn等，沒有這些功能，你如果沒這些功能，就等於放棄了大量入口。

還有一件事，就是報紙風格類網站必須是響應式的，這種佈局效果無論在什麼設備上都需要保持不變，移動類的網站不能有邊欄，而且最好重新設計導航，因爲移動網站滾動用得比點擊多。