• 
• 
• 
• 
• 
• 
• 

知識普及 ? 網(wǎng)頁設(shè)計要素分析

網(wǎng)頁設(shè)計要素分析

奈薇建站網(wǎng) 于2009-10-09 17:58發(fā)表 閱讀次數(shù) 3763次

網(wǎng)頁設(shè)計要素分析 版面布局 我們都知道第一印象是非常重要的。因此，因特網(wǎng)站點(diǎn)的主頁必須包含你的公司或站點(diǎn)所提供的所有服務(wù)內(nèi)容?？梢允褂靡粋€短的描述性的標(biāo)題指明站點(diǎn)的主題是什么。你也可以加入你的公司的徽標(biāo)，但是千萬不要讓信息和圖片填滿了你的主頁;主頁看起來必須是干凈而有組織條理的。使用很容易閱讀的字體。當(dāng)然，根據(jù)你的站點(diǎn)的大小，你可能還必須解釋如何瀏覽。在主頁的下面，提供你的公司的聯(lián)系信息，例如，你的email地址或電話號碼，這樣就使瀏覽者能很容易地跟你聯(lián)系。主頁通常是放置更換信息或新聞的絕好的場所。 在你開始設(shè)計之前，你必須仔細(xì)地為站點(diǎn)挑選色彩組合。千萬不要出現(xiàn)紫色的背景加上黑藍(lán)色的文字的組合。要使整個站點(diǎn)保持同一種色彩組合，因?yàn)椴煌伾M合的背景或字體可能會是非常令人討厭的。你也可以選用一個背景圖，而不是僅用一種顏色。背景圖案可以自己繪制，也可以從因特網(wǎng)上下載。通過模糊背景圖案，就可以使文字更容易被閱讀。要記住的是，圖片不會被瀏覽器重畫的，而背景色彩則是要被重新畫的，因此，在上傳你的圖片之前，必須檢查不同的瀏覽器是如何顯示這些網(wǎng)頁的。 轉(zhuǎn)自：奈微建站網(wǎng)（www.nev.cn） 當(dāng)增加文字時，盡量設(shè)置容易被閱讀的字體和大小。如果你使用背景圖片，那么，當(dāng)網(wǎng)頁被瀏覽時，背景色和字體將會先于背景圖片被下載，因此，如果背景色和文本的顏色沒有鮮明的對照的話，那么瀏覽者會有幾秒鐘的時間看到一個充滿了不可閱讀的文本的網(wǎng)頁。解決這個問題的簡單的方法就是，使背景色與背景圖的顏色相類似。 使你的網(wǎng)頁短一些，努力使信息/動畫通過幾個網(wǎng)頁來表現(xiàn)。如果把很多東西堆放一個網(wǎng)頁上，就會使你的網(wǎng)頁看起來非常凌亂，這樣也就會使瀏覽者不太愿意閱讀所有的內(nèi)容。所以，要設(shè)計幾個網(wǎng)頁，每個網(wǎng)頁上放一段或兩段文字。在段落的下面放置一個按鈕，鏈接到下一頁，在最后一頁則放置一個按鈕，鏈接到上一頁、主頁，或者瀏覽者剛剛所到來的地方。盡可能使用模板，降低設(shè)計的工作量和復(fù)雜性。 如果你準(zhǔn)備為你的網(wǎng)站主頁插入一個Flash movie，那么最好把它與主頁分離開。一定要加一個跳過介紹按鈕，這樣就使那些不愿意等待下載，或已經(jīng)看過該介紹的人，能很容易地直接進(jìn)入你的主頁。運(yùn)用cookies，你可以使曾經(jīng)瀏覽過你們網(wǎng)站的人自動跳轉(zhuǎn)到主頁。 瀏覽導(dǎo)航 站點(diǎn)的瀏覽導(dǎo)航必須被設(shè)計成非常容易。如果需要，把站點(diǎn)分割為幾個部分。最容易的方法，就是在整個網(wǎng)站的所有的網(wǎng)頁的左邊放置一個菜單條。當(dāng)然，除此以外，還有許多可選的方法。對于具有大量信息的站點(diǎn)，使用一個可擴(kuò)展的菜單條會是一個不錯的選擇。 無論你使用何種導(dǎo)航模式，在每一頁都放置一個主頁鏈接，那會是一種不錯的設(shè)計思想;瀏覽者必須知道，無論何時，當(dāng)他們迷失在你的站點(diǎn)瀏覽中時，都可以通過簡單的一次點(diǎn)擊就能準(zhǔn)確地知道目前所處的位置。 圖片和多媒體 圖片，電影和聲音效果永遠(yuǎn)都是很好的，但是不能過分。要記住，大多數(shù)人現(xiàn)在還是通過最高連結(jié)速度為56Kbps的貓上網(wǎng)的。好多次，為了瀏覽一個頁面，我耐心地等待了很可觀的幾分鐘，而這種耐心不是每個人每時每刻都有的。 努力使每一個頁面小于50-75Kbytes。盡量把你的GIF 和JPEG圖片壓縮后再加入到你的網(wǎng)頁中。如果你準(zhǔn)備在你的站點(diǎn)中放置高質(zhì)量的圖片、音樂或動畫，那么你最好設(shè)計兩個版本，一個為高質(zhì)量，另一個為低質(zhì)量，這樣就能使不同的瀏覽者有一個最佳選擇。 Flash是一個目前非常流行的程序，許多Web設(shè)計者都樂意往自己的網(wǎng)站中加入。Flash的好處就是可以使你的動畫和音樂文件非常小。為了觀看Flash電影，你必須要有一個插件，該插件可以從Macromedia公司的網(wǎng)站上下載。雖然可能超過80%的因特網(wǎng)用戶已經(jīng)有了該插件，并且有了許多新的針對Internet Explorer 和Netscape的版本，但是，它依舊是你必須考慮的問題。除非確實(shí)需要，盡量不要把Flash動畫加入到你的網(wǎng)頁中，因?yàn)橛行g覽者沒有那么大的耐心等待電影的下載， 或者甚至沒有耐心去下載一個插件。純HTML設(shè)計，對于大多數(shù)(商業(yè))網(wǎng)站，目前依舊是最好的選擇。 你可以經(jīng)常使用這些技巧 為Flash電影添加預(yù)下載器，這使你可以一邊用一些文字、簡單的圖片或一個導(dǎo)航條取悅瀏覽者，一邊下載你的大文件。這樣就可以使Flash電影很平滑地運(yùn)行，并且當(dāng)它運(yùn)行時，不需要停下來緩沖。 壓縮，如前面所述，可以優(yōu)化你的圖片。音樂和聲音可以為你的網(wǎng)站增添不少的精彩，但是，永遠(yuǎn)都不能太過分。每一點(diǎn)擊發(fā)出的蜂鳴聲會讓你的網(wǎng)站令人討厭，并且對你的網(wǎng)站留下不夠?qū)I(yè)化的印象。如果你準(zhǔn)備要往你的網(wǎng)站中增加一些背景音樂，那么最好使用一些流音頻軟件，如Real Audio來播放文件?；蛘?，你也可以插入一個Flash文件，循環(huán)播放一段音樂。你可以通過在 Flash文件中導(dǎo)入WAV文件的方法完成，或者你也可以到因特網(wǎng)上下載一些免費(fèi)的相關(guān)軟件。 如果你要在你的Flash電影中使用聲音，通常加一個弱音按鈕，會更好些;如果你用行為腳本控制瀏覽者計算機(jī)上的聲音的話，那么，再加上一個音量控制條。當(dāng)然，永遠(yuǎn)不要改變聲音是最好的。瀏覽者如果需要，可以自己調(diào)整他的計算機(jī)的音量。 框架的問題 如果你在你的網(wǎng)站上使用幀，你很可能使一個幀用于導(dǎo)航目的，另一個幀用于放置內(nèi)容。你可以看見在同一頁上有兩個被分割的瀏覽窗口，你點(diǎn)擊左邊的幀，只會改變右邊的內(nèi)容。用幀來組織網(wǎng)站的內(nèi)容，顯然是非常容易的。但是，我不贊成使用。 當(dāng)你要為某個站點(diǎn)作書簽時，幀就會變得非常麻煩，因?yàn)檎军c(diǎn)的單個頁就不能被做成書簽，瀏覽者在打印時也會碰到問題。當(dāng)然，不同的瀏覽者對待幀是不一樣的。 使公司的徽標(biāo)在整個站點(diǎn)保持一致,避免在你的站點(diǎn)或?yàn)g覽窗口中使用滾動文本，因?yàn)闈L動文本會降低你的網(wǎng)頁的可訪問性。 檢查你的網(wǎng)站文字，請其他人檢查網(wǎng)站文字、語法的準(zhǔn)確性，分類等等。多多詢問你的親朋好友，甚至你的網(wǎng)站瀏覽者對網(wǎng)站的看法。 經(jīng)常檢查網(wǎng)頁中的鏈接，確信它們沒有被打斷，尤其是在你對網(wǎng)站內(nèi)容作了更新后。 檢查你的網(wǎng)站是否和所有流行的瀏覽器兼容。 如果你有一個商業(yè)網(wǎng)站，并且準(zhǔn)備直接在上面銷售產(chǎn)品或服務(wù)，那么，購買安全服務(wù)以確保信用卡交易安全，應(yīng)該是必須的。 把你的站點(diǎn)信息提交給搜索引擎，檢查你的站點(diǎn)在分類中的排名，如果很后，那么最好考慮更換你的META標(biāo)記。 許多人還在使用14英寸或15英寸的顯示器，因此盡量使你的網(wǎng)頁也是可以自由滾動的。 不要在顯著的位置堆積很多廣告條，兩個廣告條基本上應(yīng)該是上限了。 檢驗(yàn)?zāi)愕腍TML代碼 不要在你的網(wǎng)站上放置瀏覽計數(shù)器。計數(shù)器會讓你的網(wǎng)站看起來不夠?qū)I(yè)化，如果瀏覽量不夠的話，還會起到相反的宣傳作用。 最后，內(nèi)容是金。如果你能給你的瀏覽者一些有價值的東西，如，信息，建議，或軟件，那么就能吸引瀏覽者經(jīng)常光顧你的網(wǎng)站。為你的站點(diǎn)增加消息板和聊天室，從而提高網(wǎng)站的交互性，使你和你的訪問者交流，讓訪問者彼此交流。 結(jié)語轉(zhuǎn)自：奈微建站網(wǎng)（www.nev.cn） 你也許會認(rèn)為所有的這些都會是一種限制;不錯，如果運(yùn)用不當(dāng)，它們確實(shí)是會成為一種約束。不管怎樣，當(dāng)你開始設(shè)計你的網(wǎng)站時，要努力去這樣做。不要跟隨上述所有的規(guī)則，充分發(fā)揮你的創(chuàng)造力，你可以去創(chuàng)建一個大大的Flash電影，再加上一點(diǎn)點(diǎn)的文字內(nèi)容，使你的網(wǎng)站在眾多的網(wǎng)站中脫穎而出，哪怕瀏覽者只是為了再看一下你的設(shè)計。靈活地使用本文中所述的一些規(guī)則方法，將會使你的網(wǎng)站更完美，更容易獲得成功。

