報(bào)紙網(wǎng)頁設(shè)計(jì)：簡單即美

2023-06-03    分類： 網(wǎng)站建設(shè)

報(bào)紙的網(wǎng)絡(luò)版發(fā)布后，與網(wǎng)上讀者直接見面的就是網(wǎng)頁，大致可以說 ，它對(duì)應(yīng)于紙介印刷版的版面。顯然，相對(duì)于傳統(tǒng)的版面，網(wǎng)絡(luò)版的網(wǎng)頁意味著新的特征和新的可能。這些隨因特網(wǎng)技術(shù)發(fā)展而不斷擴(kuò)展的新可能無疑是令人興奮的，但其中也暗藏"陷阱"。確有不少

我們?cè)罅繛g覽國內(nèi)外報(bào)刊網(wǎng)絡(luò)版，發(fā)現(xiàn)相當(dāng)多的網(wǎng)頁在設(shè)計(jì)中一味追求華麗的視覺印象。雖然可能某些地方也頗具特色，但這未必使得網(wǎng)頁外觀更加賞心悅目，也未必使得瀏覽過程更加便捷愉快，因此整體上就不能說是成功的。有鑒于此，又衡量了實(shí)際可用的設(shè)計(jì)時(shí)間與設(shè)計(jì)力量，我們考慮：浙江日?qǐng)?bào)網(wǎng)絡(luò)版的網(wǎng)頁不妨一反通常設(shè)計(jì)者對(duì)于精美別致的追求，只求高效與清新，這樣仍有可能在眾多國內(nèi)報(bào)刊網(wǎng)絡(luò)版中獨(dú)樹一幟，躋身一流行列。

這個(gè)要求如何實(shí)現(xiàn)？隨著設(shè)計(jì)的展開，逐漸明確了兩個(gè)字-簡單。網(wǎng)頁中除內(nèi)容以外的對(duì)象都力求簡單，這最終成了浙江日?qǐng)?bào)網(wǎng)絡(luò)版網(wǎng)頁設(shè)計(jì)的原則之一。一、 簡單的層次結(jié)構(gòu)

網(wǎng)頁是一種超文本。超文本的本質(zhì)就是無限的鏈接與跳轉(zhuǎn)。在網(wǎng)頁中點(diǎn)擊預(yù)置的鏈接，輕松地就可以跳轉(zhuǎn)到另一個(gè)網(wǎng)站或另一個(gè)網(wǎng)頁。這個(gè)特征對(duì)于網(wǎng)絡(luò)版的網(wǎng)頁結(jié)構(gòu)有著決定意義。

信息必須按照便于瀏覽與查找的方式進(jìn)行結(jié)構(gòu)化的組織，這是一切成功的信息系統(tǒng)的起碼要求。報(bào)紙印刷版中運(yùn)用種種手段進(jìn)行版面分割、設(shè)置"引導(dǎo)點(diǎn)"，為專輯、專版、專欄等規(guī)定某種固定的版次關(guān)系，類似的這些做法，都是在為信息的結(jié)構(gòu)化作努力。由于網(wǎng)頁的超文本特性，一者，網(wǎng)頁尺寸過大的問題可以避免，二者，網(wǎng)頁獲得良好結(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)航頁就是分層的起點(diǎn)，從這里讀者瀏覽全部內(nèi)容的概況，以便迅速確定下一步的跳轉(zhuǎn)方向。雖然分層是明晰與簡化結(jié)構(gòu)的好方法，但也必須節(jié)制，不可過細(xì)、過深。如果從起始頁出發(fā)需要點(diǎn)擊（連接）超過三次或四次才看到想要的內(nèi)容，這對(duì)讀者的耐心多少會(huì)是一個(gè)考驗(yàn)。

