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

發表於2015-11-04

網頁

今天我們要談的是網頁設計風格，重點是報紙排版的風格。在這篇文章中，你會發現這種風格的最鮮明的特點，並得到一些有用的提示，把你學到的東西運用到您的專案將獲得更大的收穫。

風格是你的網站設計的一個總的組合方式。風格也是你和你的使用者交流的一種方式。每個網站的設計風格都有它自己的元件合集。

網頁設計中主要的風格分類：

極簡主義；
破舊風格；
懷舊風格與時尚風格；
插畫風格；
報紙排版風格個與雜誌風格。

報紙風格的設計最時候用於線上報紙和雜誌，因為它們的印刷品也是這個結構，所以這樣做使用者體驗會更好。用這個風格設計的網站必須是重視內容的。報紙風格的網站設計往往是靠內容豐富排版，多列結構，簡單的對比色，以及其他真實報刊種常用的手法。

報類網站佈局：特點

1. 白紙黑字

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

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

2. 極簡主義圖形

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

線
形狀
各種顏色
版式樣式
紋理

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

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

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

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

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