新聞網站的頁麵有兩類,一類是導讀頁;一類是正文頁。
一、新聞網站導讀頁的設計
新聞網站的導讀頁包括首頁和各個欄目的首頁,相當於雜誌的封麵頁。它要解決的是兩個問題:
1、頁麵的版式
⑴中國網站流行平麵主導式
這樣的導讀頁強調的是內容的廣泛,導讀頁麵可以長達多個頻幕。
⑵美國網站的立體主導式
美國式的導讀頁新聞數量較少,甚至一個頁麵隻有十餘條,但是,在重要新聞題目下,還有內容簡介。
2、網頁頁麵布局
⑴T形布局
這種布局,通常將頁麵的標題部分放在頁麵上方,導航部分放在頻幕的左側,主體內容放在右下方的主區域內。色彩和內容的整體構成,看上去很像英文的“T”,所以稱之為T形布局。
⑵門形布局
這種布局結構,往往將頁麵的標題部分放在頁麵上方,導航部分放在頻幕的左側,一些相關鏈接放在頻幕右側,主體內容放在中間,從頻幕上看像一個門。
⑶對稱對比布局
這種布局結構是取上下或者左右的對稱的布局,一半深色,一半淺色,一般用於設計型站點。受眾點擊閱覽不是很方便。
⑷三型布局
三型布局是將版麵依垂直方向分割成三部分,根據需要安排相應的內容。
⑸自由布局
不遵循通常規定的布局,根據需要隨意組合的版式設計,可以借鑒廣告、海報等平麵設計的手段。
二、新聞網站的正文頁設計
正文頁是網絡新聞和信息的完整展示的頁麵,設計得好差,直接關係到網絡新聞的傳播效果。正文設計中要注意的幾個問題:
1、頁麵的長度控製
網絡新聞的“三短”原則,同樣適用於頁麵的設計。我們可以通過將一條新聞分割成若幹個頁麵,對其長度進行控製。
2、頁麵的字體、字號、色彩運用
這幾個要素對頁麵的傳播效果有著直接的影響,吸引力大小和它們也有直接的關係。根據實踐經驗來看,字體以宋體為最合適;字號,除標題外,一般都選5號字;色彩為白底黑字或藍底黑字為受歡迎。
3、頁麵的空間處理
正文頁空間處理相對簡單方便,文章標題和正文放在導航條目的下方,導航條目則在頁麵的頂部。正文後麵還可以附加內容,如相關文章等。
三、導航係統的設計
導航係統是關係到受眾是否能自由地活動在網絡天地裏,因此,導航係統的設計非常重要。
1、導航條
導航條是指那些承擔固定導航功能的按紐或鏈接,它是體現網站結構和實現網頁間聯係的主要手段。
⑴導航條的功能如下:
● 上下級頁麵間的連接功能;
● 同級頁麵之間的連接功能;
● 和首頁的連接功能。
⑵導航條功能實現的途徑
● 一級欄目導航係統
一級欄目導航係統鏈接該網站所有的一級欄目,這樣就可以保證隨時返回主頁或進入一級欄目導航係統。
一級欄目導航係統,通常作成按紐的形式。
● 本級欄目導航係統
本級欄目導航係統是鏈接和當前內容處於同一層次級別的內容,便於進行同類內容的閱讀。
這個係統通常也做成按紐形式。
● 本頁麵的路徑係統
每一個正文頁應該顯示出到達該頁處經過的路徑,並加上相應鏈接,可以保證隨時退回到任何一層。
模式為:首頁>一級欄目>二級欄目>三級欄目
如:首頁>新聞>時政新聞>國內新聞>國際新聞
2、文字鏈接
這裏的文字鏈接,是指隨意的根據信息需要而加入的鏈接。可以是標題鏈接,也可以是文章中的關鍵詞鏈接,也可以是文章中的導讀鏈接和相關文章鏈接。
3、圖片鏈接
⑴小圖與大圖的鏈接
將分辨力低的圖片作為第一發布對象,以減輕頁麵傳輸的負擔,並與高分辨力的圖片鏈接。
⑵圖片與文字的鏈接
這裏的圖片鏈接起著引導閱讀的作用。
⑶ 圖片映射鏈接
將圖片分成若幹熱區進行鏈接,使受眾在不同的鏈接點進入,就可以鏈接到不同的內容。
4、目錄
目錄是將一組導航鏈接集中在一起,類似於菜單。這種導航方式被用在早期的網頁設計中。
5、表格
表格也是一種簡潔方便的導航手段。表格可以將各個內容集成起來,在每一個表格單元裏加入鏈接。
這種表格導航在網頁設計的早期,也是用得比較多的。
當然,大家要真正進入這個行業工作,還需要進一步係統學習和大量的實踐,這裏的簡述借用網絡媒介中的術語,僅僅是個“導航係統”,更多的精彩內容還在後麵的“鏈接”中。同時,希望大家邊幹邊學,邊實踐邊總結,以求得知識的圓滿,工作的得心應手。
思考題
1、新聞網站的導讀頁設計有幾種?分別與什麼要求?
2、怎樣設計新聞網站的正文頁?
3、嚐試著設計一個導讀頁。