第四節 網頁設計

  網頁設計是網絡新聞傳播的基礎，網絡新聞專題、網絡新聞訪談、網絡新聞評論、網絡新聞專欄都離不開網頁設計。

  一般而言，網頁設計要求主要體現在五個方面：

  一是主題鮮明，風格獨特；

  二是能夠完美、準確展示新聞內容、體現網頁功能性；

  三是布局合理、富於創新；

  請記住𝔟𝔞𝔫𝔵𝔦𝔞𝔟𝔞.𝔠𝔬𝔪網站，觀看最快的章節更新

  四是細節精緻、色彩協調；

  五是符合網民瀏覽習慣，體現新聞性、藝術性和網絡特點的完美統一。

  相應地，網頁設計作品的評析，也可從這五個方面來評析。

  顯然，網頁設計與報刊版面設計很相似，都要進行版式設計，都要運用到各種版面元素，但二者又有著很大的不同：一是刊載媒介不同（由此導致前者可運用的版面空間遠遠大於後者），二是網頁設計可運用的版面元素遠比報刊版面更多（音頻、視頻、動畫、Flash等都可運用），三是運用方式更為多樣（網頁設計可以有更多的互動設計）。

  下面，我們以獲得第二十屆中國新聞獎的4個網頁設計作品為範例，展示評析要領。

  作品一：

  中國一日

  劉贇

  責任編輯：朱德泉 戴兵

  刊播網站：大眾網

  首發日期：2009年9月19日

  作品網址：

  生動活潑 富有趣味

  為了慶祝新中國60華誕，中國國務院新聞辦公室組織全國60多家網站共推「中國一日」，大眾網專題頁面在設計思路上儘量採用日記的形式，按24小時記錄網友活動，設計生動活潑，富有趣味，強烈表現了「中國一日」的主題。

  在專題製作中，大眾網運用音樂+動漫的藝術表現手段，讓網友的一條條原生態記錄在背景音樂的襯托下從一個帶著「中國一日」LOGO的盒子裡飛出，創意巧妙。設計思路清晰，形式多樣，頁面清秀又具有衝擊力。專題按照0點到24點的順序分段排列講述網友的一天，把同一時段的記錄歸到一起，理順邏輯關係，方便讀者查閱。

  整個專題大量採用了全媒體手段，聚合了Flash、背景音樂、視頻、滾動圖片、手機報、報紙互動等各種表現形式來調動網民的參與熱情。

  基於以上原因，大眾網「中國一日」專題獲得國新辦頒發的「最佳創意獎」，後來又獲得第二十屆中國新聞獎網頁設計類一等獎。

  作品二：

  新湖南史記

  刊播網站：華聲在線

  首發日期：2009年9月28日

  作品網址：

  構思巧妙 氣勢宏大

  該專題掛出後被網友熱捧，網絡點擊流量數十萬，深得業界廣泛好評，獲得第二十屆中國新聞獎網頁設計類二等獎。

  作為向中華人民共和國成立60周年的獻禮，本專題共分解放、熱土、國寶等十章，從政治、經濟、文化、社會等多方面立體呈現了湖南在新中國成立60年以來波瀾壯闊的歷史進程，積極宣傳了湖湘大地的發展成就，充分展現了三湘兒女的豪情壯志和拼搏精神。

  十章內容，十個獨立頁面，用動畫的形式將十個章節巧妙地串起，構思巧妙、氣勢宏大。專題涉及十個獨立頁面和一個大型動畫的製作，文編美編的溝通以及美編內部的協調十分關鍵。

  作品三：

  中國坐標——新中國成立60周年人民網特別報導

  刊播網站：人民網

  首發日期：2009年3月20日首發，9月7日改版

  作品網址：

  氣勢恢宏 獨具匠心

  人民網「中國坐標——新中國成立60周年人民網特別報導」大型專題，是一場網絡新聞的盛宴，專題主題明確醒目，綜合運用各種報導手段，全媒體、全方位、全景式、深互動展示新中國成就與國慶紀念活動盛況，專題設計氣勢恢宏、獨具匠心，視覺語言與Flash技術結合，為豐富的內容報導作了準確和充分的詮釋，以數百個各具特色的網絡頁面，以及文字、圖片、視頻、訪談、策劃、專題、評選、調查、論壇、博客、徵文等多種表現手段生動展現新中國成立60年波瀾壯闊的歷史畫卷和海內外各界共慶華誕的喜悅。

  該作品獲得第20屆中國新聞獎網頁設計類三等獎，原因可能在於以下幾點：

  一、獨具匠心的設計理念：「中國坐標」傳達雙重寓意

  國慶報導內容龐雜，規模宏大，時間跨度長，做好專題設計首先要有一個明確、響亮的主題，既好聽易記又能傳達國慶報導的厚重，人民網經過反覆研究討論，提出以「中國坐標」為主題，簡單明確，琅琅上口，寓意深刻。中國坐標，有兩重寓意，一方面，以時間軸和成就軸展示新中國的發展進步，從歷史與現實、時間的長度與面的廣度展現中國60年的非凡成就；另一方面，以中國坐標，寓意中國發展的經驗、道路對發展中國家、對世界的借鑑意義。

  二、設計思路：結合5大版塊70餘子專題，全媒體手段立體呈現

  1.緊密圍繞主題作文章。

  人民網國慶專題中「中國坐標」理念貫穿始終，各種元素緊緊圍繞這一主題，如專題中以橫坐標展示不同時間節點的重大的歷史事件、代表人物，以縱坐標展示本網重點專題、欄目和重要策劃，既有力地烘托和渲染了主題，也巧妙實現了對人民網70多個國慶報導子專題的統合。

  2.突出本網特色、本網原創，兼顧重大主題和網友參與性。

  專題分為「盛世盛典」、「中國策」、「中國人」、「中國心」、「中國影」等5大版塊，以「對話中國」、「中國聲音」、「新起點新脈動」等23個重點欄目為骨幹，以「執政興國60年」、「經濟『雙百』評選」、「新中國60年產業英雄譜」、「見證祖國60年」等70餘個子專題為血肉，包括蒙、藏、維、哈、朝、彝、壯等7種少數民族語言和英法俄西阿日6種外語版本，集中展示新中國成立60年來政治、經濟、文化、社會等各方面的偉大成就，以及中國人民的生活變遷，整個專題報導涵納頁面數百個。在主專題的5大板塊中：

  「盛世盛典」通過動態報導和最新評論，全程追蹤國慶慶典的準備進程。頁面設計以「畫卷」形式開篇，形式獨特。

  「中國策」集中反映新中國60年的大跨越大發展與當前治國理政的新動態，展示共和國60年輝煌成就。以「對話中國」為題推出系列高端訪談，突出本網重點子專題和獨家策劃，從不同側面解讀新中國政治、民族、經濟建設歷程與成就。板塊風格莊重沉穩。板塊細節也體現了「坐標」概念，橫坐標每10年為一個節點，以小圖片形式展示每個歷史階段的重大事件，縱坐標選擇主題策劃和重點專題。

  「中國人」版塊以「親歷」和「改變」作為兩大關鍵詞，貼近民生。「親歷」欄目通過歷史事件當事人以口述的形式，打開珍貴記憶，回顧歷史瞬間，其中重點推出獨家專訪「人民日報老記者親歷開國大典」系列。「改變」欄目推出人民網系列策劃「60年我們在改變」，通過工人、農民、知識分子等不同角色在生活、工作、社會認同等方方面面的60年變遷，充分顯示社會巨變給各階層帶來的巨大變化。同時，為了緬懷先烈、學習先進人物，「人民英模」、「雙百人物」、「感動中國人物」、「共和國公安英烈」等受到廣大網友追捧的內容也在這一版塊集中體現。

  「中國心」集納了各種互動內容，供網友們同慶同樂，抒發愛國情懷。「我愛你，中國」、「人民網上秀紅歌」、「我和我的祖國」網上大賽、「徵集60張最美笑臉」等互動內容豐富生動，形式多樣，參與性強，給廣大網友提供了良好的互動平台。

  「中國影」則通過圖片報導直觀反映國慶慶典進程和共和國發展的歷史影像。

  3.全媒體手段立體呈現，突出網絡互動。

  人民網強調以全媒體的方式全方位、全景式報導國慶，宣傳新中國60年成就。專題設計中也充分考慮了對不同網絡手段的不同表現形式。除文字、圖片、音視頻外，開設滾動留言區，用好論壇、博客、播客、掘客、手機等互動形態，創新Flash等新技術應用，同時設置了服務專區、資料庫等服務內容……此外，在各種互動子欄目中動漫、遊戲、徵文、接龍等各種互動手段也被大量運用，讓網友在輕鬆愉悅中感受祖國的巨大成就。

  互動是網絡媒體的靈魂。通過互動，使報導更貼近網友，使網友由被動的受眾變成體驗者、傳播者、參與者、信息生產者，是網絡媒體在進行重大主題宣傳時需時刻加以注意的命題。人民網的國慶報導，正是以大型互動欄目「我愛你，中國」拉開序幕，其後互動內容不斷推新出彩，貫穿報導始終，取得突出的效果。

  僅留言互動就在不同階段推出了不同主題、不同表現手段的多種形式，如在3月下旬人民網率先推出「我愛你，中國」大型互動欄目[5]，除主體的留言版塊，還設置了升國旗、獻花、宣誓、手機等多種參與形式。9月又推出「展望中國」互動留言[6]，頁面以Flash形式體現，手拉手的小人剪影寓意新中國萬眾一心，團結奮鬥，為祖國繪製美好藍圖。

  此外還有如視頻互動「網上紅歌賽」，博客推出的系列徵文，「60天評說共和國60年」論壇接龍，「點亮紅色中國心」手機互動，互動小遊戲：國慶閱兵訓練營，圖片徵集、寄語、徵文等，國慶報導中人民網策劃組織了近40個不同類型的互動欄目，有徵文類，有評選類，有評說類，有展示類，有娛樂性質的，有動漫的，有外文的，也有少數民族文的，互動活動極其廣泛，截至10月9日，參與人民網各項互動欄目的網友達7000多萬人次。

  三、豐富多樣的表現形式：點面結合，動靜結合，突出重點，手段多樣

  1.設計元素選擇既有大國氣象也有細膩呈現。

  整體設計以華表、彩帶、長城、天安門等為設計元素，莊重、輝煌，能夠充分代表中國的大國氣象。在細節、各版塊以及子欄目、子專題的設計上既有統一也兼顧各子欄目具體需求各有特色。整體頁面呈現喜慶、熱烈、莊重、生動的風格，顯示出主流媒體的厚重與品格。

  2.Flash等各種新技術應用豐富頁面表現，增強網友參與感。

  頁面兼顧動靜結合，既有靜態的圖片、文字，也有滾動新聞和最新留言滾動、Flash圖片閃動，使頁面生動活潑。

  專題封面採用最新的Flash3D技術實現三維圖片展示效果，將三維場景與二維時間軸結合，展現新中國的發展歷程。新穎的效果，形成較強的視覺衝擊力，極大吸引了網民的參與熱情。Flash應用也體現在圖片、互動、頁面視覺裝飾等各方面。

  此外，如以電子書形式製作的《1956年·國慶——一位蘇聯女教師的中國記憶》，「我和我的祖國」網上DV大賽，「網上曬家鄉」拍客徵集，「另類武器我來造許願館裡寫心愿」將武器組裝小遊戲和網友寄語相結合等。

  人民網國慶專題充分結合了論壇、博客、留言、手機、掘客、播客、動漫、遊戲、徵文等各種網絡表現手段。其中24小時直播頁面和「網民方陣」兩個子欄目對頁面表達的創新與豐富性有著集中體現。

  （1）為把人民網的國慶報導在10月1日推向高潮，達到最強音，人民網國慶專題在國慶當天濃墨重彩推出連續24小時不間斷的網絡直播[7]。10月1日凌晨6時開始，全時段、全景式、全方位地展現國慶盛況，直播於2日早晨6時結束。

  打開24小時直播頁面，由紅旗、華表、天安門構成的畫面鋪滿整個屏幕，Flash營造出禮花綻放的喜慶效果，「慶祝中華人民共和國成立60周年」主題莊重、醒目，6秒鐘後，畫面往上收，展開要聞標題和直播圖片，頁面氣勢恢宏、熱烈。直播主頁除要聞區、文字直播區、圖片直播區、視頻直播區外，還有「在線同步評」互動區，網友可以通過留言、論壇、博客、手機、掘客、播客等多種渠道及時抒發感想，邊看邊評，也可以自己發布信息參與「直播」；有「人民網記者在現場」的現場報導區，實時發布國慶前方記者和駐國內外各地記者連線和來稿；有各地慶祝活動及中外賀詞專區，有手機網專區等。這個頁面是為10月1日這一天專門打造的，一方面，及時、突出地再現慶祝大會和聯歡晚會的盛況；另一方面，讓網民即時、充分地表達感情。網友觀看慶祝大會和聯歡晚會即時發來的感想、評論，能同步發布在人民網主頁上。另外，全國各地及世界各地的祝福、賀詞也以直播的方式發布到人民網主頁。

  （2）9月28日，人民網國慶專題推出「網民方陣」[8]欄目，將Flash技術和ajax技術相結合，實現網友圖片上傳和信息即時顯示；用互動Flash全方位模擬天安門廣場的國慶群眾遊行，網友可以上傳頭像、選擇方陣、標語口號、道具和背景音樂，提交完畢即可通過電腦屏幕欣賞自己在網民方陣中行進的動畫形象。網友能自己創作標語口號，還可以瀏覽各個方陣的人數、標語、歌曲的排名情況，隨時欣賞工人、農民、軍人、學生等9類方陣的遊行動畫。「網民方陣」在各大網站國慶策劃中屬獨創首發。「網民方陣」在10月1日當天占據中文網際網路所有國慶互動的焦點，它突出了國慶的喜慶氣氛，表達愛國主題，畫面十分精美，對網民有極大的感染力，僅一周時間就有2萬名網友加入網民方陣。

  3.優化用戶體驗。

  為確保良好的用戶體驗，將整體圖片下載過程和動畫播放流程結合進行優化處理，使用戶在1—2秒內能看到Flash整體效果的執行，減少用戶等待時間。

  優化用戶體驗的設計思路在主專題和子專題中都被充分考慮，如「網民方陣」的Flash頁面中考慮到客戶端顯示器尺寸的不同，將整個程序設計成全屏幕伸縮式，對人物的運動進行分層處理，保證各尺寸顯示下程序運行不出問題；由於整個動畫涉及大面積的運動場景，在整體運行性能上，進行了多方面的考慮和改進，包括數據提取數量、方陣成員個數、聲音文件大小、內存釋放等；為確保頁面下載速度，人物的橫向運動和道具展示，以及人物的顏色及排列均由程序動態生成，將整個程序啟動控制在120k左右，優化了用戶體驗。

  20餘位省市領導、26位外國駐華大使和98個中國駐外使領館通過人民網發來賀新中國60年華誕的賀詞，在60年專題集中展示，通過專題報導成功搭建權威報導平台，成功打造中外交流的平台和網友互動參與平台。

  關注盛典、參與盛事，在充分展示成就建設的同時，人民網國慶專題充分挖掘和關照網友的體驗感，讓網友不再是單純的看客，而成為了新中國60年華誕的參與者，新媒體的魅力得以充分展現。

  對人民網國慶專題和24小時直播頁面，網友不僅能通過文字、圖片、聲音、視頻和動畫等多種方式全面掌握國慶報導的信息，同時還可以通過博客、播客、掘客、社區、分享服務以及手機網與其他網友一起對話、交流，表達自己的赤子之心，抒發自己的愛國之情。

  網友上人民網看國慶慶典，想看直播看直播，想玩互動玩互動，有時候一邊聽著直播解說一邊瀏覽著其他信息，看到興奮之處上強國論壇發個帖子，數百網友跟著一直往上「頂」，有更系統的想法，寫篇評論滑鼠輕輕一點發送過去。

  作品四：

  大國崛起之甲子華誕——隆重慶祝新中國成立60周年專題

  姚笛、鄭傑

  責任編輯：周錫生

  刊播網站：新華網

  首發日期：2009年8月8日

  作品網址：

  創新 突破 典範

  《大國崛起之甲子華誕——隆重慶祝新中國成立60周年》大型多媒體專題，是新華網新中國成立60周年報導的主打內容，由一百多個小專題組成，以慶典活動、共和國記憶、解讀新中國、記憶新中國、印象新中國、互動60年、60年理論創新為主要板塊，以開國創業史、改革輝煌、復興之路、世界騰飛為脈絡，採用多媒體、多終端和全方位、全領域等豐富的表現方式，真實再現了1949—2009年新中國60年來波瀾壯闊的光輝歷程和發展成就，全面闡述了取得的寶貴經驗。

  《大國崛起之甲子華誕——隆重慶祝新中國成立60周年》大型多媒體專題於2009年8月初推出，表現形式又有了許多新的創意，新的突破。編輯將收集來的資料按主題分類聚合成四百多個精彩的內容組塊，將同主題文字、圖片、視頻、評論、互動等內容全部匯集，方便網民回顧瀏覽。美編則用多媒體的方式、Flash動漫形態全景、立體展現，全面再現了新中國發展壯大之路。

  該作品版式上層次分明，內容飽滿，突破了網頁專題的傳統模式；採用31種網絡手段，打造了全新的設計效果，順應了網絡受眾視覺化的閱讀潮流；各分板塊精巧簡潔，百餘個二級專題頁面根據內容不同各有特色；整體風格「總覽」頁面大氣恢宏，豐富多彩，衝擊力和感染力強；採用Flash動畫效果，以「圖片切換、律動條紋、文字輪換、遮罩霧化、畫牆」等腳本形式，將百餘個創意策劃多媒體立體交叉融合動感呈現，使新中國成立60年的歷史和中國特色社會主義事業的美好前景躍然顯現。

  該作品的頁面和內容符合網絡傳播的規律，是同類媒體中策劃最早、規模最大、時效最快、內容最全、影響最大、聲勢最廣的新中國成立60周年專題集群。設計風格和理念被海內外很多家網站借鑑、參考和效仿，影響意義深遠，成為中國新聞網站專題中的一個範本，後來因此獲得第二十屆中國新聞獎網頁設計類三等獎。

  思考與練習

  1.請在新華網、新浪網各選擇一篇網絡新聞評論，進行比較分析。

  2.請比較搜狐網、騰訊網、人民網對近期同一新聞熱點所做的網絡專題。

  3.搜索網絡媒體新聞訪談的案例，分析其訪談技巧及有關創意。

  4.獲得今年網頁設計類中國新聞獎的網頁設計作品有哪些？分析其獲獎原因。

  [1] 徐劍鋒：《淺析網絡新聞專題的評價體系》，載《新聞知識》，2010年第1期。

  [2] 王振業、李舒：《新聞評論與電子媒介》，中國廣播電視出版社，2004年版。

  [3] 金夢玉：《網絡新聞務實》，北京廣播學院出版社，2001年版。

  [4] 董天策：《網絡新聞傳播學》，福建人民出版社，2003年版。

  [5] 詳見。

  [6] 詳見。

  [7] 詳見。

  [8] 詳見。