- 相關(guān)推薦
報紙排版風(fēng)格的網(wǎng)頁(yè)設計原則
報紙排版風(fēng)格的網(wǎng)頁(yè)怎么設計呢，大家有考慮過(guò)嗎，下面是關(guān)于報紙排版風(fēng)格的網(wǎng)頁(yè)設計原則，歡迎閱讀參考！
1. 白紙黑字
傳統印刷的報紙都是白色的紙張黑色(灰、深灰)的字。這種色彩組合讓我們的眼睛非常舒適，可讀性好，這就是為什么報紙一直用這種配色的原因，特別是那種塞滿(mǎn)了內容的版面。你也可以選擇黑底白字，但是千萬(wàn)不要選黑底黃色、綠藍色、粉紅色和藍色等顏色的字體，檢視你的設計盡量在你的眼睛感覺(jué)好了之后再做，你也可以吸取經(jīng)典的色彩并用于你的網(wǎng)頁(yè)設計。
中性的亮和黑是基本色，你還可以使用更多的強調色。舉例來(lái)說(shuō)，藍色是很好用的標題，紅色是完美的按鈕。導航菜單上的各種效果可以用原色的更亮或更暗的色來(lái)修飾，或者是一樣調性的色彩。這樣菜單會(huì )比較突出，整體的用戶(hù)體驗也會(huì )比較好。
2. 極簡(jiǎn)主義圖形
報紙排版風(fēng)格的網(wǎng)站界面是干凈的，內容翔實(shí)的，結構合理的，圖形是表達精準的，極簡(jiǎn)主義的。圖形元素有以下幾種：
》線(xiàn)
》形狀
》各種顏色
》版式樣式
》紋理.
如我們已經(jīng)提到，這類(lèi)網(wǎng)站用色的種類(lèi)總是很少。紋理更是少之又少，因為各種質(zhì)感的紋理只會(huì )分散讀者的注意力，讓內容的可讀性變差。但是紙張的質(zhì)感是可以的，這個(gè)很重要，它可以是一個(gè)背景紋理，或者是有紙張質(zhì)感的按鈕，又或者只是頁(yè)眉和頁(yè)腳區域。
報紙風(fēng)格的設置總是會(huì )基于網(wǎng)格的設計，或者使用多列布局，減少對形狀和線(xiàn)條的依賴(lài)。因為它們有足夠的內容去形成你的網(wǎng)站。
3.基于網(wǎng)格的設計或多列式排版
報紙風(fēng)格的網(wǎng)站布局會(huì )有一個(gè)完美的組織結構，這些都是內容豐富的網(wǎng)站，所以結構第一重要。網(wǎng)格和柵格是內容排版最佳工具。這是是事實(shí)，“精心設計的網(wǎng)格系統可以使您的設計不僅美觀(guān)而且清晰實(shí)用(馬克博爾頓)” 網(wǎng)格布局設計的頁(yè)面會(huì )讓你的內容突破條條框框，從而吸引用戶(hù)閱讀你的內容而不離開(kāi)。
相似而不相同的是多列柵格布局。這些可能有很多適合高度的柵格，但是寬度不一樣。柵格越寬闊可讀性越好。2種柵格會(huì )有一個(gè)很好的外觀(guān)，雖然3種柵格或更多當然會(huì )更好。柵格和網(wǎng)格能很好的區分內容，讓用戶(hù)更容易找到他感興趣的板塊。當你使用這種布局的時(shí)候，你不能忘記柵格的空格。如果柵格太緊，網(wǎng)頁(yè)上的內容就會(huì )非常難讀。
4.標題和摘要
當你進(jìn)入一個(gè)文字內容很多的網(wǎng)站或博客的時(shí)候你會(huì )打開(kāi)每一篇么?標題會(huì )讓我們區分感興趣的和不重要的內容。所以每個(gè)內容板塊需要有標題，哪怕這個(gè)區塊在網(wǎng)格和柵格中很小，它都必須有標題，標題的字體要大，最好是加粗的字體和色彩不同，這樣會(huì )更清晰。
摘要文字是對文章簡(jiǎn)短的描述，這些經(jīng)常會(huì )讓讀者更容產(chǎn)生興趣，讓他們更容易理解長(cháng)篇的文字內容，摘要這個(gè)元素是非常好用的，特別是博客、新聞類(lèi)的網(wǎng)站。
5.主要和次要內容
有一種老的辦法，就是繪制一條粗線(xiàn)在你的內容之間，當然形式不限，這樣會(huì )定義那些是最重要的那些是等待被讀的文字。例如：你能給你的前臺頁(yè)面中的文章頁(yè)面設計一個(gè)大標題。這是一個(gè)有特征的區域，包含大圖和圖形。其他的內容將會(huì )更小并根據網(wǎng)格系統排列。這樣將會(huì )更容易分享新內容，并且獲取更多分享。
6.直觀(guān)和一致的導航
報紙風(fēng)格的網(wǎng)站排版是為內容而設計的，而且這些內容必須能容易被導航，由此可見(jiàn)，導航菜單的特征就是簡(jiǎn)單，和正確的位置。
最好的位置在頁(yè)面頂部，因為這塊區域是最先被注意到的，而且總是在同樣的地方，如果你在頁(yè)面底部，你只需要滾動(dòng)頁(yè)面。如果，你喜歡垂直導航，而且非要不可，讓你的菜單在左邊垂直，因為我們的閱讀習慣是從左至右的。
報紙風(fēng)格的網(wǎng)站分享出大量的文字內容，這些內容都需要能傳達給用戶(hù)。
7.分類(lèi)目錄
更好的分類(lèi)目錄可以讓報紙風(fēng)格的網(wǎng)站有更好的布局效果，這種情況在博客上效果更明顯，其他網(wǎng)站也是。很多網(wǎng)站沒(méi)做好就是內容沒(méi)組織好。分類(lèi)目錄，在那些經(jīng)常發(fā)布大量不同內容的網(wǎng)站(新聞類(lèi))是非常必要的。
將您的內容進(jìn)行分類(lèi)，并將其顯示在菜單欄上。
8. 廣告位
在你的網(wǎng)站火起來(lái)前，你有考慮會(huì )如何利用它賺錢(qián)么?廣告是許多站長(cháng)賺錢(qián)的好工具。廣告banner放置的地方必須要定義好。正確的地方是側邊欄、左、右、頁(yè)眉或頁(yè)腳。宣傳的banner經(jīng)常在文字中間。這對你的廣告位買(mǎi)家是好事，而且這些也可以刺激你的讀者。
9. 功能邊欄工具條
邊欄不僅僅只是放廣告，也可以放文章目錄、最新內容、搜索框、電子郵件、導航、社交按鈕、折扣或誘惑活動(dòng)等。報紙風(fēng)格的網(wǎng)站邊欄是一個(gè)很好的位置，因為這里只是一個(gè)柵格而已。
邊欄設計相關(guān)的要素：
》尺寸(高和寬);
》顏色;
》字體;
》位置。
邊欄一般小于普通的柵格布局，不能做大，色彩保持中型，字體大小要可視，位置在頁(yè)面的左邊還是右邊?我們之前已經(jīng)說(shuō)過(guò)，放在左邊就是一切，因為用戶(hù)會(huì )立刻看到。
10. 最大化留白
無(wú)論我們設計了多少網(wǎng)站，功能有多多，我們都不能忘記要留白，因為留白是報紙類(lèi)網(wǎng)頁(yè)設計風(fēng)格的必要組成部分。讓柵格之間留白，讓空白存在于側面和底部 ，用戶(hù)必須有機會(huì )讓他們的眼鏡離開(kāi)如墻一般的文本，去休息一會(huì )，并且思考。
一般情況下，留白被看作是沒(méi)有內容的。在狹義上還有一層意思：留白是指行與行之間，字與字之間和內容元素周邊。留白會(huì )讓你的網(wǎng)站可讀性更高，更簡(jiǎn)潔，即便是你的網(wǎng)站內容很多也如此。
11. 經(jīng)常更新
報紙風(fēng)格的網(wǎng)站布局必須有不斷的內容補充與更新。因為用網(wǎng)格和柵格設計的網(wǎng)頁(yè)如果沒(méi)有充足的內容會(huì )很難看，因此你必須徹底填滿(mǎn)你的網(wǎng)站，并且保持更新，保持與時(shí)事熱點(diǎn)接軌。
內容和頻率像是一對情侶，就想國王和王后。保持內容更新除了會(huì )讓你的網(wǎng)站好看，還可以讓搜索引擎更多的收錄你的內容，從而影響人們的搜索結果。如果你的內容是過(guò)時(shí)的，人們會(huì )很少看你的網(wǎng)站，搜索引擎也一樣(如：百度和谷歌等)，你的網(wǎng)站在搜索引擎的權重就會(huì )很低。
12. 開(kāi)通社交軟件分享功能
博客和新聞類(lèi)網(wǎng)站報紙風(fēng)格用得最多，而這些網(wǎng)站沒(méi)有社交媒體的整合就不能存在�，F在是大眾分享時(shí)代，人們在社會(huì )網(wǎng)絡(luò )上花費了大量時(shí)間。所以你的網(wǎng)站一定要有社交網(wǎng)絡(luò )分享按鈕，如：微博、微型、Facebook、谷歌、LinkedIn等，沒(méi)有這些功能，你如果沒(méi)這些功能，就等于放棄了大量入口。
還有一件事，就是報紙風(fēng)格類(lèi)網(wǎng)站必須是響應式的，這種布局效果無(wú)論在什么設備上都需要保持不變，移動(dòng)類(lèi)的網(wǎng)站不能有邊欄，而且最好重新設計導航，因為移動(dòng)網(wǎng)站滾動(dòng)用得比點(diǎn)擊多。
【報紙排版風(fēng)格的網(wǎng)頁(yè)設計原則】相關(guān)文章：
網(wǎng)頁(yè)設計的形式及原則07-14
排版網(wǎng)頁(yè)設計專(zhuān)業(yè)求職信07-02
排版網(wǎng)頁(yè)設計專(zhuān)業(yè)的求職信范文07-04
如何提高網(wǎng)頁(yè)設計的功力，包括美感、排版?07-14
網(wǎng)頁(yè)設計中如何把握視覺(jué)原則07-14
優(yōu)秀網(wǎng)頁(yè)設計的基本原則07-14
網(wǎng)頁(yè)美工設計基本原則08-01