有的報(bào)刊印刷版在概念上有較多的層次，如錢江晚報(bào)，在日常版面之外另有七個(gè)周刊，分別安排在周一至周日，每個(gè)周刊各含幾個(gè)專版，專版下又含專欄（多數(shù)欄目實(shí)際一次只含一篇文章）。如果直接照搬上述層次關(guān)系，按"起始頁總目（含周刊目錄）->專版目錄->專欄目錄->圖文目錄->圖文"這樣的層次結(jié)構(gòu)，計(jì)數(shù)箭頭就知道，從頂層頁面到底層內(nèi)容頁面需要點(diǎn)擊（連接）四次。我們?cè)趯?shí)際構(gòu)思中，網(wǎng)頁結(jié)構(gòu)按縮減的"起始頁總目（含周刊目錄）->專版目錄及圖文目錄->圖文"的層次。在第二層的頁面上，右邊是本期周刊全部圖文的目錄（鏈接），它們按專版分區(qū)排列，左側(cè)是本期周刊的專版目錄（鏈接），各鏈接即指向本頁右邊的各專版圖文目錄區(qū)，進(jìn)入本頁后，既可點(diǎn)擊左側(cè)鏈接通過頁內(nèi)跳轉(zhuǎn)到達(dá)某個(gè)專版的圖文目錄區(qū)，也可通過滾屏找到該專版的圖文目錄區(qū)，隨后找到新聞標(biāo)題。在這個(gè)簡化的層次結(jié)構(gòu)中，從頂層起點(diǎn)擊兩次或三次就可以連接到新聞（重要新聞通過起始頁的導(dǎo)讀區(qū)可以一次點(diǎn)擊連到）。二、 簡單的平面布局

報(bào)紙的幅面是相當(dāng)大的，這就可能把大量的新聞集中于一張紙上。如對(duì)開的浙江日?qǐng)?bào)一個(gè)版可以放置六七篇千字文章另加兩三張普通大小的圖片，即便是小報(bào)的版面，可容納的圖文也不會(huì)少于大報(bào)版面的一半。讀者往往習(xí)慣于統(tǒng)覽整個(gè)版面，以便迅速從中選定進(jìn)一步閱讀的圖文。

網(wǎng)頁在信息密集度上顯然遠(yuǎn)遜于報(bào)紙，因?yàn)樽x者瀏覽網(wǎng)頁必須通過尺寸與分辨率都小于報(bào)紙的顯示器。即使是在"大屏幕、高分辨率"的條件下，一屏可能含有的圖文量仍是遠(yuǎn)小于報(bào)紙的版面（通常也不能多于兩篇千字文章）。如果把頁面設(shè)計(jì)成版面那樣的尺寸，要完整地瀏覽一個(gè)頁面就須不斷地縱橫滾屏。原則上，網(wǎng)頁是不應(yīng)橫向滾屏的，縱向滾屏也是越少越好。所以，網(wǎng)頁的尺寸（特別是寬度）必須加以控制，否則無法適應(yīng)屏幕的尺寸，也無法使讀者接受。

這個(gè)重要不同，決定了報(bào)紙網(wǎng)絡(luò)版無法再以傳統(tǒng)的版面形式來排布圖文。基于版面分割概念的常規(guī)版面設(shè)計(jì)手段，要么不再有效要么不再作用突出，即便是平面視覺設(shè)計(jì)中一些共同的基本藝術(shù)守則，在這兩種設(shè)計(jì)中也體現(xiàn)為不同的要求?？偟膩碚f，相對(duì)于印刷版，網(wǎng)絡(luò)版的視覺設(shè)計(jì)是在狹小幅面上的設(shè)計(jì)，因此就平面布局而言，一屏網(wǎng)頁中的內(nèi)容過于擁塞容易引起讀者的視覺疲勞，也不便于讀者搜尋內(nèi)容。

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

我們?cè)跇?gòu)思中為了避免上述弊病，基本采用簡單的左右兩列的布局方式，各部分內(nèi)容的拼合也有意作寬松的安排。如浙江日?qǐng)?bào)網(wǎng)絡(luò)版的起始頁，頂部是對(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ì)簡單，但功能比較完整，并且風(fēng)格洗練、條理清晰，可以較好地發(fā)揮瀏覽效率。三、簡單的圖形、特效

報(bào)紙經(jīng)過一次性印刷，送達(dá)讀者手中已是完全的成品。而讀者在線瀏覽網(wǎng)絡(luò)版，每一個(gè)頁面都須有一個(gè)即時(shí)的數(shù)據(jù)下載過程。這里就有網(wǎng)絡(luò)的數(shù)據(jù)傳輸速率問題，即帶寬問題。而帶寬過窄正是目前國內(nèi)網(wǎng)民最難忍受的問題之一。