網(wǎng)頁設(shè)計要素分析相關(guān)標(biāo)簽：網(wǎng)站注冊，網(wǎng)站建設(shè)公司，網(wǎng)站設(shè)計，開發(fā)網(wǎng)站

相關(guān)熱點(diǎn)推薦

如何提高網(wǎng)站的流量和訪 一家公司的網(wǎng)站應(yīng)該有哪 青島網(wǎng)站設(shè)計如何選擇網(wǎng) 如何進(jìn)行網(wǎng)站內(nèi)鏈建設(shè) 網(wǎng)站建設(shè)好的一些建議 SEO網(wǎng)頁質(zhì)量直接測度 關(guān)注各網(wǎng)站的布局調(diào)整 青島網(wǎng)站設(shè)計如何做到文 企業(yè)為什么要做微信營銷 關(guān)于“反饋提示”的交互 企業(yè)定制網(wǎng)站有什么好處 圖標(biāo)設(shè)計心得 網(wǎng)頁設(shè)計如何傳達(dá)信息 網(wǎng)頁文字的閱讀體驗(yàn) 如何增強(qiáng)圖片設(shè)計的立體 獨(dú)立設(shè)計的網(wǎng)站與模板網(wǎng) 什么是營銷型網(wǎng)站 建站教程 什么是網(wǎng)站運(yùn)營如何來運(yùn) 越簡單越豐富—極簡網(wǎng)頁 關(guān)鍵詞排名下降原因及解 網(wǎng)站優(yōu)化過度：新手站長 企業(yè)網(wǎng)站建設(shè)時應(yīng)注意的 企業(yè)建站理由 建設(shè)符合W3C標(biāo)準(zhǔn)的網(wǎng) 建站攻略之使用CSS控 網(wǎng)頁設(shè)計要素分析 什么是個性化搜索 HTML5響應(yīng)式網(wǎng)站地 如何選擇一家好的青島網(wǎng) 青島網(wǎng)站制作的公司哪家 網(wǎng)頁設(shè)計與用戶瀏覽體驗(yàn) 管理網(wǎng)站的一些經(jīng)驗(yàn)和教 青島網(wǎng)站設(shè)計之網(wǎng)頁設(shè)計 建個人網(wǎng)站有哪些方式 網(wǎng)站后臺管理系統(tǒng)是什么 網(wǎng)站交互設(shè)計-探源 網(wǎng)絡(luò)企業(yè)的信息化生存 學(xué)網(wǎng)站設(shè)計必看之設(shè)計常

奈薇建站網(wǎng)青島網(wǎng)站建設(shè)公司/青島網(wǎng)站制作公司，專業(yè)提供"氣質(zhì)"型網(wǎng)站建設(shè)及精美網(wǎng)站制作服務(wù)，同時歡迎各地網(wǎng)站建設(shè)公司、網(wǎng)站制作公司代理我們的奈薇建站系統(tǒng)共同發(fā)展

熱點(diǎn)地區(qū)：青島網(wǎng)站建設(shè)價格 青島即墨網(wǎng)站制作公司 開發(fā)區(qū)信息港 山東在線門戶