新聞動态 NEWS
您當前位置:首頁 > 新聞動态 > 行業資(zī)訊

報紙(zhǐ)網頁設計:簡單即美

發布者:admin發布時間:2009-7-29 9:09:00閱讀:1449次

報紙(zhǐ)的網絡版發布後,與網上讀者直接見面的就是網頁,大(dà)緻可以說 ,它對應于紙(zhǐ)介印刷版的版面。顯然,相對于傳統的版面,網絡版的網頁意味着新的特征和新的可能。這些随因特網技術發展而不斷擴展的新可能無疑是令人興奮的,但其中(zhōng)也暗藏"陷阱"。确有不少網頁設計者情不自禁地在作品中(zhōng)過多地置入自賞或炫技的成份,導緻網頁外(wài)觀或結構的缺陷,影響了浏覽效果。

   浙江日報網站籌建經曆數月,我(wǒ)(wǒ)有幸參與其中(zhōng),組織實施網絡版網頁的構思與設計制作。這項富有挑戰性的工(gōng)作,自然首先是一(yī)個學習的過程、創意的過程,但從前述意義來說,倒更是一(yī)個不斷抗禦誘惑而趨向堅定和成熟的過程。

   1999年元旦上網的浙江日報網絡版實際包含浙江日報等六報一(yī)刊,這是一(yī)個比較複雜(zá)的網絡版系列。但其網頁總體(tǐ)設計要求卻十分(fēn)"簡單":在符合各報刊印刷版根本定位與基本風格的前提下(xià),實現高效的結構布局與清新的視覺效果。

   我(wǒ)(wǒ)們曾大(dà)量浏覽國内外(wài)報刊網絡版,發現相當多的網頁在設計中(zhōng)一(yī)味追求華麗的視覺印象。雖然可能某些地方也頗具特色,但這未必使得網頁外(wài)觀更加賞心悅目,也未必使得浏覽過程更加便捷愉快,因此整體(tǐ)上就不能說是成功的。有鑒于此,又(yòu)衡量了實際可用的設計時間與設計力量,我(wǒ)(wǒ)們考慮:浙江日報網絡版的網頁不妨一(yī)反通常設計者對于精美别緻的追求,隻求高效與清新,這樣仍有可能在衆多國内報刊網絡版中(zhōng)獨樹(shù)一(yī)幟,跻身一(yī)流行列。

   這個要求如何實現?随着設計的展開(kāi),逐漸明确了兩個字-簡單。網頁中(zhōng)除内容以外(wài)的對象都力求簡單,這最終成了浙江日報網絡版網頁設計的原則之一(yī)。

   一(yī)、 簡單的層次結構

   網頁是一(yī)種超文本。超文本的本質就是無限的鏈接與跳轉。在網頁中(zhōng)點擊預置的鏈接,輕松地就可以跳轉到另一(yī)個網站或另一(yī)個網頁。這個特征對于網絡版的網頁結構有着決定意義。

   信息必須按照便于浏覽與查找的方式進行結構化的組織,這是一(yī)切成功的信息系統的起碼要求。報紙(zhǐ)印刷版中(zhōng)運用種種手段進行版面分(fēn)割、設置"引導點",爲專輯、專版、專欄等規定某種固定的版次關系,類似的這些做法,都是在爲信息的結構化作努力。由于網頁的超文本特性,一(yī)者,網頁尺寸過大(dà)的問題可以避免,二者,網頁獲得良好結構化的希望有了邏輯上的堅實基礎,設計高效實用的導航(導覽)系統也有了物(wù)理的基礎。

   從整體(tǐ)上構思網絡版的結構,首先必須考慮一(yī)定程度上的分(fēn)層。最頂層的導航頁就是分(fēn)層的起點,從這裏讀者浏覽全部内容的概況,以便迅速确定下(xià)一(yī)步的跳轉方向。雖然分(fēn)層是明晰與簡化結構的好方法,但也必須節制,不可過細、過深。如果從起始頁出發需要點擊(連接)超過三次或四次才看到想要的内容,這對讀者的耐心多少會是一(yī)個考驗。

   有的報刊印刷版在概念上有較多的層次,如錢江晚報,在日常版面之外(wài)另有七個周刊,分(fēn)别安排在周一(yī)至周日,每個周刊各含幾個專版,專版下(xià)又(yòu)含專欄(多數欄目實際一(yī)次隻含一(yī)篇文章)。如果直接照搬上述層次關系,按"起始頁總目(含周刊目錄)->專版目錄->專欄目錄->圖文目錄->圖文"這樣的層次結構,計數箭頭就知(zhī)道,從頂層頁面到底層内容頁面需要點擊(連接)四次。我(wǒ)(wǒ)們在實際構思中(zhōng),網頁結構按縮減的"起始頁總目(含周刊目錄)->專版目錄及圖文目錄->圖文"的層次。在第二層的頁面上,右邊是本期周刊全部圖文的目錄(鏈接),它們按專版分(fēn)區排列,左側是本期周刊的專版目錄(鏈接),各鏈接即指向本頁右邊的各專版圖文目錄區,進入本頁後,既可點擊左側鏈接通過頁内跳轉到達某個專版的圖文目錄區,也可通過滾屏找到該專版的圖文目錄區,随後找到新聞标題。在這個簡化的層次結構中(zhōng),從頂層起點擊兩次或三次就可以連接到新聞(重要新聞通過起始頁的導讀區可以一(yī)次點擊連到)。

   二、 簡單的平面布局

   報紙(zhǐ)的幅面是相當大(dà)的,這就可能把大(dà)量的新聞集中(zhōng)于一(yī)張紙(zhǐ)上。如對開(kāi)的浙江日報一(yī)個版可以放(fàng)置六七篇千字文章另加兩三張普通大(dà)小(xiǎo)的圖片,即便是小(xiǎo)報的版面,可容納的圖文也不會少于大(dà)報版面的一(yī)半。讀者往往習慣于統覽整個版面,以便迅速從中(zhōng)選定進一(yī)步閱讀的圖文。

   網頁在信息密集度上顯然遠遜于報紙(zhǐ),因爲讀者浏覽網頁必須通過尺寸與分(fēn)辨率都小(xiǎo)于報紙(zhǐ)的顯示器。即使是在"大(dà)屏幕、高分(fēn)辨率"的條件下(xià),一(yī)屏可能含有的圖文量仍是遠小(xiǎo)于報紙(zhǐ)的版面(通常也不能多于兩篇千字文章)。如果把頁面設計成版面那樣的尺寸,要完整地浏覽一(yī)個頁面就須不斷地縱橫滾屏。原則上,網頁是不應橫向滾屏的,縱向滾屏也是越少越好。所以,網頁的尺寸(特别是寬度)必須加以控制,否則無法适應屏幕的尺寸,也無法使讀者接受。

   這個重要不同,決定了報紙(zhǐ)網絡版無法再以傳統的版面形式來排布圖文。基于版面分(fēn)割概念的常規版面設計手段,要麽不再有效要麽不再作用突出,即便是平面視覺設計中(zhōng)一(yī)些共同的基本藝術守則,在這兩種設計中(zhōng)也體(tǐ)現爲不同的要求。總的來說,相對于印刷版,網絡版的視覺設計是在狹小(xiǎo)幅面上的設計,因此就平面布局而言,一(yī)屏網頁中(zhōng)的内容過于擁塞容易引起讀者的視覺疲勞,也不便于讀者搜尋内容。

   大(dà)容量網站的起始網頁較多采用左中(zhōng)右三列的布局方式。但三列式的布局不完全适于中(zhōng)文新聞網站。

   我(wǒ)(wǒ)們在構思中(zhōng)爲了避免上述弊病,基本采用簡單的左右兩列的布局方式,各部分(fēn)内容的拼合也有意作寬松的安排。如浙江日報網絡版的起始頁,頂部是對應于浙江日報各版内容的鏈接,底部是工(gōng)具欄(包括一(yī)些有關報紙(zhǐ)或網站的鏈接),左邊是浙江日報社六報一(yī)刊網絡版的鏈接和友好網站的鏈接,右邊是圖片新聞和今日導讀(包括推薦新聞的标題、提要與鏈接)。這個導航界面相對簡單,但功能比較完整,并且風格洗練、條理清晰,可以較好地發揮浏覽效率。

   三、簡單的圖形、特效

   報紙(zhǐ)經過一(yī)次性印刷,送達讀者手中(zhōng)已是完全的成品。而讀者在線浏覽網絡版,每一(yī)個頁面都須有一(yī)個即時的數據下(xià)載過程。這裏就有網絡的數據傳輸速率問題,即帶寬問題。而帶寬過窄正是目前國内網民最難忍受的問題之一(yī)。

   去(qù)年11月,浙江日報網絡版處于正式發布前的測試階段。當時,爲參加省政府主辦的"信息化在浙江"展覽,曾經運用FLASH技術爲網絡版制作了一(yī)個具有封面性質的網頁。它融合了動态圖形與配樂音響,具有極強的視聽(tīng)沖擊力,在展覽會上受到人們的好評,連慣弄視覺與動态的電視記者也爲之贊歎。但這種網頁傳送時要求較高的帶寬,否則讀者将難以忍受長時間的下(xià)載過程。也就是說,引人入勝的網頁特效與一(yī)般讀者對浏覽效率的要求發生(shēng)了矛盾。我(wǒ)(wǒ)們最後的選擇是,簡化效果以保證效率,在網絡版正式推出時毅然舍棄了這個FLASH網頁。

   這是一(yī)個抗禦誘惑、自我(wǒ)(wǒ)克制的例子。實際上,媒體(tǐ)很容易在形式上自我(wǒ)(wǒ)放(fàng)任,自發地追求一(yī)些自我(wǒ)(wǒ)欣賞、并不實用的東西。在網絡出版中(zhōng)這個問題特别突出,因爲網絡出版顯然是所有媒體(tǐ)中(zhōng)出版費(fèi)用最低廉的,它不像其他媒體(tǐ)那樣因爲出版費(fèi)用較高而受到相當的抑制。

   對于新聞網頁來說,能迅速提供新聞并保證讀者方便地在網頁上找到想要的新聞,這才是最重要的,而花哨的效果或所謂觀賞性不應是它過多考慮的。但另一(yī)方面,從版面設計到頁面設計的轉變,實際是夾帶着遺憾的,設計者将感受到某些自己曾經熱衷的藝術意味的喪失,作爲補償,他可能願意多多運用傳統報紙(zhǐ)設計中(zhōng)無法運用或限于制作費(fèi)用不能經常運用的手段,大(dà)量圖形、複雜(zá)背景、彩色圖像、各種特效,可能都會成爲他的新追求。

   這些追求有時明顯會進一(yī)步惡化讀者的帶寬困境,有時雖不至于如此,但也可能并不能取得預期的美化效果。因此,面對衆多選擇,網頁設計者的自我(wǒ)(wǒ)克制總是必須的。

   比如,頁面背景顔色(或圖像、圖形)的挑選就應該比較克制。使用過于鮮豔的顔色或過于複雜(zá)的圖像、圖形作爲背景,不利于清晰地顯示文本或鏈接。事實上,我(wǒ)(wǒ)們已經見過太多色彩斑斓而難以清晰浏覽的網頁。另外(wài),根據中(zhōng)國的文化傳統,色彩運用上的禁忌實際是比較多的,要爲報紙(zhǐ)(尤其是黨報)找到既符合本身定位又(yòu)适應人們審美習慣還要顯得與衆不同的背景色相當困難,這種情況下(xià),謹慎的選擇反而易于成功。我(wǒ)(wǒ)們在設計浙江日報網絡版時,就此進行了一(yī)些嘗試,比較後發現,其實,簡單地運用白(bái)色就可以使頁面顯得莊重得體(tǐ)。

   當然,簡單不應淪爲簡陋。因此,又(yòu)考慮在純淨的背景上綴以紅色(報名)、藍(lán)色(鏈接),在廣告位加以一(yī)定量的其他彩色,這就使得頁面并不因爲純白(bái)背景的素潔而單調呆滞。除此,在處理起始頁上浙江日報社各報刊網絡版的鏈接時,設計師在每個報刊名前放(fàng)置了一(yī)個小(xiǎo)色塊,這些不同的顔色塊既象征着浙報的六報一(yī)刊各具個性,也使整個頁面顯得更生(shēng)動、更親切。

   設計和傳送網頁所憑借的網絡軟硬環境總在不斷發展變化,因此網頁設計是一(yī)個不斷創新、不斷完善的過程。相信浙江日報網絡版在博采衆長、汲取海内外(wài)讀者各種意見、建議後,将以更爲令人賞心悅目的界面面對世人。 内容來自:道州網(www.daozhou.net) 原文地址:http://www.daozhou.net/news/education/16786.shtml

 

  • CONTACT US
  • 您可以通過以下(xià)方式聯系我(wǒ)(wǒ)們
  • 售前咨詢:13762755007
    售後服務:13762755007

    電子郵件:393226556@qq.com
    地址:湖南(nán)省嶽陽市步行街北(běi)輔道君臨新世界C座1227

  • 服務無止境,技術永創新
  • 精誠合作,互利共赢
    新網人:專業勤奮有激情,務實守信有創新
  •  
  • 版權所有 © 2008-2024湖南(nán)軟視網絡科技有限公司
  • 微信掃一(yī)掃
  • 電話(huà)咨詢

  • 137 62755007