網(wǎng)頁(yè)設(shè)計(jì)：簡(jiǎn)單即美

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

本文題目：網(wǎng)頁(yè)設(shè)計(jì)：簡(jiǎn)單即美
本文來(lái)源：http://www.muchs.cn/news25/143825.html

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

廣告

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