網(wǎng)站設計點基本原則介紹

網(wǎng)站設計：65點基本原則介紹如果你想成為一個網(wǎng)站設計者，并正想建一個網(wǎng)站的話，首先應該考慮網(wǎng)站的內(nèi)容，包括網(wǎng)站功能和你的用戶需要什么。你的整個設計都應該圍繞這些方面來進行。02抓住用戶如果用戶不能夠迅速地進入你的網(wǎng)站，或操作不便捷，網(wǎng)站設計就是失敗的。不要讓用戶失望而轉(zhuǎn)向你的對手的網(wǎng)站。網(wǎng)站設計：65點基本原則介紹如果你想成為一個網(wǎng)站設計者，并正想建一個網(wǎng)站的話，首先應該考慮網(wǎng)站的內(nèi)容，包括網(wǎng)站功能和你的用戶需要什么。你的整個設計都應該圍繞這些方面來進行。02抓住用戶如果用戶不能夠迅速地進入你的網(wǎng)站，或操作不便捷，網(wǎng)站設計就是失敗的。不要讓用戶失望而轉(zhuǎn)向你的對手的網(wǎng)站。03優(yōu)化內(nèi)容內(nèi)容是核心。大約在兩年以前，企業(yè)網(wǎng)站就像一本廣告冊子，更槽糕的是，網(wǎng)站使用了大量的圖片，似乎要幾個世紀才能下載完。Chanels花很長時間才能找到所要的東西，因此不能算是一個成功的網(wǎng)站。04快速下載沒有什么比要花很長時間下載頁面更槽糕的了。作為一條經(jīng)驗，一個標準的網(wǎng)頁應不大于60K，通過56K調(diào)制解調(diào)器加載花30秒的時間。有的設計者說網(wǎng)頁加載應在15秒內(nèi)。05網(wǎng)站升級時刻注意網(wǎng)站的運行狀況。性能很好的主機隨著訪問人數(shù)的增加，可能會運行緩慢。但是，如果你不想失去訪問者的話，一定要仔細計劃好你06堅持基本原則即使你不懂HTML設計工具，如AdobePageMill或MicrosoftFrontPageExpress以創(chuàng)建一個看起來很合理的網(wǎng)站。但是，在設計時，這些軟件包雖然不需要HTML為了成功地設計網(wǎng)站，你必須理解HTML站設計者建議網(wǎng)絡新手應從有關HTML的書中去尋找答案，用時刻注意網(wǎng)站的運行狀況。性能很好的主機隨著訪問人數(shù)的增加，可能會運行緩慢。但是，如果你不想失去訪問者的話，一定要仔細計劃好你06堅持基本原則即使你不懂HTML設計工具，如AdobePageMill或MicrosoftFrontPageExpress以創(chuàng)建一個看起來很合理的網(wǎng)站。但是，在設計時，這些軟件包雖然不需要HTML為了成功地設計網(wǎng)站，你必須理解HTML站設計者建議網(wǎng)絡新手應從有關HTML的書中去尋找答案，用Notepad07學習用HTML網(wǎng)站設計的新手，你應該尋找一個允許修改HTML的軟件包。HomeSite4一個很好的Web設計工具。在設計過程中，HomeSite4能幫助你學習HTML。它還允許你切換到所見即所得的模式，以便你在把網(wǎng)站發(fā)送到之前，預覽你的網(wǎng)站。08用筆畫一個網(wǎng)站的框架圣人云：筆比劍更強大。在用計算機之前，用筆畫一個網(wǎng)站的框架，顯示出所有網(wǎng)頁的相互關系。計劃好你的用戶如何以最少的時間瀏覽你的09“在計算機上永遠也找不到好的方案”?！獙＜抑腋?0網(wǎng)站地圖許多設計者把他們的網(wǎng)站地圖放在網(wǎng)站上，這種做法，卻是弊大于利。絕大部分的訪問者上網(wǎng)是尋找一些特別的信息，他們對于你的網(wǎng)站是如何工作的，并沒有興趣。如果你覺得你的網(wǎng)站需要地圖，那很可能是需要改進你的導航和工具條。11“睜大你的眼睛，留意所有的事情。對最不相關的東西的觀察可以得到最好的靈感。觀察一個站點的結(jié)構(gòu)和設計。理解站點結(jié)構(gòu)的關鍵元素，確保你的設計是圍繞站點瀏覽進行的?！薄獙＜抑腋?2點擊規(guī)則聽說過3條信息，需要點擊次數(shù)超過313特殊字體的應用雖然你可以在你的HTML的訪問者在他們的計算機上將看到什么。在你的計算機里看起來相當好的頁面，在另一個不同的平臺上看起來可能非常糟糕。一些網(wǎng)站設計員喜歡使用來定義特性，這雖然允許你使用特殊的字體，但是仍需要一些變通的方法，以免你所選擇的字體在訪問者的計算機上不能顯示。級聯(lián)風格表CSS有助于解決這些問題，但是只有最新版的瀏覽器才支持CSS1411“睜大你的眼睛，留意所有的事情。對最不相關的東西的觀察可以得到最好的靈感。觀察一個站點的結(jié)構(gòu)和設計。理解站點結(jié)構(gòu)的關鍵元素，確保你的設計是圍繞站點瀏覽進行的?！薄獙＜抑腋?2點擊規(guī)則聽說過3條信息，需要點擊次數(shù)超過313特殊字體的應用雖然你可以在你的HTML的訪問者在他們的計算機上將看到什么。在你的計算機里看起來相當好的頁面，在另一個不同的平臺上看起來可能非常糟糕。一些網(wǎng)站設計員喜歡使用來定義特性，這雖然允許你使用特殊的字體，但是仍需要一些變通的方法，以免你所選擇的字體在訪問者的計算機上不能顯示。級聯(lián)風格表CSS有助于解決這些問題，但是只有最新版的瀏覽器才支持CSS14“使用切合實際的簡便的命名規(guī)則?！薄獙＜抑腋?5檢查錯別字好的拼寫是人們一生中重要的技能。但是遺憾的是，許多設計者都缺少這種技能。確保你拼寫正確，并且格外注意平常容易誤寫的錯別字。16避免長文本頁面在一個站點上有許多只有文本的頁面，是令人乏味的，且也浪費的潛力。如果你有大量的基于文本的文檔，應當以AdobeAcrobat文件形式來放置，以便你的訪問者能離線閱讀。17不要使用卷滾條人們厭惡在網(wǎng)上使用卷滾條。Trouble網(wǎng)站。它基于一個浮動的架構(gòu)，為了閱讀所有的文本，瀏覽者不得不使用18專家最喜愛的Web1.Adobe2.Macromedia3.Adobe4.Adobe6.Macromedia7.Allaire8.Microsoft9.Macromedia10.11.Macromedia12．其它：Adobe3.Adobe4.Adobe6.Macromedia7.Allaire8.Microsoft9.Macromedia10.11.Macromedia12．其它：AdobeAcrobatValidator等。19網(wǎng)站介紹你應當有一個很清晰的網(wǎng)站介紹，告訴訪問者你的網(wǎng)站能夠提供些什么，以便訪問者能找到想要的東西。但是，許多設計者都沒有這樣做。有效的導航條和搜索工具使人們很容易找到有用的信息，這對訪問者很重要。告訴訪問者你所提供的正是他們想要的信息。20“網(wǎng)站一旦發(fā)布，網(wǎng)站設計的優(yōu)點和缺陷全都公布于世。沒有什么方法使你能夠比從自己的錯誤、傾聽其他人的建議和用戶反饋意見中學到更多的東西。”——專家忠告21閃爍讓人頭痛通過使用標識可以吸引訪問者對你的主頁特殊部分的注意，但這也讓你的訪問者頭痛。如果你想使訪問者再次光顧你的網(wǎng)站，就少用此方法。22背景顏色背景顏色也會產(chǎn)生一些問題，可能會使網(wǎng)頁難于閱讀。你應當堅持使用白色的背景和黑色的文本，另外還應當堅持使用通用字體。23向前和向后按鈕應當避免強迫用戶使用向前和向后按鈕。你的設計應當使用戶能夠很快地找到他們所要的東西。絕大多數(shù)好的站點在每一頁同樣的位置上都有相同的導航條，使瀏覽者能夠從每一頁上訪問網(wǎng)站的任何部分?！皥猿帜愕男拍睢栏褡袷馗鞣N規(guī)則。避免想當然。絕不停止學——專家忠告不要輕易考慮在你的網(wǎng)站上放置一個醒目的點擊記數(shù)器。你設計網(wǎng)站是為了給訪問者提供服務，而不是推銷你自己認為重要的東西。大多數(shù)瀏覽者認為計數(shù)器毫無意義，它們很容易被做假，瀏覽者也不想看廣告。如果你顯示你的網(wǎng)站是多么受歡迎，你最好提供一個鏈接，顯示訪問日志。26不要用框架與記數(shù)器一樣，框架在網(wǎng)頁上越來越流行。在大多數(shù)網(wǎng)站上，在屏幕的左邊有一個框架。但是設計者立刻就發(fā)現(xiàn)，在使用框架時產(chǎn)生了許多的問題。使用框架時如果沒有17框架也使得網(wǎng)站內(nèi)個人主頁不能夠成為書簽。也許更重要的是，搜索引擎常常被框架混淆，從而不能列出你的網(wǎng)站。27去掉圖像在瀏覽器中即使去掉了圖像功能，也要保證訪問者能夠在你的網(wǎng)站上獲得滿意的效果。對于那些使用ISDN連接并且關掉了圖像功能的訪問者，還能獲得好的網(wǎng)頁加載性能?？梢酝ㄟ^在網(wǎng)頁底部提供另外的鏈接和使用替代文字，而不是圖像來滿足訪問者的需要。28重復使用圖像一些網(wǎng)站由于使用大量不重復的圖像而錯過了使用更好的技巧的機“堅持你的信念。嚴格遵守各種規(guī)則。避免想當然。絕不停止學——專家忠告不要輕易考慮在你的網(wǎng)站上放置一個醒目的點擊記數(shù)器。你設計網(wǎng)站是為了給訪問者提供服務，而不是推銷你自己認為重要的東西。大多數(shù)瀏覽者認為計數(shù)器毫無意義，它們很容易被做假，瀏覽者也不想看廣告。如果你顯示你的網(wǎng)站是多么受歡迎，你最好提供一個鏈接，顯示訪問日志。26不要用框架與記數(shù)器一樣，框架在網(wǎng)頁上越來越流行。在大多數(shù)網(wǎng)站上，在屏幕的左邊有一個框架。但是設計者立刻就發(fā)現(xiàn)，在使用框架時產(chǎn)生了許多的問題。使用框架時如果沒有17框架也使得網(wǎng)站內(nèi)個人主頁不能夠成為書簽。也許更重要的是，搜索引擎常常被框架混淆，從而不能列出你的網(wǎng)站。27去掉圖像在瀏覽器中即使去掉了圖像功能，也要保證訪問者能夠在你的網(wǎng)站上獲得滿意的效果。對于那些使用ISDN連接并且關掉了圖像功能的訪問者，還能獲得好的網(wǎng)頁加載性能?？梢酝ㄟ^在網(wǎng)頁底部提供另外的鏈接和使用替代文字，而不是圖像來滿足訪問者的需要。28重復使用圖像一些網(wǎng)站由于使用大量不重復的圖像而錯過了使用更好的技巧的機會。在創(chuàng)建商標時，在網(wǎng)頁上多次使用同樣的圖像是一個好的方法，并且一旦它們被裝入，以后重新載入就會很快。29避免使用過大的圖像不要使用橫跨整個屏幕的圖像。避免訪問者向右滾動屏幕。占75屏幕寬度是一個好的建議。30“避免使用炫耀的技巧。”——專家忠告31選擇使用Flash許多使用比較慢的計算機的訪問者發(fā)現(xiàn)動畫圖標很容易耗盡系統(tǒng)資源，使網(wǎng)站的操作變得很困難，因此，應該給用戶一個跳過使用Flash32盡量少使用Flash雖然許多Web設計者認為Flash功能很強大，并且Netscape5.0Flash，在使用時不必再下載任何插件。但是，最好還是取消使用Flash做各接口的想法。33讓用戶先預覽小圖像如果不得不放置大的圖像在網(wǎng)站上，就最好使用Thumbnails果顯示出來，這樣用戶就不必浪費金錢和時間去下載他們根本不想看的大34動畫與內(nèi)容應有機結(jié)合確保動畫和內(nèi)容有關聯(lián)。它們應和網(wǎng)頁渾然一體，而不是干巴巴的。許多使用比較慢的計算機的訪問者發(fā)現(xiàn)動畫圖標很容易耗盡系統(tǒng)資源，使網(wǎng)站的操作變得很困難，因此，應該給用戶一個跳過使用Flash32盡量少使用Flash雖然許多Web設計者認為Flash功能很強大，并且Netscape5.0Flash，在使用時不必再下載任何插件。但是，最好還是取消使用Flash做各接口的想法。33讓用戶先預覽小圖像如果不得不放置大的圖像在網(wǎng)站上，就最好使用Thumbnails果顯示出來，這樣用戶就不必浪費金錢和時間去下載他們根本不想看的大34動畫與內(nèi)容應有機結(jié)合確保動畫和內(nèi)容有關聯(lián)。它們應和網(wǎng)頁渾然一體，而不是干巴巴的。動畫并不只是MacromediaDirector35慎用聲音聲音的運用也應得到警惕。內(nèi)聯(lián)聲音是網(wǎng)頁設計者的另一個禁地。因為過多地使用聲音會使下載速度很慢，同時并沒有帶給瀏覽者多少好處。首次聽到鼠標發(fā)出聲音可能會很有趣，但是多次以后肯定會很煩人。使用聲音前，應該仔細考慮聲音將會給你帶來什么。36少用Java在網(wǎng)頁上應盡量少使用Java和AxtiveX。因為并不是每一種瀏覽器都需要使用它，只有那些Netscape和Explorer要它。另外MacJava時也存在問題，過分地使用Java38慎用插件在Web如果訪問者沒有所要求的插件，將不得不到其它站點去下載，這樣訪問者有可能就不會返回了39使用著名的插件如果網(wǎng)站上有聲音或視頻，要保證使用者通過使用某個知名的插件，能夠聽到或看到。許多站點使用QuickTime、RealPlayShockwave件。因為，許多訪問者并不愿意浪費很多時間和金錢去下載可能僅使用一40使用先進技術跟上新的技術。Web究新產(chǎn)品和開發(fā)技術。41自己創(chuàng)建圖像和聲音使用你自己創(chuàng)建的或從某個商業(yè)網(wǎng)站上下載的圖像和聲音。在制作商業(yè)網(wǎng)站時，應該花足夠的資金來創(chuàng)建圖形，以增強公司的宣傳?！獙?3平臺的兼容性要為用戶著想，必須最少在一臺PC和一臺Mac機上測試你的網(wǎng)站，看看兼容性如何。如果網(wǎng)站上有聲音或視頻，要保證使用者通過使用某個知名的插件，能夠聽到或看到。許多站點使用QuickTime、RealPlayShockwave件。因為，許多訪問者并不愿意浪費很多時間和金錢去下載可能僅使用一40使用先進技術跟上新的技術。Web究新產(chǎn)品和開發(fā)技術。41自己創(chuàng)建圖像和聲音使用你自己創(chuàng)建的或從某個商業(yè)網(wǎng)站上下載的圖像和聲音。在制作商業(yè)網(wǎng)站時，應該花足夠的資金來創(chuàng)建圖形，以增強公司的宣傳。——專43平臺的兼容性要為用戶著想，必須最少在一臺PC和一臺Mac機上測試你的網(wǎng)站，看看兼容性如何。44用軟件分析工具找錯使用軟件分析工具檢查HTML。軟件分析工具DoctorHTML能夠幫助檢查HTML具。在網(wǎng)上，你能夠找到更多有效的HTML45避免錯誤鏈接網(wǎng)站中可能與其它一些有用的站點作了鏈接。但是，如果在你的網(wǎng)頁上有鏈接，一定要經(jīng)常檢查它們，保證鏈接有效。鏈接的網(wǎng)站可能很多，但不要鏈接到與你的內(nèi)容無關的網(wǎng)站上。46給觀眾成熟的東西如果網(wǎng)站沒有完成，就不要發(fā)送到Web完成之后再發(fā)布的。47在搜索引擎上登記網(wǎng)站任何一個人發(fā)現(xiàn)你的網(wǎng)站的機會都很少，除非你把你的網(wǎng)站在主要的搜索引擎上進行登記。48設計一個留言板瀏覽者愿意把時間花在好的網(wǎng)站上，所以最好有一個留言本，這能激勵訪問者再次回到你的網(wǎng)站，還有助于擴充網(wǎng)站內(nèi)容。49測試網(wǎng)站在你的網(wǎng)站正式發(fā)布之前，必須進行有用的測試。在設計網(wǎng)站時要使用最新的軟件，但是不要忘了人們并不會使用最新的瀏覽器，所以要照顧到以前的瀏覽器。在上載網(wǎng)站時還要測試所有的鏈接和導航工具條。“盡你所能反復測試所設計的網(wǎng)站，直到你不能發(fā)現(xiàn)新的東西為——專家忠告演示即將發(fā)布的網(wǎng)站在網(wǎng)站正式運行之前，讓人演示它。演示中人們會告訴你所設計的網(wǎng)站是否容易使用。52動畫點綴網(wǎng)頁上的動畫最多只用一個。53“傾斜的按鈕看起來不會太好，最好不要使用?！薄獙＜抑腋?4內(nèi)容組織在開始創(chuàng)建新的網(wǎng)頁前，仔細考慮網(wǎng)站內(nèi)容的組織。決定好想讓訪問者瀏覽的內(nèi)容，然后設計導航系統(tǒng)。55“空白萬歲”注意留空白。不要用圖像、文本和不必要的動畫GIFs即使有足夠的空間，在設計時也應該避免使用。56“利用空白去吸引注意力。為了吸引眼球，Web瀏覽者愿意把時間花在好的網(wǎng)站上，所以最好有一個留言本，這能激勵訪問者再次回到你的網(wǎng)站，還有助于擴充網(wǎng)站內(nèi)容。49測試網(wǎng)站在你的網(wǎng)站正式發(fā)布之前，必須進行有用的測試。在設計網(wǎng)站時要使用最新的軟件，但是不要忘了人們并不會使用最新的瀏覽器，所以要照顧到以前的瀏覽器。在上載網(wǎng)站時還要測試所有的鏈接和導航工具條?！氨M你所能反復測試所設計的網(wǎng)站，直到你不能發(fā)現(xiàn)新的東西為——專家忠告演示即將發(fā)布的網(wǎng)站在網(wǎng)站正式運行之前，讓人演示它。演示中人們會告訴你所設計的網(wǎng)站是否容易使用。52動畫點綴網(wǎng)頁上的動畫最多只用一個。53“傾斜的按鈕看起來不會太好，最好不要使用。”——專家忠告54內(nèi)容組織在開始創(chuàng)建新的網(wǎng)頁前，仔細考慮網(wǎng)站內(nèi)容的組織。決定好想讓訪問者瀏覽的內(nèi)容，然后設計導航系統(tǒng)。55“空白萬歲”注意留空白。不要用圖像、文本和不必要的動畫GIFs即使有足夠的空間，在設計時也應該避免使用。56“利用空白去吸引注意力。為了吸引眼球，Web法，比如：閃爍、旋轉(zhuǎn)等，但是利用空白會吸引更多的注意力?！薄?7圖像壓縮為了保持小的圖像，可以使用類似GIF進行壓縮。先聲明圖像的大小，在圖像顯示之前最好能詳細說明圖像大小屬性，可以在IMG瀏覽器可以在圖像被下載之前在屏幕上顯示整個網(wǎng)頁。58設計失敗的網(wǎng)站——導航不知所云59圖像大小屬性，可以在IMG顯得很流暢，因為瀏覽器可以在圖像被下載之前在屏幕上顯示整個網(wǎng)頁。60用戶注冊如果能知道誰瀏覽了網(wǎng)站以及是怎樣瀏覽網(wǎng)站的，那么就能得到大量有用的信息。但是，要求訪問者在瀏覽網(wǎng)站之前進行注冊，這樣做是要冒風險的，因為這將趕走一批不愿意注冊的人。獲得信息的另一種方法是進行有獎競猜或金錢獎勵，讓用戶能主動填一些信息反饋表。61使網(wǎng)站具有交互功能在網(wǎng)站上提供一些回答問題的工具，使得訪問者能