歡迎訪(fǎng)問(wèn)世紀網(wǎng)絡(luò )官網(wǎng),寶雞網(wǎng)站建設SEO優(yōu)化已累計服務(wù)超過(guò)900家企業(yè)!     咨詢(xún)熱線(xiàn):13619273150

15年網(wǎng)站建設優(yōu)化經(jīng)驗,900家客戶(hù)的選擇,值得信賴(lài)!


網(wǎng)站設計必知的65條原則(一)

作者:佚名      發(fā)布時(shí)間:2011-12-19      瀏覽:1325

62.9K


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)家忠告

寶雞世紀網(wǎng)絡(luò )



0