Web網(wǎng)站設(shè)計(jì)維護(hù)

　　一、目標(biāo)明確、定位正確

　　Web站點(diǎn)的設(shè)計(jì)是企業(yè)或機(jī)構(gòu)發(fā)展戰(zhàn)略的重要組成部分。要將企業(yè)站點(diǎn)作為在因特網(wǎng)－－這個新媒體上展示企業(yè)形象、企業(yè)文化的信息空間，領(lǐng)導(dǎo)一定要給予足夠的重視，明確設(shè)計(jì)站點(diǎn)的目的和用戶需求，從而作出切實(shí)可行的計(jì)劃。

　　挑選與錘煉企業(yè)的關(guān)鍵信息，利用一個邏輯結(jié)構(gòu)有序地組織起來，開發(fā)一個頁面設(shè)計(jì)原型，選擇用戶代表來進(jìn)行測試，并逐步精煉這個原型，形成創(chuàng)意。

　　分析有些網(wǎng)站的效果不如預(yù)想的好，主要原因是對用戶的需求理解有偏差，缺少用戶的檢驗(yàn)造成的。設(shè)計(jì)者常常將企業(yè)的市場營銷和商業(yè)目標(biāo)放在首位，而對用戶和潛在的用戶的真正需求了解不多。所以，企業(yè)或機(jī)構(gòu)應(yīng)清楚地了解本網(wǎng)站的受眾群體的基本情況，如受教育程度、收入水平、需要信息的范圍及深度等，從而能夠有的放矢。

　　二、主題鮮明、富有特色

　　在目標(biāo)明確的基礎(chǔ)上，完成網(wǎng)站的構(gòu)思創(chuàng)意即總體設(shè)計(jì)方案。對網(wǎng)站的整體風(fēng)格和特色作出定位，規(guī)劃網(wǎng)站的組織結(jié)構(gòu)。

　　Web站點(diǎn)應(yīng)針對所服務(wù)對象（機(jī)構(gòu)或人）不同而具有不同的形式。有些站點(diǎn)只提供簡潔文本信息；有些則采用多媒體表現(xiàn)手法，提供華麗的圖像、閃爍的燈光、復(fù)雜的頁面布置，甚至可以下載聲音和錄像片段。最好的Web站點(diǎn)將把圖形圖像表現(xiàn)手法與有效的組織與通信結(jié)合起來。

　　要做到主題鮮明突出，力求簡潔，要點(diǎn)明確，以簡單明確的語言和畫面告訴大家本站點(diǎn)的主題，吸引對本站點(diǎn)有需求的人的視線，對無關(guān)的人員也能留下一定的印象。對于一些行業(yè)標(biāo)志和公司的標(biāo)志應(yīng)充分加以利用。

　　調(diào)動一切手段充分表現(xiàn)網(wǎng)站的個性和情趣，突出個性，辦出網(wǎng)站的特色。

　　Web站點(diǎn)主頁應(yīng)具備的基本成分包括：

　　頁頭：準(zhǔn)確無誤地標(biāo)識你的站點(diǎn)和企業(yè)標(biāo)志；

　　E-mail地址：用來接收用戶垂詢；

　　聯(lián)系信息：如普通郵件地址或電話；

　　版權(quán)信息。

　　注意重復(fù)利用已有信息，如客戶手冊、公共關(guān)系文檔、技術(shù)手冊和數(shù)據(jù)庫等可以輕而易舉地用到企業(yè)的Web站點(diǎn)中。

　　三、版式編排布局合理

　　網(wǎng)頁設(shè)計(jì)作為一種視覺語言，當(dāng)然要講究編排和布局，雖然主頁的設(shè)計(jì)不等同于平面設(shè)計(jì)，但它們有許多相近之處，應(yīng)充分加以利用和借鑒。

　　版式設(shè)計(jì)通過文字圖形的空間組合，表達(dá)出和諧與美。版式設(shè)計(jì)通過視覺要素的理性分析，和嚴(yán)格的形式構(gòu)成訓(xùn)練，培養(yǎng)對整體畫面的把握能力和審美能力。一個優(yōu)秀的網(wǎng)頁設(shè)計(jì)者也應(yīng)該知道哪一段文字圖形該落于何處，才能使整個網(wǎng)頁生輝。

　　努力做到整體布局合理化、有序化、整體化。優(yōu)秀之作，善于以巧妙、合理的視覺方式使一些語言無法表達(dá)的思想得以闡述，做到豐富多樣而又簡潔明了。

