網(wǎng)站設(shè)計(jì)技巧
2011-08-26 文章來源: 深達(dá)設(shè)計(jì)
1、使用者優(yōu)先的觀念
無論什么時候，不管是著手準(zhǔn)備設(shè)計(jì)HomePage之前。正在設(shè)計(jì)之中，或者已經(jīng)設(shè)計(jì)完畢，有一個最高行動準(zhǔn)則一定要牢記在心，那就是∶使用者優(yōu)先。因?yàn)闆]有使用者去光顧， 任何自認(rèn)再好的HomePage都是沒有意義的。
2、考慮大多數(shù)人的連線狀況
您或許使用辦公室的ISDN，也可能使用學(xué)校的高速專線，但您都必須知道，目前大多數(shù)人所使用的還是14.4K或28.8KModem透過電話線路的緩慢連線方式 ，而且塞車塞得很嚴(yán)重。所以您在設(shè)計(jì)HomePage時就必需以這種普遍狀況為設(shè)計(jì)參考量，不要放置一堆會加重塞車情形或讓人等得發(fā)火的東西。最后，完成之后, 您最好自己透過遠(yuǎn)端Modem撥接上網(wǎng)的方式來親自測試一下。
3、考慮使用者的瀏覽器
其次，必需考慮使用者的瀏覽器軟件，如果您想要讓所有的人都可以毫無障礙地觀看您的HomePage，那么最好使用所有瀏覽器都可以閱讀的格式，不要使用只有部份瀏覽器可以支持的HTML格式或程序技巧。如果想要展現(xiàn)自己的高超技術(shù)又不想放棄一些潛在觀眾，可以考慮在主頁中設(shè)置幾種不同的觀賞模式選項(xiàng)（例如純文字模式、Frame模式、Java模式等等），供瀏覽者自行選擇。
4、內(nèi)容第一
“內(nèi)容永遠(yuǎn)第一”，這句話適合書本，更適合網(wǎng)絡(luò)上的HomePage，而且?guī)缀趺總€參與提供意見的人都舉雙手贊成這句話。沒有內(nèi)容的書本已經(jīng)夠令人討厭， 但至少您還可以很快判斷出來，而HomePage呢？您可能得耗費(fèi)一整個晚上的時間與金錢，才會發(fā)現(xiàn)原來網(wǎng)站里根本沒有您要找的東西，這種痛苦真不是三言兩語可以形容。內(nèi)容可以是任何東西，包括文字、圖片、影像、聲音等等，但請記住一點(diǎn)：一定要跟這個網(wǎng)站所要提供給人的訊息有關(guān)系。再提醒一次∶內(nèi)容永遠(yuǎn)第一！
一個好的網(wǎng)站在進(jìn)行實(shí)際的HomePage建置之前，首先應(yīng)該考慮什么條件呢?它們包括有：牢記使用者優(yōu)先的觀念、考慮大多數(shù)人的連線狀況、考慮使用者的瀏覽器，以及內(nèi)容第一等等。再來看看在著手HomePage的實(shí)際建置過程中，所應(yīng)該掌握的幾個重點(diǎn)原則。
5、著手規(guī)劃、確定特色、鎖定目標(biāo)
不管做什么事，一定要進(jìn)行規(guī)劃，建置網(wǎng)站更是如 此。規(guī)劃時必須確定自己網(wǎng)站的性質(zhì)、 提供內(nèi)容、目標(biāo)觀眾，然后根據(jù)本身的軟硬件條件來設(shè)置范圍。網(wǎng)絡(luò)的特色是及時、新鮮、豐富、熱鬧，這是吸引大家上網(wǎng)的條件，如果本身?xiàng)l件強(qiáng)大，可以根據(jù)上述原則使自己網(wǎng)站成為一個全方位的信息提供者，如果不足，就成為單方面的提供者；此外，還可以在特殊議題或主題上加以突出，進(jìn)一步鎖定目標(biāo)觀眾。
6、第一頁很重要
第一頁是最重要的東西，因?yàn)樗莿e人認(rèn)識這個網(wǎng)站的第一印象。如果是新開幕的站臺，最好在第一頁就對這個網(wǎng)站的性質(zhì)與所提供內(nèi)容做個扼要說明與導(dǎo)引，讓別人判斷要不要繼續(xù)進(jìn)入里面。最好第一頁就有很清楚的類別選項(xiàng)，而且盡量符合人性化，讓參觀者可以很快找到需要的主題。在設(shè)計(jì)上，最好秉持干凈而清爽的原則。第一、若無需要，盡量不要放置大型圖形文件或加上不當(dāng)?shù)某绦?，因?yàn)樗鼤黾酉螺d時間，導(dǎo)致觀賞者失去耐心；第二、畫面不要散置得太過雜亂無序，因?yàn)橛^賞者會找不到東西。記?。菏〉牡谝豁摃屧S多人掉頭遠(yuǎn)去，不可不慎。
7、分類
內(nèi)容的分類很重要，可以按主題分類、按性質(zhì)分類、按機(jī)關(guān)組織分類，或按人類思考直覺式地分類等等，一般而言，按人類的直覺式思考會比較親切。但無論哪一種分類方法，都要讓使用者可以很容易找到目標(biāo)。而且分類方法最好盡量保持一致，若要混用多種分類方法也要掌握不讓使用者搞混的原則。此外，在每個分類選項(xiàng)的旁邊或下一行，最好也加上這個選項(xiàng)內(nèi)容的簡要說明。
8、互動性
WWW的另一個特色就是互動。好的網(wǎng)站 HomePage必須與使用者有良好的互動性，包括在整個設(shè)計(jì)呈現(xiàn)、使用介面導(dǎo)引上等等，都應(yīng)該掌握互動的原則，讓使用者感覺他的每一步都確實(shí)得到適當(dāng)?shù)幕貞?yīng)，這部份需要一些設(shè)計(jì)上的技巧與軟硬件支持。事實(shí)上，好的網(wǎng)站HomePage設(shè)計(jì)必須加上個人技巧、經(jīng)驗(yàn)累積以及軟硬件技術(shù)的配合運(yùn)用等。
9、圖形應(yīng)用技巧
圖形是WWW網(wǎng)站的特色之一，它帶有醒目、吸引人以及傳達(dá)訊息的功能，好的圖形應(yīng)用可以讓HomePage增色不少 ，但不當(dāng)?shù)膱D形應(yīng)用則會帶來反效果，而其中又以大量使用無意義及大型的圖形成為HomePage的敗筆。筆者建議，如果可以，應(yīng)盡量縮小或省略圖形。目前國內(nèi)的網(wǎng)絡(luò)傳輸資源極為有限，因此使用圖形時一定要考慮傳輸時間的問題。根據(jù)經(jīng)驗(yàn)與統(tǒng)計(jì)，使用者可以忍受的最長等待時間大約是90秒鐘，如果您的HomePage無法在這段時間內(nèi)傳輸并顯示完畢，那么使用者就會毫不留情掉頭離去。因此必須依據(jù)HTML 文件、圖形文件的大小，考慮傳輸速率、延遲時間、網(wǎng)絡(luò)交通狀況，以及服務(wù)端與使用者端的軟硬件條件，估算HomePage 的傳輸與顯示時間。在圖形使用上，盡量采用一般瀏覽器均可支持的壓縮圖形格式，例如JPEG與GIF等，而其中JPEG的壓縮效果較好，適合中大型的圖形，可以節(jié)省傳輸時間。如果真要放置大型圖形文件，最好將圖形文件與HomePage分開，在HomePage中先顯示一個具有連結(jié)功能的縮小圖檔或是一行說明文字，然后加上該圖形文件大小的說明（例如100KB），如此不僅加快HomePage的傳輸，而且可以讓使用者判斷是否繼續(xù)進(jìn)入觀看。
10、圖形加上說明
此外，還有一點(diǎn)要特別提醒，許多網(wǎng)站建置者常常忽略了這件事。為了節(jié)省傳輸時間，許多人習(xí)慣采用“關(guān)閉圖形“ 的模式再觀看您的HomePage（甚至有人使用純文字的瀏覽器 ）。因此當(dāng)您在放置圖形時，一定要記得為每個圖形加上不顯示時的說明文字（也就是在HTML文件中的圖形文件后面加上alt文字說明），如此使用者才能知道這個圖形代表什么意義，判斷要不要觀看。特別是如果這個圖形具有可連結(jié)的選項(xiàng)功能時，千萬記得一定 要加上說明文字，并給予同樣的可連結(jié)功能。
11、背景底色
不少人喜歡在HomePage中加上背景圖案，認(rèn)為如此可以增加美觀，但卻不知這樣會耗費(fèi)傳輸時間，而且容易影響閱讀視覺，反而給予使用者不好的印象。筆者建議，若沒有絕對必要，最好避免使用背景圖案，保持干凈清爽的本文。但如果真的喜歡使用背景，那么最好使用單一色系，而且要跟前景的文字可以明顯區(qū)別，最忌諱使用花俏多色的背景，因?yàn)檫@樣不僅大量耗費(fèi)傳輸與顯示時間，而且會嚴(yán)重混亂使用者的閱讀。
12、HTML格式的注意事項(xiàng)
有關(guān)HTML的撰寫方面，應(yīng)注意以下的一些注意事項(xiàng)；不少人在撰寫HTML文件時，會簡略一些命令格式，但為了日后維護(hù)方便，撰寫HTML時最好架構(gòu)完整，而且初學(xué)者也可以藉此對HTML語法有正確認(rèn)識。另外，如果本身網(wǎng)站想讓別人可以透過搜尋站來找到， 那么千萬不要忘了在〈Title〉指令中加上可供搜尋的關(guān)鍵字串。為了增加與使用者的互動，HomePage中最好也加上可供使用者表達(dá)意見的E－mail信箱，在HTML中一定要注意它的格式命令寫法，許多人在這個地方常常寫錯。另外，在PC系統(tǒng)下，文件的大小寫不分，但在UNIX系統(tǒng)下，則大小寫有區(qū)分，需要注意。
13、避免濫用技術(shù)
技術(shù)是令人著迷的東西，許多人也喜歡使用技術(shù)。專家普遍指出，好的技術(shù)運(yùn)用會讓HomePage栩栩如生，令人嘆為觀止；但不當(dāng)?shù)募夹g(shù)則適得其反，反而成為HomePage的大敗筆。首先，使用技術(shù)時一定要考慮傳輸時間，不要成為他人觀看的沉重負(fù)擔(dān)；其次，技術(shù)一定要與本身網(wǎng)站的性質(zhì)及內(nèi)容相配合，不要耍了一大堆不相干的技術(shù)。有一個最常見的技術(shù)應(yīng)用，就是利用javascript撰寫一個走馬燈的功能，讓文字可以動態(tài)地顯示在窗口的最下一欄，這種方式看起來似乎很酷，但卻容易遮住該位置原本用來顯示地址及傳輸狀態(tài)的功能，反而造成使用者的不便。何況既然只是顯示一兩個文字，何不直接放在HTML本文中呢？Java小程序也是目前網(wǎng)絡(luò)上的常見技術(shù)，它是一個好用的利器，擅長于動態(tài)物象的呈現(xiàn)，雖然只要瀏覽器支持就可以動，但同樣，也需要考慮傳輸時間，以及一般人的電腦系統(tǒng)負(fù)荷等問題。最后，技術(shù)最好不要用得太過多樣而復(fù)雜，有些人似乎不展現(xiàn)功力就不快樂，所以也不管合不合適，就把所有可用技術(shù)全部用在里面，這時大家就會看到一個慘不忍睹的HomePage。
14、即時、更新、維護(hù)
不要忘記，大家都想看新鮮的東西，沒人對過時信息有興趣， 所以資料一定要注意即時性。有些網(wǎng)站半年沒更新，感覺就像一池死水。如果想要經(jīng)營一個帶有即時性質(zhì)的網(wǎng)站， 除了注意內(nèi)容外，資料還要記得每日更新。筆者建議，不妨每隔一陣子就對頁面設(shè)計(jì)做一次小翻新，時時保持新鮮感。最后，須考量的就是事后維護(hù)管理的問題，寫HomePage很簡單，但維護(hù)管理就比較繁人，它的工作往往偏重屬重復(fù)而死板。個人性質(zhì)的網(wǎng)站在維護(hù)管理上比較簡單，但公司網(wǎng)站如此不僅加快HomePage的傳輸，而且可以讓使用者判斷是否繼續(xù)進(jìn)入觀看。
文章來自于:http://www.web630.com
