前言：尋找寫作靈感？中文期刊網(wǎng)用心挑選的理性網(wǎng)頁設計論文，希望能為您的閱讀和創(chuàng)作帶來靈感，歡迎大家閱讀并分享。

一、設計必須符合媒介特性

在設計網(wǎng)頁時，我們必須考慮網(wǎng)頁服務器的處理能力、網(wǎng)絡傳輸?shù)膸挘约坝脩魹g覽網(wǎng)頁的終端處理能力、顯示媒介的尺寸大小、分辨率高低等要素。服務器的處理能力、網(wǎng)絡帶寬、終端處理能力都會影響網(wǎng)頁傳輸?shù)乃俣龋@示媒介的尺寸大小和分辨率則會影響網(wǎng)頁呈現(xiàn)的形態(tài)。在考慮頁面的內(nèi)容和顯示質(zhì)量時，我們必須要理性思考頁面的數(shù)據(jù)量，綜合分析影響頁面?zhèn)鬏斔俣鹊母鱾€因素，權衡內(nèi)容、質(zhì)量與瀏覽者等待時間的平衡。內(nèi)容多、質(zhì)量高，傳達的信息量大，視覺效果好，但可能造成頁面數(shù)據(jù)量大，瀏覽者等待的時間長。Websense調(diào)查公司稱：多達70%的上網(wǎng)者表示不愿意在頁面讀取上超過10秒鐘，也就是說在瀏覽者點擊鏈接之后，如果頁面在10秒鐘內(nèi)還沒有呈現(xiàn)出來，用戶會放棄訪問，即使網(wǎng)頁有再好的內(nèi)容和質(zhì)量也達不到傳達信息的目的，這就失去了設計的根本目的。從心理學的角度上看，瀏覽者在等待過程中，會逐漸增加煩躁和不安，失去耐心，況且網(wǎng)絡上有太多的選擇，更加劇了他們放棄的決心。設計網(wǎng)頁的幅面時，我們不能像紙質(zhì)媒介那樣以長度單位來計量，而是以數(shù)字媒介的基本單位像素來計量，而一個像素在視覺上到底有多大又取決于顯示媒介的尺寸大小和分辨率，所以網(wǎng)頁在視覺上的大小在瀏覽者那里可能大不相同，因為他們?yōu)g覽網(wǎng)頁時采用的顯示媒介大小和分辨率可能相差很大，也許是9英寸的筆記本電腦，也可能是25英寸顯示器的臺式計算機，即使物理尺寸相同，分辨率不同，所得到的頁面大小也不一樣。因此，我們必須對瀏覽者使用的網(wǎng)頁瀏覽設備有充分的調(diào)查和分析，并進行測試，以保證我們設計的網(wǎng)頁幅面大小在普遍使用的各種網(wǎng)頁瀏覽設備上能夠滿足瀏覽信息的基本要求。

二、網(wǎng)頁應是瀏覽為主

在用戶獲取信息的方式上，網(wǎng)頁有別于紙質(zhì)媒介，網(wǎng)頁是以瀏覽為主，而紙質(zhì)媒介是以閱讀為主。所謂瀏覽，按照字面意思就是粗略、大致地看一遍，其主要目的是大致了解，搜尋是否有感興趣的信息線索；閱讀比瀏覽更具有主動性和目的性，是有目的地讀，其目標是理解。克魯格在《別讓我動腦筋——網(wǎng)頁設計效果優(yōu)化藝術》一書中提出了設計出好網(wǎng)頁必須面對的三個事實：一是“我們不是閱讀網(wǎng)頁，而是瀏覽”；二是“我們不做最佳選擇，而是滿意而止”；三是“我們不深究原理或本質(zhì)，而是想當然地使用”。我們?yōu)槭裁磳W(wǎng)頁是瀏覽呢？克魯格的分析認為有三個原因：一是因為匆忙，使用網(wǎng)絡的目的多半是想節(jié)約時間，這樣用戶就會不停地運動；二是用戶知道不必全部閱讀，通常一個網(wǎng)頁里面只有很少一部分是他們感興趣的；三是用戶擅長瀏覽，瀏覽是人們?nèi)粘Ｉ钪兴褜ば畔⒌膽T用方法。基于這樣一些原因，用戶使用網(wǎng)站就是瀏覽、滿意、再瀏覽、再滿意這樣一個循環(huán)往復的過程，直至滿意而歸。如果中間出現(xiàn)了不滿意，這個過程就會終止，用戶就帶著不滿意而離開。所以，在設計網(wǎng)頁時，哲學家威廉提出的奧卡姆剃刀原理“如無必要，勿增實體”和建筑大師密斯•凡•德•羅提出的“少即是多”原則是我們檢驗設計的兩面鏡子。在確定網(wǎng)頁的內(nèi)容時，突出那些重要的內(nèi)容，去掉那些不必要的圖案和文字，即使那些能夠讓你的網(wǎng)頁在視覺上產(chǎn)生更好的效果，但如果其干擾重要信息的瀏覽，仍然應該果斷地去掉。在網(wǎng)頁中，只有那些有利于信息傳達目標的美才是有價值的，美應該符合于功能的需要，美和功能的和諧統(tǒng)一才是網(wǎng)頁設計追求的目標。為了便于瀏覽，在網(wǎng)頁內(nèi)容的編排上必須尊重視覺習慣，我們在瀏覽時總是從左到右，由上而下地掃視，要根據(jù)內(nèi)容的重要性，進行從左到右、由上而下地依次排列，使重要的內(nèi)容最先映入瀏覽者的眼簾。在文案的寫作上，為了便于快速瀏覽，一是對標題、關鍵內(nèi)容加以強調(diào)；二是采用短的句子和段落；三是采用清晰的分區(qū)和列表；四是先總體后詳細的寫作順序。用戶在進行瀏覽時首先是通過標題和關鍵詞來初步判斷內(nèi)容是否符合自己的興趣，然后再通過總體的概述來決定是否有繼續(xù)瀏覽下去的必要。在瀏覽的過程中，短句和短的段落有利于減小理解的難度和縮短判斷的時間，清晰的分區(qū)和列表能夠讓人快速抓住其關注的興趣點，促進人們繼續(xù)瀏覽。