　　多頁面站點(diǎn)頁面的編排設(shè)計(jì)要求把頁面之間的有機(jī)聯(lián)系反映出來，這里主要的問題是頁面之間和頁面內(nèi)的秩序與內(nèi)容的關(guān)系。為了達(dá)到最佳的視覺表現(xiàn)效果，應(yīng)講究整體布局的合理性。特別是關(guān)系十分緊密的有上下文關(guān)系的頁面，一定設(shè)計(jì)有向前和向后的按鈕，便于瀏覽者仔細(xì)研讀。

　　站點(diǎn)設(shè)計(jì)簡單有序，主次關(guān)系分明，將零亂頁面的組織過程混雜的內(nèi)容依整體布局的需要進(jìn)行分組歸納，經(jīng)過進(jìn)行具有內(nèi)在聯(lián)系的組織排列，反復(fù)推敲文字、圖形與空間的關(guān)系，使瀏覽者有一個流暢的視覺體驗(yàn)。

　　四、色彩和諧重點(diǎn)突出

　　色調(diào)及黑、白、灰的三色空間關(guān)系不論在設(shè)計(jì)還是在繪畫方面都起著重要的作用。在頁面上一定得明確調(diào)性，而其它有色或無色的內(nèi)容均屬黑、白、灰的三色空間關(guān)系，從而構(gòu)成它們的空間層次。

　　色彩是藝術(shù)表現(xiàn)的要素之一，它是光刺激眼睛再傳導(dǎo)到大腦中樞而產(chǎn)生的一種感覺。在網(wǎng)頁設(shè)計(jì)中，根據(jù)和諧、均衡和重點(diǎn)突出的原則，將不同的色彩進(jìn)行組合、搭配來構(gòu)成美麗的頁面。

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

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

　　五、形式內(nèi)容和諧統(tǒng)一

　　形式服務(wù)于內(nèi)容，內(nèi)容又為目的服務(wù)，形式與內(nèi)容的統(tǒng)一是設(shè)計(jì)網(wǎng)頁的基本原則之一。

　　畫面的組織原則中，將豐富的意義和多樣的形式組織在一個統(tǒng)一的結(jié)構(gòu)里，形式語言必須符合頁面的內(nèi)容，體現(xiàn)內(nèi)容的豐富含義。

　　運(yùn)用對比與調(diào)和，對稱與平衡，節(jié)奏與韻律以及留白等手段，如通過空間、文字、圖形之間的相互關(guān)系建立整體的均衡狀態(tài)，產(chǎn)生和諧的美感。如對稱原則在頁面設(shè)計(jì)中，它的均衡有時會使頁面顯得呆板，但如果加入一些動感的的文字、圖案，或采用夸張的手法來表現(xiàn)內(nèi)容往往會達(dá)到比較好的效果。

　　點(diǎn)、線、面是視覺語言中的基本元素，使用點(diǎn)、線、面的互相穿插、互相襯托、互相補(bǔ)充構(gòu)成最佳的頁面效果。

　　點(diǎn)是所有空間形態(tài)中最簡潔的元素，也可以說是最活躍、最不安分的元素。設(shè)計(jì)中，一個點(diǎn)就可以包羅萬象，體現(xiàn)設(shè)計(jì)者的無限心思，網(wǎng)頁中的圖標(biāo)，單個圖片，按鈕或一團(tuán)文字等都可以說是點(diǎn)。點(diǎn)是靈活多變的，我們可以將一排文字視為一個點(diǎn)，將一個圖形視為一個點(diǎn)。在網(wǎng)頁設(shè)計(jì)中的點(diǎn)，由于大小、形態(tài)、位置的不同而給人不同的心理感受。

　　線是點(diǎn)移動的軌跡，線在編排設(shè)計(jì)中有強(qiáng)調(diào)、分割、導(dǎo)線，視覺線的作用。線會因方向、形態(tài)的不同而產(chǎn)生不同的視覺感受，例如垂直的線給人平穩(wěn)、挺立的感覺，弧線使人感到流暢、輕盈；曲線使人跳動、不安。在頁面中內(nèi)容較多時，就需進(jìn)行版面分割，通過線的分割保證頁面良好的視覺秩序，頁面在直線的分割下，產(chǎn)生和諧統(tǒng)一的美感；通過不同比例的空間分割，有時會產(chǎn)生空間層次韻律感。

　　面的形態(tài)除了規(guī)則的幾何形體外，還有其它一些不規(guī)則的形態(tài)，可以說表現(xiàn)形式是多種多樣的。面在平面設(shè)計(jì)中是點(diǎn)的擴(kuò)大，線的重復(fù)形成的。面狀給人以整體美感，使空間層次豐富，使單一的空間多元化，在表達(dá)較含蓄。

