央視國際 (2003年07月14日 14:49)

　　作者 朱惠民 王 哲

　　摘 要：網頁設計是一門邊緣學科。它是一門技術，也是創造美的過程；它是文字傳播的工具，也是表現多媒體技術的一部分。網頁設計體現著設計者的綜合素質：對文本內容的把握；對圖形、色彩、聲音對象內含的領悟；對訪問人群的正確判斷；設計者文化底蘊的潛在動力以及網頁技術的巧妙運用。

　　關鍵詞：網頁 設計 素質

　　網頁設計是一門新興的邊緣學科,它是計算機網絡得以深入人心的載體。每當我們點擊鏈結進入網頁時就開始了所謂的Internet漫遊，之所以這樣是因為其信息的廣度猶如廣闊的海洋無邊無際。探討此問題的目的也是基於網絡的所能完成任務的廣泛性，網頁設計要給訪問者或者用戶留下深刻的印象，只有網頁的美觀與實用相結合，設計與用戶相溝通，速度的提高與技術的應用相聯絡，才能達到目的與結果相一致。才能使你的信息被用戶接收，得以傳播，使你的産品得到用戶的肯定、接納，使你的思想得以發揚等等。但這些的表現又是通過對訪問者的視聽刺激來實現的，如何才能刺激適中？怎樣才能“感動”訪問者？怎樣才能真正體現管理者的意志？這些問題就落在了網頁設計者的肩上，他們的素質直接影響著這些功能的實現。作者認為審美能力是網頁設計者的重要素質、技術的運用是設計者表現的重要保障、文化底蘊是設計者無盡潛力得以發揮的基礎。

　　一、審美能力是設計者的重要素質

　　美是包含或體現社會生活的本質、規律，引起人們的特定情感反映的具體形象（包括社會形象、自然形象和藝術形象）。 審美能力是個人所具有的進行審美活動相關的主觀條件和心理能力。 網頁設計中所蘊含的美，也是通過視聽來實現的。網頁設計中恰當引導訪問者的視（文字、圖形、動畫）、聽（聲音）這兩種感官，使其獲得“美感”，是設計中的關鍵，我們可以利用有效而精煉的圖形、動畫、聲效以及色彩來衝擊、激發（這裡談的是“有效”，並非在任何情況下都要用到這些），達到創造美的目的。基於在過去網頁設計中枯燥、缺乏應有的刺激和生氣，才有了FLASH風靡全世界的情境；也給網頁設計者帶來了豐富的想象力和自由發揮的天地：你可以用它來編輯MTV、小故事、賀卡、遊戲、特效、製作演示、交互教程等。其Action的豐富多彩是它一直神秘的原因。

　　1．文字是表現網頁的載體

　　中國漢字通行的國際標準為我國于1980年制訂的“信息交換用漢字編碼字符集基本集”，其標準號為GB2312—80，簡稱國際碼，是我國應用最廣泛的漢字編碼字符集。 標準決定了在文字表現網頁方面的通則，以通用的宋體作為標準設計，用文字顏色、字號的變化來區分網頁的標題級、目錄級等等，也能給用戶帶來直觀有效的訪問。因此區分字體的字號、顏色也是設計中的注意事項，標題、超鏈結、導航、目錄、正文等都需要我們精心構思，花俏的字體或者非系統字體會給訪問者帶來很多麻煩和不便，設計者不能以自己的機器配置來想當然地推斷用戶的機器配置。目前還有大批量的低檔次的機器或許是正想知道你的信息的訪問者。當然這只對文本編輯而言，而圖形卻不受字體限制，但重要的一點，就是在完成製作時，對有特殊文字的通道或圖層要進行柵格化，或者説文字圖形化，就能達到特殊的表現要求。

　　網頁設計實質是一種文化傳播，中國的字體從甲骨文、金文、小篆、隸書、楷書、草書到行書，它們的變化折射著不同時代的文化精髓，反映了不同時代人們的社會活動、精神世界、審美能力，以現代人的經驗去審視推斷古人的行為方式，會發現我們正是從他們那裏走來。鏗鏘有力的字詞鼓舞著我們去戰鬥，指引著我們的方向；悠曲婉轉的字詞激發我們的情感、凈化我們的心靈，它是一種無聲的行動。我們會感慨因為文字引發過世界上許多悲慘的故事；因為文字帶給世界無窮無盡的智慧和力量，每一個字都是一本博大精深的書。中國文字在這方面更能體現厚重的文化內涵：其字體的變遷，代表著人們認識的變化和飛躍；其數量的變化體現著人們的社會生活的日益豐富。所以我們要善待文字，儘量避免錯誤用法和別字。