三、網(wǎng)頁設計不應打破慣例

前面已經(jīng)提到，網(wǎng)頁是一個要求即看即用的特殊“產(chǎn)品”，也就是一看我們就要知道如何使用。我們雖然使用了若干手機，但我們購買了一款新的手機時，我們還是得閱讀說明書后才能正常使用，網(wǎng)頁確不需要。那如何才能達到即看即用呢？使用慣例就是最好的武器，這也是提高所有產(chǎn)品易用性的重要法寶。慣例就是我們已經(jīng)習慣了的東西，我們一看就知道它的意思，就知道怎么去操作，因為慣例是我們?nèi)粘Ｉ钪蟹e累起來的，已經(jīng)存入大腦的固有知識。唐納德•A•諾曼在《設計心理學》中將知識分為了存儲于外部的知識和存儲于頭腦內(nèi)部的知識，使用存儲于外部的知識不需要學習，但效率低；使用頭腦內(nèi)部的知識需要專門學習，但效率高。而慣例是已經(jīng)存儲在頭腦內(nèi)部的知識，具有外部知識的高易用性和頭腦內(nèi)部知識的高效率。在網(wǎng)頁設計中有很多慣例是不能輕易去打破的，一是重要導航在頁面的位置，按照慣例一般布置在頁面的上部、左上部或右上部，首頁的鏈接放置在最前面；二是網(wǎng)站的標識放置在頁面的左上部，瀏覽者用其來判別是否到達了目標網(wǎng)站；三是文字鏈接要加下劃線（也可以鼠標放上去才出現(xiàn)），瀏覽者用其來判斷是否有超級鏈接；四是常用標識符號，如在多頁文檔中，▲代表向上翻頁，▼代表向下翻頁；在視頻、音頻播放中■代表停止，▍▍代表暫停，▲代表播放。這些標識符號在網(wǎng)頁中已經(jīng)具有特定的意義，是不能隨意改變的。

四、設計層面之間的邏輯聯(lián)系

戰(zhàn)略層確定的網(wǎng)站目標和用戶需求，是整個網(wǎng)站設計的基石，其決定范圍層的內(nèi)容選擇和功能設計；結構層是對范圍層選擇的內(nèi)容進行分類和組織，形成信息架構，以及對確定的功能進行交互設計，確定交互的過程和交互行為；框架層是在結構層信息架構的基礎上，根據(jù)完成任務的需要，利用超級鏈接設置來完成導航設計，以及規(guī)劃信息架構在頁面空間中的位置關系，形成布局框架；表現(xiàn)層是對框架層進行具體的視覺表現(xiàn)，包括圖形設計、色彩設計、信息圖表設計、動畫設計、視頻設計等。從上面的分析可以看出，下一層是上一層的設計依據(jù)或設計對象，上一層是下一層的進一步深化和具體，相鄰層之間緊密聯(lián)系，既不能交換，也不能跨越，更不能缺少，具有嚴格的秩序，形成了完整的邏輯鏈條，理性思維貫穿在整個設計過程之中。

五、結語

網(wǎng)頁設計是在互聯(lián)網(wǎng)絡高度發(fā)展和普及應用之后，產(chǎn)生的介于視覺傳達設計和產(chǎn)品設計之間的跨界設計領域，其設計程序的嚴密邏輯、媒介的技術特質(zhì)、以瀏覽為主的信息獲取習慣、高度的人機交互等特點，都需要我們在設計中進行更多的理性思考。畢竟對于網(wǎng)站而言，有用、好用是第一位的。

作者：謝成開 單位：四川美術學院