去年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)頁。它融合了動(dòng)態(tài)圖形與配樂音響，具有極強(qiáng)的視聽沖擊力，在展覽會(huì)上受到人們的好評(píng)，連慣弄視覺與動(dòng)態(tài)的電視記者也為之贊嘆。但這種網(wǎng)頁傳送時(shí)要求較高的帶寬，否則讀者將難以忍受長時(shí)間的下載過程。也就是說，引人入勝的網(wǎng)頁特效與一般讀者對(duì)瀏覽效率的要求發(fā)生了矛盾。我們最后的選擇是，簡化效果以保證效率，在網(wǎng)絡(luò)版正式推出時(shí)毅然舍棄了這個(gè)FLASH網(wǎng)頁。

這是一個(gè)抗御誘惑、自我克制的例子。實(shí)際上，媒體很容易在形式上自我放任，自發(fā)地追求一些自我欣賞、并不實(shí)用的東西。在網(wǎng)絡(luò)出版中這個(gè)問題特別突出，因?yàn)榫W(wǎng)絡(luò)出版顯然是所有媒體中出版費(fèi)用最低廉的，它不像其他媒體那樣因?yàn)槌霭尜M(fèi)用較高而受到相當(dāng)?shù)囊种啤?/p>

對(duì)于新聞網(wǎng)頁來說，能迅速提供新聞并保證讀者方便地在網(wǎng)頁上找到想要的新聞，這才是最重要的，而花哨的效果或所謂觀賞性不應(yīng)是它過多考慮的。但另一方面，從版面設(shè)計(jì)到頁面設(shè)計(jì)的轉(zhuǎn)變，實(shí)際是夾帶著遺憾的，設(shè)計(jì)者將感受到某些自己曾經(jīng)熱衷的藝術(shù)意味的喪失，作為補(bǔ)償，他可能愿意多多運(yùn)用傳統(tǒng)報(bào)紙?jiān)O(shè)計(jì)中無法運(yùn)用或限于制作費(fèi)用不能經(jīng)常運(yùn)用的手段，大量圖形、復(fù)雜背景、彩色圖像、各種特效，可能都會(huì)成為他的新追求。

這些追求有時(shí)明顯會(huì)進(jìn)一步惡化讀者的帶寬困境，有時(shí)雖不至于如此，但也可能并不能取得預(yù)期的美化效果。因此，面對(duì)眾多選擇，網(wǎng)頁設(shè)計(jì)者的自我克制總是必須的。

比如，頁面背景顏色（或圖像、圖形）的挑選就應(yīng)該比較克制。使用過于鮮艷的顏色或過于復(fù)雜的圖像、圖形作為背景，不利于清晰地顯示文本或鏈接。事實(shí)上，我們已經(jīng)見過太多色彩斑斕而難以清晰瀏覽的網(wǎng)頁。另外，根據(jù)中國的文化傳統(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í)，簡單地運(yùn)用白色就可以使頁面顯得莊重得體。

當(dāng)然，簡單不應(yīng)淪為簡陋。因此，又考慮在純凈的背景上綴以紅色（報(bào)名）、藍(lán)色（鏈接），在廣告位加以一定量的其他彩色，這就使得頁面并不因?yàn)榧儼妆尘暗乃貪嵍鴨握{(diào)呆滯。除此，在處理起始頁上浙江日?qǐng)?bào)社各報(bào)刊網(wǎng)絡(luò)版的鏈接時(shí)，設(shè)計(jì)師在每個(gè)報(bào)刊名前放置了一個(gè)小色塊，這些不同的顏色塊既象征著浙報(bào)的六報(bào)一刊各具個(gè)性，也使整個(gè)頁面顯得更生動(dòng)、更親切。

新聞名稱：報(bào)紙網(wǎng)頁設(shè)計(jì)：簡單即美
網(wǎng)頁URL：http://www.muchs.cn/news8/262308.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、軟件開發(fā)、網(wǎng)站制作、做網(wǎng)站、外貿(mào)建站、動(dòng)態(tài)網(wǎng)站

廣告

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

微信小程序開發(fā)