　　2．圖形、動畫是深入表達意境的工具

　　接收信息衝擊我們最大的是圖形，圖形的漸變、對稱、對比、比例、平衡、大小、明暗等等，給人以直觀，易接受，而留下印象，並不是所有圖形都對於你的網頁有用。圖形只是起到點綴，深入表達文字的意境和網站的意圖的。茫茫網絡中，各種圖形、圖像、動畫林林總總，但真正能為你所用的並不是很多，適合你的網頁特點的東西就更少了。許多設計者喜歡採用網上已有的東西，這個習慣不好。這給瀏覽者留下不專業的印象，甚至對你的公司、單位的形象大打折扣，結果是得不償失，況且我們還得尊重製作者的版權。解決的辦法，就是做適合自己網頁主題的圖形、圖像、動畫、網站LOGO、標題按鈕，不要盲目地剽竊別人的東西。更何況在某些FLASH動畫中還有在某個特定時間或讓你不注意點出與你的網站完全不和諧，甚至可笑的頁面、消息、警告或者其它表現形式，這樣的“彩蛋”你在瀏覽網頁時總會碰到，你的感受就是用戶的感受。這是不容許犯的錯誤，是對設計不負責任的態度，是褻瀆訪問者。

　　3．色彩是網頁設計中的重要環節

　　“色彩是光刺激眼睛再傳到大腦的視覺中樞而産生的一種感覺”。 色彩構成是一門很深奧的學問。我們無意要網頁設計者都要成為色彩構成的理論專家，但要對色彩對人的刺激所形成的感覺有一個基本的認識，要明確色彩對人的心理是起著很重要的作用的。

　　顏色的基本構成為色相（顏色的種類）、純度（顏色的深淺）、明度（顏色的明暗），不同的色相、純度、明度給人的心理感覺是不同的。

　　色相：紅、橙、黃等暖色，是最令人興奮的積極的色彩，而藍、藍紫、藍綠給人以沉靜而消極。

　　純度：不論暖色與冷色，高純度的色彩比低純度的色彩刺激性強而給的感覺積極。

　　明度：同純度的不同明度，一般為明度高的色彩比明度低的色彩刺激性大，低純度低明度的色彩是屬於沉靜，而無彩色中低明度一帶最為消極。

　　顯而易見，顏色是站點視覺設計的關鍵因素之一。視覺設計的先期工作，就包括確定頁面的色彩組合方案。顏色能對瀏覽者的情緒、思維産生強烈影響，所以選擇暖色還是冷色組合、黑色還是白色背景，對瀏覽者必然有很大的導引作用。具體設計時你盡可發揮你的藝術想象力，不過應該遵循以下的幾條基本技巧：

　　(1)為照顧大多數網友，最好限定使用 16K 色。

　　(2)使用背景色塊，避免使用背景圖像。用圖像做背景，會降低頁面的訪問速度，使文本難於閱讀，還容易模糊整個站點的主旨。

　　(3)顏色組合要有個性，同時可使文本易讀、圖像易於區別開來。

　　(4)審慎選擇顏色組合的情緒意義。舉例來説，黑色背景下的紅色文本，顯得很刺眼，對於一般站點就不合適；白色背景下的藍色文本，看上去很放鬆、很寧靜，對於像搖滾樂隊、遊戲這樣的站點就顯得不夠分量。

　　色調及黑、白、灰的三色空間關係不論在設計還是在繪畫方面都起著重要的作用。在頁面上一定得明確調性，而其它有色或無色的內容均屬黑、白、灰的三色空間關係，從而構成它們的空間層次。

　　色彩是藝術表現的要素之一，它是光刺激眼睛再傳導到大腦中樞而産生的一種感覺。在網頁設計中，根據和諧、均衡和重點突出的原則，將不同的色彩進行組合、搭配來構成美麗的頁面。

　　利用色彩對人們心理的影響的成果，合理地加以運用。按照色彩的記憶性原則，一般暖色較冷色的記憶性強。色彩還具有聯想與象徵的特質，如：紅色象徵火、血、太陽；藍色象徵大海、天空和水面等。所以設計出售冷食的虛擬店面，應使用消極而沉靜的顏色，使人心理上感覺涼爽一些。

