網(wǎng)站設計必知的65條原則(一) |
作者:佚名 發(fā)布時(shí)間:2011-12-19 瀏覽:1325次 |
01 明確內容 如果你想成為一個(gè)網(wǎng)站設計者,并正想建一個(gè)網(wǎng)站的話(huà),首先應該考慮網(wǎng)站的內容,包括網(wǎng)站功能和你的用戶(hù)需要什么。你的整個(gè)設計都應該圍繞這些方面來(lái)進(jìn)行。 02 抓住用戶(hù) 如果用戶(hù)不能夠迅速地進(jìn)入你的網(wǎng)站,或操作不便捷,網(wǎng)站設計就是失敗的。不要讓用戶(hù)失望而轉向你的對手的網(wǎng)站。 03 優(yōu)化內容 內容是核心。大約在兩年以前,企業(yè)網(wǎng)站就像一本廣告冊子,更槽糕的是,網(wǎng)站使用了大量的圖片,似乎要幾個(gè)世紀才能下載完。 Chanels網(wǎng)站(www.channels.co.uk)在設計的某些方面是成功的,但是內容太貪乏,并且要花很長(cháng)時(shí)間才能找到所要的東西,因此不能算是一個(gè)成功的網(wǎng)站。 04 快速下載 沒(méi)有什么比要花很長(cháng)時(shí)間下載頁(yè)面更槽糕的了。作為一條經(jīng)驗,一個(gè)標準的網(wǎng)頁(yè)應不大于60K,通過(guò)56K調制解調器加載花30秒的時(shí)間。有的設計者說(shuō)網(wǎng)頁(yè)加載應在15秒內。 05 網(wǎng)站升級 時(shí)刻注意網(wǎng)站的運行狀況。性能很好的主機隨著(zhù)訪(fǎng)問(wèn)人數的增加,可能會(huì )運行緩慢。但是,如果你不想失去訪(fǎng)問(wèn)者的話(huà),一定要仔細計劃好你的升級計劃。 06 堅持基本原則 即使你不懂HTML語(yǔ)言,你只需購買(mǎi)一個(gè)有版權的所見(jiàn)即所得的網(wǎng)頁(yè)設計工具,如Adobe PageMill 或 Microsoft FrontPage Express,就可以創(chuàng )建一個(gè)看起來(lái)很合理的網(wǎng)站。但是,在設計時(shí),這些軟件包雖然不需要HTML,卻使網(wǎng)站速度下降。 為了成功地設計網(wǎng)站,你必須理解HTML是如何工作的。大多數的網(wǎng)站設計者建議網(wǎng)絡(luò )新手應從有關(guān)HTML的書(shū)中去尋找答案,用Notepad制作網(wǎng)頁(yè)。 07 學(xué)習HTML 用HTML設計網(wǎng)站,可以控制設計的整個(gè)過(guò)程。但是,如果你僅僅是網(wǎng)站設計的新手,你應該尋找一個(gè)允許修改HTML的軟件包。HomeSite4是一個(gè)很好的Web設計工具。在設計過(guò)程中,HomeSite4能幫助你學(xué)習HTML。它還允許你切換到所見(jiàn)即所得的模式,以便你在把網(wǎng)站發(fā)送到Web之前,預覽你的網(wǎng)站。 08 用筆畫(huà)一個(gè)網(wǎng)站的框架 圣人云:筆比劍更強大。在用計算機之前,用筆畫(huà)一個(gè)網(wǎng)站的框架,顯示出所有網(wǎng)頁(yè)的相互關(guān)系。計劃好你的用戶(hù)如何以最少的時(shí)間瀏覽你的網(wǎng)站。 09 “在計算機上永遠也找不到好的方案”。 ——專(zhuān)家忠告 10 網(wǎng)站地圖 許多設計者把他們的網(wǎng)站地圖放在網(wǎng)站上,這種做法,卻是弊大于利。絕大部分的訪(fǎng)問(wèn)者上網(wǎng)是尋找一些特別的信息,他們對于你的網(wǎng)站是如何工作的,并沒(méi)有興趣。如果你覺(jué)得你的網(wǎng)站需要地圖,那很可能是需要改進(jìn)你的導航和工具條 11 “睜大你的眼睛,留意所有的事情。對最不相關(guān)的東西的觀(guān)察可以得到最好的靈感。觀(guān)察一個(gè)站點(diǎn)的結構和設計。理解站點(diǎn)結構的關(guān)鍵元素,確保你的設計是圍繞站點(diǎn)瀏覽進(jìn)行的?!?——專(zhuān)家忠告 12 點(diǎn)擊規則 聽(tīng)說(shuō)過(guò)3次點(diǎn)擊規則嗎?對于小型網(wǎng)站,在你的主頁(yè)上,沒(méi)有任何一條信息,需要點(diǎn)擊次數超過(guò)3次的。對于大型網(wǎng)站,使用導航和工具條來(lái)改善操作。 13 特殊字體的應用 雖然你可以在你的HTML中使用特殊的字體,但是,你不可能預測你的訪(fǎng)問(wèn)者在他們的計算機上將看到什么。在你的計算機里看起來(lái)相當好的頁(yè)面,在另一個(gè)不同的平臺上看起來(lái)可能非常糟糕。一些網(wǎng)站設計員喜歡使用來(lái)定義特性,這雖然允許你使用特殊的字體,但是仍需要一些變通的方法,以免你所選擇的字體在訪(fǎng)問(wèn)者的計算機上不能顯示。級聯(lián)風(fēng)格表CSS有助于解決這些問(wèn)題,但是只有最新版的瀏覽器才支持CSS。 14 “使用切合實(shí)際的簡(jiǎn)便的命名規則?!?——專(zhuān)家忠告 15 檢查錯別字 好的拼寫(xiě)是人們一生中重要的技能。但是遺憾的是,許多設計者都缺少這種技能。確保你拼寫(xiě)正確,并且格外注意平常容易誤寫(xiě)的錯別字。 16 避免長(cháng)文本頁(yè)面 在一個(gè)站點(diǎn)上有許多只有文本的頁(yè)面,是令人乏味的,且也浪費Web的潛力。如果你有大量的基于文本的文檔,應當以Adobe Acrobat格式的文件形式來(lái)放置,以便你的訪(fǎng)問(wèn)者能離線(xiàn)閱讀。 17 不要使用卷滾條 人們厭惡在網(wǎng)上使用卷滾條。Trouble網(wǎng)站(www.Trouble.co.uk)是一個(gè)典型的設計很差的網(wǎng)站。它基于一個(gè)浮動(dòng)的架構,為了閱讀所有的文本,瀏覽者不得不使用卷滾條。 18 專(zhuān)家最喜愛(ài)的Web設計工具 1.Adobe Photoshop 2.Macromedia Flash 3.Adobe Illustrator 4.Adobe ImageRead 5.Dreamweaver 6.Macromedia Fireworks 7. Allaire Homesites 8.Microsoft Notepad 9. Macromedia Director 10. lightwave 11. Macromedia Freehand 12.其它:Adobe Acrobat Exchange,Allaire ColdFusion,BBEdit,HTML Validator等。 19 網(wǎng)站介紹 你應當有一個(gè)很清晰的網(wǎng)站介紹,告訴訪(fǎng)問(wèn)者你的網(wǎng)站能夠提供些什么,以便訪(fǎng)問(wèn)者能找到想要的東西。但是,許多設計者都沒(méi)有這樣做。有效的導航條和搜索工具使人們很容易找到有用的信息,這對訪(fǎng)問(wèn)者很重要。告訴訪(fǎng)問(wèn)者你所提供的正是他們想要的信息。 20 “網(wǎng)站一旦發(fā)布,網(wǎng)站設計的優(yōu)點(diǎn)和缺陷全都公布于世。沒(méi)有什么方法使你能夠比從自己的錯誤、傾聽(tīng)其他人的建議和用戶(hù)反饋意見(jiàn)中學(xué)到更多的東西?!?——專(zhuān)家忠告 |