網(wǎng)頁設(shè)計過程及步驟

網(wǎng)頁設(shè)計過程及步驟網(wǎng)頁設(shè)計過程網(wǎng)頁是信息傳播的媒體，但又不同于傳統(tǒng)媒體，有自己的特殊性。網(wǎng)頁具有交互性、多維性、整合性、多維性、不確定性等特點，它與技術(shù)的結(jié)合更為密切，網(wǎng)頁的超級鏈接功能也使它比傳統(tǒng)媒體更具吸引力。正是因為這些特殊性，網(wǎng)頁的設(shè)計與發(fā)布也有一個特殊的流程。1．項目規(guī)劃馬克思將做事的計劃性看成是人區(qū)別于動物的本質(zhì)特征之一。如果把一個網(wǎng)站比喻為一所房子，那么，沒有事先規(guī)劃和設(shè)計建造起來的“房子”是不會漂亮、牢固的。設(shè)計者必須認真對待站點開發(fā)計劃，這樣才能使網(wǎng)站的建設(shè)經(jīng)得起時間的考驗。這一階段可稱為項目規(guī)劃階段。本階段，首先要明確建立站點的目的，也就是先搞清楚要建一座什么樣的“房子”。這座“房子”可能有以下用途：●個人主頁：發(fā)布個人信息，提供個人服務(wù)，展示個性，同別人廣泛地交流，比如共享業(yè)余愛好等?！耠娮由虅?wù)：首先，有利于樹立企業(yè)的形象。目前國內(nèi)很多大企業(yè)都非常重視企業(yè)形象這種無形資產(chǎn)，建立企業(yè)網(wǎng)頁是宣傳自己的重要手段。擁有國際域名和主頁代表了企業(yè)的實力、規(guī)模和品位?！耠娮映霭鎯?nèi)容的更新、傳遞的速度都比傳統(tǒng)報刊雜志更快捷，影響更廣泛?！裆鐓^(qū)服務(wù)：可以通過郵件列表、新聞組、聊天室和電子公告牌促進社區(qū)人員的信息交流，為背景和地址各不相同的人提供活動的場所?！窬W(wǎng)上教育：遠程教育、終身教育和開放式教育都因此而變?yōu)楝F(xiàn)實。這樣的站點主要靠內(nèi)容來吸引瀏覽者，而不是華而不實的設(shè)計技巧?！裥蓍e娛樂：包括影視站點、音樂站點、旅游站點、游戲站點等，都為瀏覽者提供了休閑娛樂的場所。要求設(shè)計者能夠提供各種多媒體信息，具有很強的編程能力和靈活的設(shè)計思想?！袼囆g(shù)欣賞：如何把作品的含義表達給瀏覽者，是藝術(shù)站點應(yīng)該考慮的問題。因此，設(shè)計者應(yīng)該與藝術(shù)家保持良好的溝通。另外，準確地運用多媒體也是設(shè)計好藝術(shù)站點的關(guān)鍵。網(wǎng)頁設(shè)計的目的，就是滿足瀏覽者的需求。在進行網(wǎng)頁設(shè)計時，設(shè)計者應(yīng)該明確知道來這座“房子”訪問的人都想得到什么。首先必須考慮到服務(wù)對象的技術(shù)背景、受教育程度、閱讀能力、興趣愛好、消費習慣、上網(wǎng)方式等，然后選擇相應(yīng)的網(wǎng)頁內(nèi)容和形式。每一個網(wǎng)頁都是一次機遇和挑戰(zhàn)，設(shè)計者必須在溯rJ階段就認真考慮該為瀏覽者提供哪些適宜而有趣的服務(wù)，以便迎來“回頭客”。2．內(nèi)容組織無論設(shè)計一個什么樣的站點，三個方面的工作：①搜集篩選將要發(fā)布的內(nèi)容組織都將是最大的挑戰(zhàn)。這包括組織內(nèi)容、編寫腳本。②組織內(nèi)容。梳理清楚上述問題以后，就可以進行第二步工作了。組織內(nèi)容這一階段，要求設(shè)計者把搜集到的信息，用清晰明確的文字表達出來。設(shè)計人員可以運用一些語言技巧，確保瀏覽者能夠準確且迅速地理解網(wǎng)頁所要傳達的意圖。③導航。導航，是為了讓瀏覽者在網(wǎng)頁上迅速找到所需的信息。因此，網(wǎng)頁應(yīng)提供目錄索引、在線幫助、站內(nèi)搜索等服務(wù)。印刷品中導航問題不是那么突出。如果一個句子在頁尾突然終止，讀者會很自然地翻到下一頁查找剩余部分。在組織內(nèi)容時還應(yīng)注意以下問題：網(wǎng)站設(shè)計最重要的訣竅，恐怕就是網(wǎng)頁要易讀。這就意味著，我們必須花點心思來規(guī)劃文字與背景顏色的搭配方案。注意不要使背景的顏色沖淡了文字的視覺效果，別用花里胡哨的色彩組合，讓人看起來自己的網(wǎng)頁來很費勁。一般來說，淺色背景下的深色文字為佳。這個要點要求你最好別把文字的規(guī)格設(shè)得太小、也不能太大。文字太小，人家讀起來難受；文字太大，或者文字視覺效果變化頻繁，像是沖著人大喊大叫，看起來不舒服。有的設(shè)計者想通過閃爍的文字來引起訪問者的注意是可以被人理解的，但一個頁面中最多不能有三處閃爍文字，太多了給用戶一種眼花繚亂的感覺，反而會影響用戶去訪問該網(wǎng)站的其他內(nèi)容。另外，最好讓文本左對齊，而不是居中。按當代中文的閱讀習慣，文本大都居左的。當然，標題一般應(yīng)該居中，因為這符合讀者的閱讀習慣。每個頁面都要有導航按鈕應(yīng)當避免強迫用戶使用工具欄中的向前和向后按鈕。設(shè)計時應(yīng)當使用戶能夠很快地找到他們所要的東西。絕大多數(shù)好的站點在每一頁同樣的位置上都有相同的導航條，使瀏覽者能夠從每一頁上訪問網(wǎng)站的任何部分。網(wǎng)頁上所有的圖像、文字，包括像背景顏色、區(qū)分線、字體、標題、注腳什么的，要統(tǒng)一風格，貫穿全站。這樣子讀者看起來舒服、順暢，會對你的網(wǎng)站留下一個“很專業(yè)”的印象。用戶在網(wǎng)上四處漫游，必須設(shè)法吸引和維護他們對我們主頁的注意力。萬維網(wǎng)的其中一個最重大資源是其多媒體能力，所以我們無論如何要善加利用。主頁上最好有醒目的圖像、新穎的畫面、美觀的字款，使其別具特色，令人過目不忘。圖像的內(nèi)容應(yīng)有一定的實際作用，切忌虛飾浮夸。注意圖畫可以彌補文字之不足，但并不能夠完全取代文字。很多用戶把瀏覽軟件設(shè)定為略去圖像，以求節(jié)省時間他們只看文字。因此，制作主頁時，必須注意將圖像所連接的重要信息或聯(lián)接其他頁面的指示用文字重復表達幾次，同時要注意避免使用過大的圖像，如果不得不放置大的圖像在網(wǎng)站上，就最好使用Thumbnailsy等簡便的影像縮圖制作工具軟件，把圖像的縮小版本的預(yù)覽效果顯示出來，這樣用戶就不必浪費金錢和時間去下載他們根本不想看的大圖像。給每個圖形加上文字的說明，在出現(xiàn)之前就可以看到相關(guān)內(nèi)容，尤其是導航按鈕和大圖片更應(yīng)如此。簡明易讀網(wǎng)頁設(shè)計最重要的技巧，就是網(wǎng)站風格整體清新、簡明、易讀?？瓷先ゾ兔靼资鞘裁磧?nèi)容，信息間相互干擾程度降到最低。這就意味著我們必須花點心思來規(guī)劃文字與背景顏色的搭配方案。注意不要使背景的顏色沖淡了文字的視覺效果，一般來說，淺色背景下的深色文字為佳。這個原則也意味著，你最好別把文字的規(guī)格設(shè)得太小、也不能太大。文字太小，人家讀起來難受；文字太大，或者文字視覺效果變化頻繁，像是沖著人大喊大叫，看起來不舒服。網(wǎng)頁風格要統(tǒng)一其實，這個原則和傳統(tǒng)的印刷出版物沒什么區(qū)別。我們網(wǎng)頁上所有的圖像、文字，包括像背景顏色、區(qū)分線、字體、標題、注腳什么的，要統(tǒng)一風格，貫穿全站。頁面容量越小越好，別超過75K。有研究顯示，如果一個網(wǎng)站頁面的主體在15秒之內(nèi)