　　在色彩的運用過程中，還應注意的一個問題是：由於國家和種族的不同，宗教和信仰的不同，生活的地理位置、文化修養的差異，不同的人群對色彩的喜惡程度有著很大差異。如：兒童喜歡對比強烈、個性鮮明的純顏色；生活在草原上的人喜歡紅色；生活在鬧市中的人喜歡淡雅的顏色；生活在沙漠中的人喜歡綠色。在設計中要考慮主要讀者群的背景和構成。

　　4.聲音的正確運用能起到點睛的作用

　　隨著網絡技術的不斷發展，聲音也逐漸成為了網頁製作過程中考慮的一個重要因素。如果能在五彩繽紛的網頁中再加上美妙的聲音，則有錦上添花的效果。由於聲音是在空間上進行傳播的，又具有延續性，因此音樂和聲音可以為你的網站增添不少的精彩。由於一般人對於聽覺的要求遠低於對於視覺的需求，再加上為了在網絡中能夠快速地傳播，所以在網頁中的音樂最好採用midi，rm，mp3，flash等格式，大小一般不要超過100K。還有，你永遠都不要太過分，每點擊一次就發出聲音會讓你的網站令人討厭，並且對你的網站留下不夠專業化的印象。如果你準備要往你的網站中增加一些背景音樂，那麼最好使用一些流格式的音頻軟體，如Real Audio來播放文件。或者，你也可以插入一個Flash文件，循環播放一段音樂。你可以通過在 Flash文件中導入WAV文件的方法完成，或者你也可以到因特網上下載一些免費的相關軟體。如果你要在你的Flash電影中使用聲音，通常加一個“禁音”按鈕，會更好些；如果你用行為腳本控制瀏覽者計算機上的聲音的話，那麼，再加上一個音量控制條。當然，最好不要改變聲音大小是最好的。瀏覽者如果需要，可以自己調整他的計算機的音量。

　　二、技術能力是網頁設計者表現的重要保障

　　網頁設計者如何表現主題，除了前面談到的審美素質是起碼的要求外，更重要的是如何用好軟體，不犯拙劣的錯誤和不留下任何做作的痕跡，這是以高超和恰當的技術來實現的，我們除了考慮下載速度、延遲時間外，還要考慮技術運用的巧妙性和實用性。

　　1．計算機語言的掌握

　　要編輯一個好的網頁，除了會使用優秀的製作平臺外，還要學底層的東西，那就是支持網頁實現功能的幾種語言。你首先得會用HTML語言，知道每段程序給用戶傳達的信息是什麼，再優秀的平臺（例如：FrontPage、Dreamwave）,也只能給用戶展示其基本的功能，要想更深層的達到你的願望，還得依靠你的使用軟體的經驗和親自修改代碼能力；其次是JScript、VBscript，它們可調用系統中的某些特殊功能，讓用戶有更多的選擇性，可以在不同的展示平臺顯示不同的效果，它們能完成HTML語言所不能實現的某些動作。再次就是樣式錶CSS，它可以對你的標題、文字、表格、底色等做到統一，不至於出現放大字體時，網頁版面變得零亂不堪、文字七零八落等等。這四種不同展示網頁的工具，我們不僅要熟悉，還要能靈活運用，它們能給你網頁增添許多生氣和人性化，減少許多之後更新的工作量。要學會這些語言，首先你要懂得編程的基本原理，數據類型、常量和變量、運算符與表達式、流程控制語句的幾種基本類型、數組、函數等等。要知道真正網頁的産生就是由這些基本元素組成的，無論其內容多麼豐富、功能多麼強大、外觀多麼華麗都是這些元素按步驟組織起來的，所以最好學會一門常用的語言，會給你做網頁帶來許多方便。優秀的設計師會挑選最精煉、最少的代碼表現他的思想，他的算法永遠是最巧妙的，這是編程人員所共同努力的事情。

　　2．熟練掌握輔助製作工具會讓你的網頁脫穎而出

