網(wǎng)頁設(shè)計：簡單即美

報紙的網(wǎng)絡(luò)版發(fā)布后，與網(wǎng)上讀者直接見面的就是網(wǎng)頁，大致可以說 ，它對應(yīng)于紙介印刷版的版面。顯然，相對于傳統(tǒng)的版面，網(wǎng)絡(luò)版的網(wǎng)頁意味著新的特征和新的可能。這些隨因特網(wǎng)技術(shù)發(fā)展而不斷擴展的新可能無疑是令人興奮的，但其中也暗藏"陷阱"。確有不少網(wǎng)頁設(shè)計者情不自禁地在作品中過多地置入自賞或炫技的成份，導(dǎo)致網(wǎng)頁外觀或結(jié)構(gòu)的缺陷，影響了瀏覽效果。
浙江日報網(wǎng)站籌建經(jīng)歷數(shù)月，我有幸參與其中，組織實施網(wǎng)絡(luò)版網(wǎng)頁的構(gòu)思與設(shè)計制作。這項富有挑戰(zhàn)性的工作，自然首先是一個學(xué)習(xí)的過程、創(chuàng)意的過程，但從前述意義來說，倒更是一個不斷抗御誘惑而趨向堅定和成熟的過程。
1999年元旦上網(wǎng)的浙江日報網(wǎng)絡(luò)版實際包含浙江日報等六報一刊，這是一個比較復(fù)雜的網(wǎng)絡(luò)版系列。但其網(wǎng)頁總體設(shè)計要求卻十分"簡單"：在符合各報刊印刷版根本定位與基本風(fēng)格的前提下，實現(xiàn)高效的結(jié)構(gòu)布局與清新的視覺效果。
我們曾大量瀏覽國內(nèi)外報刊網(wǎng)絡(luò)版，發(fā)現(xiàn)相當(dāng)多的網(wǎng)頁在設(shè)計中一味追求華麗的視覺印象。雖然可能某些地方也頗具特色，但這未必使得網(wǎng)頁外觀更加賞心悅目，也未必使得瀏覽過程更加便捷愉快，因此整體上就不能說是成功的。有鑒于此，又衡量了實際可用的設(shè)計時間與設(shè)計力量，我們考慮：浙江日報網(wǎng)絡(luò)版的網(wǎng)頁不妨一反通常設(shè)計者對于精美別致的追求，只求高效與清新，這樣仍有可能在眾多國內(nèi)報刊網(wǎng)絡(luò)版中獨樹一幟，躋身一流行列。
這個要求如何實現(xiàn)？隨著設(shè)計的展開，逐漸明確了兩個字-簡單。網(wǎng)頁中除內(nèi)容以外的對象都力求簡單，這最終成了浙江日報網(wǎng)絡(luò)版網(wǎng)頁設(shè)計的原則之一。
一、 簡單的層次結(jié)構(gòu)
網(wǎng)頁是一種超文本。超文本的本質(zhì)就是無限的鏈接與跳轉(zhuǎn)。在網(wǎng)頁中點擊預(yù)置的鏈接，輕松地就可以跳轉(zhuǎn)到另一個網(wǎng)站或另一個網(wǎng)頁。這個特征對于網(wǎng)絡(luò)版的網(wǎng)頁結(jié)構(gòu)有著決定意義。
信息必須按照便于瀏覽與查找的方式進行結(jié)構(gòu)化的組織，這是一切成功的信息系統(tǒng)的起碼要求。報紙印刷版中運用種種手段進行版面分割、設(shè)置"引導(dǎo)點"，為專輯、專版、專欄等規(guī)定某種固定的版次關(guān)系，類似的這些做法，都是在為信息的結(jié)構(gòu)化作努力。由于網(wǎng)頁的超文本特性，一者，網(wǎng)頁尺寸過大的問題可以避免，二者，網(wǎng)頁獲得良好結(jié)構(gòu)化的希望有了邏輯上的堅實基礎(chǔ)，設(shè)計高效實用的導(dǎo)航（導(dǎo)覽）系統(tǒng)也有了物理的基礎(chǔ)。
從整體上構(gòu)思網(wǎng)絡(luò)版的結(jié)構(gòu)，首先必須考慮一定程度上的分層。最頂層的導(dǎo)航頁就是分層的起點，從這里讀者瀏覽全部內(nèi)容的概況，以便迅速確定下一步的跳轉(zhuǎn)方向。雖然分層是明晰與簡化結(jié)構(gòu)的好方法，但也必須節(jié)制，不可過細、過深。如果從起始頁出發(fā)需要點擊（連接）超過三次或四次才看到想要的內(nèi)容，這對讀者的耐心多少會是一個考驗。
有的報刊印刷版在概念上有較多的層次，如錢江晚報，在日常版面之外另有七個周刊，分別安排在周一至周日，每個周刊各含幾個專版，專版下又含專欄（多數(shù)欄目實際一次只含一篇文章）。如果直接照搬上述層次關(guān)系，按"起始頁總目（含周刊目錄）->專版目錄->專欄目錄->圖文目錄->圖文"這樣的層次結(jié)構(gòu)，計數(shù)箭頭就知道，從頂層頁面到底層內(nèi)容頁面需要點擊（連接）四次。我們在實際構(gòu)思中，網(wǎng)頁結(jié)構(gòu)按縮減的"起始頁總目（含周刊目錄）->專版目錄及圖文目錄->圖文"的層次。在第二層的頁面上，右邊是本期周刊全部圖文的目錄（鏈接），它們按專版分區(qū)排列，左側(cè)是本期周刊的專版目錄（鏈接），各鏈接即指向本頁右邊的各專版圖文目錄區(qū)，進入本頁后，既可點擊左側(cè)鏈接通過頁內(nèi)跳轉(zhuǎn)到達某個專版的圖文目錄區(qū)，也可通過滾屏找到該專版的圖文目錄區(qū)，隨后找到新聞標題。在這個簡化的層次結(jié)構(gòu)中，從頂層起點擊兩次或三次就可以連接到新聞（重要新聞通過起始頁的導(dǎo)讀區(qū)可以一次點擊連到）。
二、 簡單的平面布局
報紙的幅面是相當(dāng)大的，這就可能把大量的新聞集中于一張紙上。如對開的浙江日報一個版可以放置六七篇千字文章另加兩三張普通大小的圖片，即便是小報的版面，可容納的圖文也不會少于大報版面的一半。讀者往往習(xí)慣于統(tǒng)覽整個版面，以便迅速從中選定進一步閱讀的圖文。
網(wǎng)頁在信息密集度上顯然遠遜于報紙，因為讀者瀏覽網(wǎng)頁必須通過尺寸與分辨率都小于報紙的顯示器。即使是在"大屏幕、高分辨率"的條件下，一屏可能含有的圖文量仍是遠小于報紙的版面（通常也不能多于兩篇千字文章）。如果把頁面設(shè)計成版面那樣的尺寸，要完整地瀏覽一個頁面就須不斷地縱橫滾屏。原則上，網(wǎng)頁是不應(yīng)橫向滾屏的，縱向滾屏也是越少越好。所以，網(wǎng)頁的尺寸（特別是寬度）必須加以控制，否則無法適應(yīng)屏幕的尺寸，也無法使讀者接受。
這個重要不同，決定了報紙網(wǎng)絡(luò)版無法再以傳統(tǒng)的版面形式來排布圖文。基于版面分割概念的常規(guī)版面設(shè)計手段，要么不再有效要么不再作用突出，即便是平面視覺設(shè)計中一些共同的基本藝術(shù)守則，在這兩種設(shè)計中也體現(xiàn)為不同的要求。總的來說，相對于印刷版，網(wǎng)絡(luò)版的視覺設(shè)計是在狹小幅面上的設(shè)計，因此就平面布局而言，一屏網(wǎng)頁中的內(nèi)容過于擁塞容易引起讀者的視覺疲勞，也不便于讀者搜尋內(nèi)容。
大容量網(wǎng)站的起始網(wǎng)頁較多采用左中右三列的布局方式。但三列式的布局不完全適于中文新聞網(wǎng)站。
我們在構(gòu)思中為了避免上述弊病，基本采用簡單的左右兩列的布局方式，各部分內(nèi)容的拼合也有意作寬松的安排。如浙江日報網(wǎng)絡(luò)版的起始頁，頂部是對應(yīng)于浙江日報各版內(nèi)容的鏈接，底部是工具欄（包括一些有關(guān)報紙或網(wǎng)站的鏈接），左邊是浙江日報社六報一刊網(wǎng)絡(luò)版的鏈接和友好網(wǎng)站的鏈接，右邊是圖片新聞和今日導(dǎo)讀（包括推薦新聞的標題、提要與鏈接）。這個導(dǎo)航界面相對簡單，但功能比較完整，并且風(fēng)格洗練、條理清晰，可以較好地發(fā)揮瀏覽效率。
三、簡單的圖形、特效
報紙經(jīng)過一次性印刷，送達讀者手中已是完全的成品。而讀者在線瀏覽網(wǎng)絡(luò)版，每一個頁面都須有一個即時的數(shù)據(jù)下載過程。這里就有網(wǎng)絡(luò)的數(shù)據(jù)傳輸速率問題，即帶寬問題。而帶寬過窄正是目前國內(nèi)網(wǎng)民最難忍受的問題之一。
去年11月，浙江日報網(wǎng)絡(luò)版處于正式發(fā)布前的測試階段。當(dāng)時，為參加省政府主辦的"信息化在浙江"展覽，曾經(jīng)運用FLASH技術(shù)為網(wǎng)絡(luò)版制作了一個具有封面性質(zhì)的網(wǎng)頁。它融合了動態(tài)圖形與配樂音響，具有極強的視聽沖擊力，在展覽會上受到人們的好評，連慣弄視覺與動態(tài)的電視記者也為之贊嘆。但這種網(wǎng)頁傳送時要求較高的帶寬，否則讀者將難以忍受長時間的下載過程。也就是說，引人入勝的網(wǎng)頁特效與一般讀者對瀏覽效率的要求發(fā)生了矛盾。我們最后的選擇是，簡化效果以保證效率，在網(wǎng)絡(luò)版正式推出時毅然舍棄了這個FLASH網(wǎng)頁。
這是一個抗御誘惑、自我克制的例子。實際上，媒體很容易在形式上自我放任，自發(fā)地追求一些自我欣賞、并不實用的東西。在網(wǎng)絡(luò)出版中這個問題特別突出，因為網(wǎng)絡(luò)出版顯然是所有媒體中出版費用最低廉的，它不像其他媒體那樣因為出版費用較高而受到相當(dāng)?shù)囊种啤?br />對于新聞網(wǎng)頁來說，能迅速提供新聞并保證讀者方便地在網(wǎng)頁上找到想要的新聞，這才是最重要的，而花哨的效果或所謂觀賞性不應(yīng)是它過多考慮的。但另一方面，從版面設(shè)計到頁面設(shè)計的轉(zhuǎn)變，實際是夾帶著遺憾的，設(shè)計者將感受到某些自己曾經(jīng)熱衷的藝術(shù)意味的喪失，作為補償，他可能愿意多多運用傳統(tǒng)報紙設(shè)計中無法運用或限于制作費用不能經(jīng)常運用的手段，大量圖形、復(fù)雜背景、彩色圖像、各種特效，可能都會成為他的新追求。
這些追求有時明顯會進一步惡化讀者的帶寬困境，有時雖不至于如此，但也可能并不能取得預(yù)期的美化效果。因此，面對眾多選擇，網(wǎng)頁設(shè)計者的自我克制總是必須的。
比如，頁面背景顏色（或圖像、圖形）的挑選就應(yīng)該比較克制。使用過于鮮艷的顏色或過于復(fù)雜的圖像、圖形作為背景，不利于清晰地顯示文本或鏈接。事實上，我們已經(jīng)見過太多色彩斑斕而難以清晰瀏覽的網(wǎng)頁。另外，根據(jù)中國的文化傳統(tǒng)，色彩運用上的禁忌實際是比較多的，要為報紙（尤其是黨報）找到既符合本身定位又適應(yīng)人們審美習(xí)慣還要顯得與眾不同的背景色相當(dāng)困難，這種情況下，謹慎的選擇反而易于成功。我們在設(shè)計浙江日報網(wǎng)絡(luò)版時，就此進行了一些嘗試，比較后發(fā)現(xiàn)，其實，簡單地運用白色就可以使頁面顯得莊重得體。
當(dāng)然，簡單不應(yīng)淪為簡陋。因此，又考慮在純凈的背景上綴以紅色（報名）、藍色（鏈接），在廣告位加以一定量的其他彩色，這就使得頁面并不因為純白背景的素潔而單調(diào)呆滯。除此，在處理起始頁上浙江日報社各報刊網(wǎng)絡(luò)版的鏈接時，設(shè)計師在每個報刊名前放置了一個小色塊，這些不同的顏色塊既象征著浙報的六報一刊各具個性，也使整個頁面顯得更生動、更親切。
設(shè)計和傳送網(wǎng)頁所憑借的網(wǎng)絡(luò)軟硬環(huán)境總在不斷發(fā)展變化，因此網(wǎng)頁設(shè)計是一個不斷創(chuàng)新、不斷完善的過程。相信浙江日報網(wǎng)絡(luò)版在博采眾長、汲取海內(nèi)外讀者各種意見、建議后，將以更為令人賞心悅目的界面面對世人。

本文題目：網(wǎng)頁設(shè)計：簡單即美
本文來源：http://www.bm7419.com/news25/143825.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)網(wǎng)站建設(shè)、服務(wù)器托管、全網(wǎng)營銷推廣、網(wǎng)站維護、商城網(wǎng)站、外貿(mào)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)