第四節 網頁設計
2024-08-15 17:49:27
作者: 陳信凌
網頁設計是網絡新聞傳播的基礎,網絡新聞專題、網絡新聞訪談、網絡新聞評論、網絡新聞專欄都離不開網頁設計。
一般而言,網頁設計要求主要體現在五個方面:
一是主題鮮明,風格獨特;
二是能夠完美、準確展示新聞內容、體現網頁功能性;
三是布局合理、富於創新;
四是細節精緻、色彩協調;
五是符合網民瀏覽習慣,體現新聞性、藝術性和網絡特點的完美統一。
相應地,網頁設計作品的評析,也可從這五個方面來評析。
顯然,網頁設計與報刊版面設計很相似,都要進行版式設計,都要運用到各種版面元素,但二者又有著很大的不同:一是刊載媒介不同(由此導致前者可運用的版面空間遠遠大於後者),二是網頁設計可運用的版面元素遠比報刊版面更多(音頻、視頻、動畫、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] 詳見。