　　在編寫網頁的同時，為了更能吸引人、更能與眾不同、更能表現主題，除了學會某些語言外，還得精通某些圖形軟體，如：Photoshop、imageReady、Flash、CorelDraw以及文字編輯工具Word、WPS等，這些工具可以讓你的靈感得以全部實現，可以完成單純語言所不能達到的效果。作為網頁設計者，基本素材的製作，還得依靠這類軟體和自己的雙手。主題背景圖片、導航按鈕、網站LOGO、網頁GIF，甚至整個頁面的製作都可以直接用這些工具實現。在這些工具中拖動圖片或者是文字等都是很隨意的，可以放到任何地方， 而在Frontpage裏採用的是文本編輯的形式，控製表格時由於受到相鄰的圖片、文字或者表格的影響，有時候始終不能達到自己的目的，如此再在表格里加表格，這樣處在外面的表格就更加不好控制。很多時候不但不能排好，甚至會把屏幕搞的亂七八糟。在這些軟體中實現圖片切割和拼裝就像用畫筆一樣簡單，而且能為你自動生成各種切片，自動取名也很直觀，我們要做的工作就是修改或者添加部分代碼就可以了。

　　3．恰當應用動態網頁與數據庫

　　隨著網絡的飛速發展，以及電子商務、虛擬社區等新概念的提出，對網頁設計者提出了這樣一個要求：建立一個動態的、易於更新的、可查詢的、信息豐富的頁面。網頁設計者越來越傾向於建立一個引人注目的站點，以吸引眾多網民經常訪問。

　　所有這一切都需要一個強大的工具，ASP就是其中之一，可以説，ASP是最出色的工具之一，它功能強大、性能優良，為商業網站、企業網站提供了一個完美的解決方案。

　　使用簡單，是ASP無與倫比的優勢。在短短一週內，使用ASP可以完成傳統CGI程序3個月的工作。ASP可以輕鬆地實現電子商務（如商品選購、股票交易）和系統管理（如登錄、查詢）。使用ASP可以完成任何網站上的常見服務。ASP使用VBScript或JScript編程,這兩者有一個共同特點：易於理解，易於擴展。ASP作為WINDOWS2000網站的核心，已經成為Web網頁設計人員的必修課。從誕生到現在，ASP迅速席捲所有的Web應用程序，這也預示著：傳統CGI程序必將為Script語言所取代。後臺數據庫可以使用ACCESS 2000或SQL SERVER等。以上是在技術方面最基礎的東西，如果你以此工作為職業的話，不僅要達到以上要求，還得把握時代的脈搏，掌握先進的語言和軟體的變化，一些流行的製作手段還能給用戶以親切感，使用戶明白你還在不斷更新，讓用戶對你有更大的信任，不會失去訪問量，使你的公司或單位獲得更高的經濟效益和社會效益。

　　因特網是IT界發展最快的領域，其中新的網頁製作技術幾乎每天都會出現，如果不是介紹網絡技術的專業站點，一定要合理地運用網頁製作的新技術，切忌將網站變為一個製作網頁的技術展臺，永遠記住用戶方便快捷地得到所需要的信息是最重要的。 但對於網站設計者來説，必須學習跟蹤掌握網頁設計的新技術，如Java、DHTML、XML等，根據網站的內容和形式的需要合理地應用到設計中。

　　技術問題是一個永遠而新鮮的話題，也是網頁設計的核心，更是編程人員的困惑。網頁設計者不僅要考慮你的設計給用戶的感覺、用戶訪問你的站點的目的，同時還要考慮自己如何運用技術把你的思想表達出來，自己需要哪些工具、哪些素材，如何尋找最好用且適合自己表現的方法。這些就靠自己的日積月累，要使自己時常升級，牢牢地把握住行業的動態，或許這就是網頁設計者永遠要走的路吧。

　　三、文化素質是網頁設計者的根本素質

　　網絡飛速發展、信息迅速傳播、知識不斷更新。無可否認，作為傳播媒體的網格其給人們帶來極大便利的同時，也給人們的思想意識、行為方式、通信聯絡、人際交往等帶來了變化，先進的正在被另一個更先進的悄悄地改寫著，而且正以其強大的力量衝擊著人們的觀念。昨天沒有的答案或許過一個晚上就已經早被刷新過數次了。你的想法前衛嗎？不。你的技術先進嗎？不。你的方法最捷了嗎？不。就連比爾蓋茨也被教訓了一通，宣稱自己的WINDOWS XP系統是最安全的系統，不出一月，盜版風行，破解的方法從世界各地漸次推出，到目前還有很多沒有出錢的WINDOWS XP系統，正在逍遙地和比爾蓋茨在聊天，他下來的工作就只能做最原始的事情了：放置他窺探你的後門；註冊每一個機器的軟硬體；把你的機器設置成他的機器，他想在你那裏幹什麼就幹什麼！將來會變得更糟糕，或許合法用戶也將抱著機器去找比爾蓋茨的麻煩，我想比爾蓋茨會有更多的事情要去完成的。我們期待著最優秀的平臺！