　　網(wǎng)頁設(shè)計(jì)中點(diǎn)、線、面的運(yùn)用并不是孤立的，很多時候都需要將它們結(jié)合起來，表達(dá)完美的設(shè)計(jì)意境。

　　六、三維空間指置有方

　　網(wǎng)絡(luò)上的三維空間是一個假想空間，這種空間關(guān)系需借助動靜變化、圖像的比例關(guān)系等空間因素表現(xiàn)出來。

　　在頁面中圖片、文字位置前后疊壓，或位置疏密或頁面上、左、右、中、下位置所產(chǎn)生的視覺效果都各不相同。在網(wǎng)頁上，圖片、文字前后疊壓所構(gòu)成的空間層次目前還不多見，網(wǎng)上更多的是一些設(shè)計(jì)得比較規(guī)范化、簡明化的頁面，這種疊壓排列能產(chǎn)生強(qiáng)節(jié)奏的空間層次，視覺效果強(qiáng)烈。網(wǎng)頁上常見的是頁面上、左、右、下、中位置所產(chǎn)生的空間關(guān)系，以及疏密的位置關(guān)系所產(chǎn)生的空間層次，這兩種位置關(guān)系使視覺流程生動而清晰，視覺注目程度高。疏密的位置關(guān)系使產(chǎn)生的空間層次富有彈性，同時也讓人產(chǎn)生輕松或緊迫的心理感受。

　　需指出，隨著Web的普及和計(jì)算機(jī)技術(shù)的迅猛發(fā)展，人們對Web語言的要求也日益增長。人們已不滿足于HTML語言編制的二維Web頁面，三維世界的誘惑開始吸引更多的人，虛擬現(xiàn)實(shí)要在Web網(wǎng)上展示其迷人的風(fēng)采，于是VRML語言出現(xiàn)了。VRML是一種面向?qū)ο笠环N語言，它類似Web超級鏈接所使用的HTML語言，也是一種基于文本的語言，并可以運(yùn)行在多種平臺之上，只不過能夠更多的為虛擬現(xiàn)實(shí)環(huán)境服務(wù)。VRML只是一種語言，對于三維環(huán)境的藝術(shù)設(shè)計(jì)仍需要理論和實(shí)踐指導(dǎo)。

　　七、多媒體功能的利用

　　最大資源優(yōu)勢在于多媒體功能，因而要盡一切努力挖掘它，吸引瀏覽者保持注意力。因而畫面的內(nèi)容應(yīng)當(dāng)有一定的實(shí)用性，如產(chǎn)品的介紹甚至可以用三維動畫來表現(xiàn)。

　　這里需要注意的問題是，由于網(wǎng)絡(luò)帶寬的限制，在使用多媒體的形式表現(xiàn)網(wǎng)頁的內(nèi)容時應(yīng)考慮客戶端的傳輸速度，或者說將多媒體的內(nèi)容控制在用戶可接收的下載時間內(nèi)是十分必要的。

　　八、相關(guān)站點(diǎn)引導(dǎo)鏈接

　　一個好的網(wǎng)站的基本要素是用戶進(jìn)入后，與本網(wǎng)站相關(guān)的信息都可以方便快捷地找到，其中要借助于相關(guān)的站點(diǎn)，所以做好導(dǎo)引是一項(xiàng)重要的工作。超文本這種結(jié)構(gòu)使全球所有聯(lián)上因特網(wǎng)的計(jì)算機(jī)成為超大規(guī)模的信息庫，鏈接到其它網(wǎng)站輕而易舉。

　　在設(shè)計(jì)網(wǎng)頁的導(dǎo)引組織時，應(yīng)該給出多個相關(guān)網(wǎng)站的鏈接，使得用戶感到想得到的信息就在鼠標(biāo)馬上就可以點(diǎn)擊的地方。

　　九、網(wǎng)站測試必不可少

　　為什么精心設(shè)計(jì)的網(wǎng)站是經(jīng)得起推敲的，就是因?yàn)樗?jīng)過認(rèn)真細(xì)致的測試。測試實(shí)際上就是模擬用戶訪問網(wǎng)站的過程，得以發(fā)現(xiàn)問題改進(jìn)設(shè)計(jì)。