　　在茫茫的網絡中，真正用心去作，守住自己貞操的製作者不多，許多網頁製作者的思想道德和文化素質，還是需要瀏覽者來評論的。上過網的人都有被戲弄過的經歷：要麼是鼠標停不住；要麼是沒有任何工具欄的全屏幕；要麼是一絲不挂的黃色畫面；要麼被網頁修改了主頁；要麼被惡作劇的嚇得個半死；要麼就是聲音響個不停，而我們又沒辦法立刻讓它不響；要麼被人悄悄地格式化了硬盤(格式化了硬盤，你能格式化用戶的心嗎？)；要麼讓用戶填一大堆隱私，結果還是錯誤的頁面；要麼看一篇文章還得不停地點一連串的確認消息框，什麼“你想轉到頁嗎？”“歡迎進入網站，從這裡你會”“請選擇你要去的標題”，最後還提醒你“請將我加入你的最愛喔”……直到把他想問的所有問題問完，結果還是文章內容與搜索的不一致（記住：進入選擇主題，不要讓用戶點擊超過三次）！等等。這些都不是真正要為網絡服務的設計者。這樣做實際上是這個網站關門的前兆，那你作網站的目的又是為了什麼呢？作為製作者首先要凈化自己的思想，定位自己的坐標，上好人生哲學，還網絡一片凈土！存在的並不一定都是合理的。在這些現象中，有設計者的思想道德水平，也有文化素質問題，有些是網頁設計者沒有想到的問題，有些則純屬於技術不夠，拿一些東西嚇人，自稱為高手或黑客（偽黑客），真正的高手或者黑客是不會去做這種無聊的事情的。

　　每個製作網頁的人都希望獲得用戶的最多點擊率，然而點擊率的大小與你網頁的主題、內容、信息量又有極大的關係。上網的用戶大多是來了解信息的，他們的特殊而苛刻的要求，決定了你的網頁必須有鮮明的主題內容，宣傳什麼，要給用戶傳達什麼，在網站規劃書中，必須明確而且以一貫終。公司的網站除了宣揚其企業文化外，更多的應當是新産品介紹、推廣；處理用戶的反饋信息等，而與此無關的頁面儘量減少，分清主次和重點，正確定位自己的形象，是成功的關鍵。行政管理部門、教育部門、IT行業、技術部門都應有不同的風格，都應以自己的行業道德來認真細緻地對待加入這些網站的任何網頁或者鏈結。要突出本行業的主題，並且旗幟鮮明地去突現它，才能更好地樹立形象，要知道在地球上的每一個人都有機會看到你的頁面，不能想到只是局部的影響和效應，同時也維護了健康向上的網絡空間。

　　在製作網頁時，我們還有必要考慮的問題就是瀏覽你的頁面的人群，你要初步確立瀏覽人群的文化素質、操作能力、欣賞水平、目的要求等等，從而在製作中，有的放矢地選擇特殊功能。

　　網頁的載體主體是文字，圖形和聲音只是表現你無法用語言來表達的文字的延伸，如果你駕馭不了圖形和聲音，只能説對文字延伸得不夠或者不得體、或者文不對題。作為設計者的素質不能期望在一兩天能有一個什麼天翻地覆的變化，它是靠時間、靠留心、靠辛勤勞動。所以我們要善待文字，寫好用好它，這是中國人的職責，更是小小網頁要注意的問題。如今的網頁內容良莠不齊、水平各異，文章內容與標題不符、語句不通、滿篇錯字斷句，有些是真正到了無法讀下去的地步了。這些純屬垃圾，影響自己又影響別人，當然好的精品也多。作為網頁設計者不僅要有一顆真誠為瀏覽者服務的心，要廣泛涉獵各個領域的先進成果，特別要提高自己的藝術修養、文學水平以及鑒別能力，只要你用心了，你就會成為真正的高水平的設計者。

責編：費溢群