　　由于一般網(wǎng)站設(shè)計(jì)都是一些專業(yè)人員設(shè)計(jì)的，他們對計(jì)算機(jī)和網(wǎng)絡(luò)有較深的理解，但要考慮到訪問網(wǎng)站的大部分人只是使用計(jì)算機(jī)和網(wǎng)絡(luò)，應(yīng)切實(shí)滿足他們的需要。所以有許多成功的經(jīng)驗(yàn)表明，讓對計(jì)算機(jī)不是很熟悉的人來參加網(wǎng)站的測試工作效果非常好，這些人會提出許多專業(yè)人員沒有顧及到的問題或一些好的建議。

　　十、及時更新認(rèn)真回復(fù)

　　企業(yè)Web站點(diǎn)建立后，要不斷更新內(nèi)容，利用這個新媒體宣傳本企業(yè)的企業(yè)文化、企業(yè)理念、企業(yè)新產(chǎn)品。站點(diǎn)信息的不斷更新和新產(chǎn)品的不斷推出，讓瀏覽者感到企業(yè)的實(shí)力和發(fā)展，同時也會使企業(yè)更加有信心。

　　在企業(yè)的Web站點(diǎn)上，要認(rèn)真回復(fù)用戶的電子郵件和傳統(tǒng)的聯(lián)系方式如信件、電話垂詢和傳真，做到有問必答。最好將用戶進(jìn)行分類，如：售前一般了解、銷售、售后服務(wù)等，由相關(guān)部門處理，使網(wǎng)站訪問者感受到企業(yè)的真實(shí)存在，產(chǎn)生信任感。

　　注意不要許諾你實(shí)現(xiàn)不了的東西，在你真正有能力處理回復(fù)之前，不要懇求用戶輸入信息或羅列一大堆自己不能及時答復(fù)的電話號碼。

　　如果要求訪問者自愿提供其個人信息，應(yīng)公布并認(rèn)真履行一個個人隱私保護(hù)承諾，如不向第三方提供此信息等。

　　十一、合理地運(yùn)用新技術(shù)

　　因特網(wǎng)是IT界發(fā)展最快的領(lǐng)域，其中新的網(wǎng)頁設(shè)計(jì)技術(shù)幾乎每天都會出現(xiàn)，如果不是介紹網(wǎng)絡(luò)技術(shù)的專業(yè)站點(diǎn)，一定要合理地運(yùn)用網(wǎng)頁設(shè)計(jì)的新技術(shù)，切忌將網(wǎng)站變?yōu)橐粋€設(shè)計(jì)網(wǎng)頁的技術(shù)展臺，永遠(yuǎn)記住用戶方便快捷地得到所需要的信息是最重要的。

　　但對于網(wǎng)站設(shè)計(jì)者來說，必須學(xué)習(xí)跟蹤掌握網(wǎng)頁設(shè)計(jì)的新技術(shù)，如Java、DHTML、XML等，根據(jù)網(wǎng)站的內(nèi)容和形式的需要合理地應(yīng)用到設(shè)計(jì)中。

　　十二、推廣站點(diǎn)的方法 廣泛散布你的Web地址

　　網(wǎng)站已經(jīng)建好，下面的工作是歡迎大家訪問瀏覽。那么如何讓人們知道你的網(wǎng)址呢？

　　利用傳統(tǒng)的媒體(如印刷廣告公關(guān)文檔及促售宣傳等)，歡迎所有人參觀是一種十分有效的方法；

　　對待公司的網(wǎng)址象對待其商標(biāo)一樣，印制在商品的包裝和宣傳品上；

　　與其他網(wǎng)站交換鏈接或購買其他網(wǎng)站的圖標(biāo)廣告；

　　向因特網(wǎng)上的導(dǎo)航臺提交本站點(diǎn)的網(wǎng)址和關(guān)鍵詞，在頁面的原碼中，可使用META標(biāo)簽加入主題詞，以便于搜索引擎識別檢索，使你的站點(diǎn)易于被用戶查詢到。注意向訪問率較高的導(dǎo)航臺，如Yahoo、Excite 、AltaVista、Infoseek、HotBot注冊；

　　通過在網(wǎng)站上設(shè)立有獎競賽的方式，讓瀏覽者填寫如年齡、行業(yè)、需求、光顧本站點(diǎn)的頻度等信息，從而得到訪問者的統(tǒng)計(jì)資料，這些可是一筆財(cái)富，以供調(diào)整網(wǎng)站設(shè)計(jì)和內(nèi)容更新時參考。

　　總之，在每天不斷增長的Web站點(diǎn)中，如何獨(dú)樹一幟、鶴立雞群是對網(wǎng)站設(shè)計(jì)者綜合能力的考驗(yàn)和挑戰(zhàn)。