你必須知道的網(wǎng)頁設(shè)計(jì)知識(shí)

如果你對(duì)網(wǎng)頁設(shè)計(jì)里最基本的一些概念都不明白，那么想做出好的網(wǎng)頁來說是不容易的。

基于互聯(lián)網(wǎng)技術(shù)的飛速發(fā)展，提供給網(wǎng)站建設(shè)者的平臺(tái)也越來越廣闊，但是，對(duì)網(wǎng)站設(shè)計(jì)和規(guī)劃一無所知就開始莽撞地創(chuàng)建網(wǎng)站無論在什么時(shí)候都是不合時(shí)宜的，下面我們?yōu)閯傞_始接觸網(wǎng)站建設(shè)和設(shè)計(jì)這門學(xué)問的網(wǎng)站設(shè)計(jì)初學(xué)者普及一些基本的建站知識(shí)。

圖片

盡量用小的圖片，比如說10-12KB大小的圖片。根據(jù)可靠數(shù)據(jù)表明，寬帶用戶正在不斷增加。即使你使用的是T1(北美的24路脈碼調(diào)制PCM簡稱T1，速率是1.544Mbit/s),但圖片載入速度緩慢的問題仍然很令人煩惱。圖片載入速度最主要的原因就是圖片太大了。優(yōu)化你的圖片也是輕而易舉的事。

一定要用符合網(wǎng)站內(nèi)容的圖片。如果你有一張可愛的小狗的照片并不意味著在你的網(wǎng)站或網(wǎng)站設(shè)計(jì)中一定要把它放進(jìn)去。（對(duì)不起，這樣做是不可取的）。對(duì)于設(shè)計(jì)圖片有一個(gè)例外。設(shè)計(jì)圖片是組成頁面設(shè)計(jì)的照片或其它什么圖片，并不一定要用來闡釋網(wǎng)站內(nèi)容。

要么不要在網(wǎng)頁上使用任何閃動(dòng)、運(yùn)動(dòng)、變化、旋轉(zhuǎn)或Flash效果的圖片。要么小范圍的使用。很多調(diào)查顯示Flash效果圖片分散擾亂人的注意力并且令人厭煩。事實(shí)上，這些Flash效果圖會(huì)影響到搜索引擎排名情況，對(duì)SEO產(chǎn)生不利的影響。

布局

堅(jiān)持用標(biāo)準(zhǔn)的網(wǎng)頁布局。我曾將看到過在一個(gè)頁面上有6-8塊區(qū)域。另一個(gè)網(wǎng)站則使用了這樣一種布局：要想完整地閱讀網(wǎng)頁信息，你必須不停地向右拉滾動(dòng)條（但是事實(shí)上你應(yīng)該不用的）。這些設(shè)計(jì)布局可能很漂亮但是不實(shí)用，因?yàn)闉g覽者會(huì)因此抓狂的。為什么三欄布局設(shè)計(jì)很普遍是因?yàn)樵诰W(wǎng)站和報(bào)紙版面中它很實(shí)用。雖然看起來有點(diǎn)俗，但是如果內(nèi)容充實(shí)，它會(huì)吸引更多的讀者。

空白并不僅僅是CSS屬性，它是你設(shè)計(jì)布局的一項(xiàng)功能。你應(yīng)該注意一下網(wǎng)頁上的空白地帶，了解一下在讀者閱讀內(nèi)容時(shí)它會(huì)起什么影響。網(wǎng)頁布局上的空白就跟一張紙上的空白一樣重要。在網(wǎng)頁布局中放入你的圖片。在你把圖片放入布局中的時(shí)候這些圖片就不僅僅是一些圖片了。我們都看到過一張圖片周圍環(huán)繞著文字的例子，這些應(yīng)用到布局中的圖片也應(yīng)該如同這張圖片一樣受到重視。

字體

大字標(biāo)題用Serif 字體，內(nèi)容文字用Sans-Serif。如果你做過印刷設(shè)計(jì)的話，這可能與你平時(shí)的做法背道而馳。但是要知道網(wǎng)站并不是用來打印的。因?yàn)殡娔X分辨率沒有印刷分辨率那么高，所以Sans-serif字體更容易閱讀。如果對(duì)于一般的文字也使用serif fonts，那么在電腦屏幕上文字顯示會(huì)很模糊，閱讀起來會(huì)很困難。對(duì)于要用于打印的網(wǎng)頁來說要使用相反的字體（大字標(biāo)題用Serif 字體，內(nèi)容文字用Sans-Serif）。

控制不同字體的數(shù)量。如果在網(wǎng)頁上不停的變換字體會(huì)使你的網(wǎng)站看起來很不專業(yè)。是的，情況的確是這樣的，所以網(wǎng)頁上的字體要控制在2-3種標(biāo)準(zhǔn)字體。這樣看來更便于閱讀并且更專業(yè)。

使用標(biāo)準(zhǔn)字體。是的，你可以在網(wǎng)頁上選擇使用Rockwood LT Standard。但是用戶機(jī)器上很少設(shè)有這種字體。也許一直使用Verdana, Geneva, Arial, 和 Helvetica字體看起來會(huì)枯燥，但是你的頁面看起來會(huì)更好并且在大多數(shù)瀏覽器上設(shè)計(jì)看起來會(huì)不走樣。

廣告

不要貪得無厭。如果你想在網(wǎng)站上放廣告，注意一定要控制廣告數(shù)量。因?yàn)樽x者到你的網(wǎng)站上來不是來看廣告的，他們是來閱讀網(wǎng)站內(nèi)容的。如果網(wǎng)頁上廣告占據(jù)了大部分空間，很多讀者就不會(huì)繼續(xù)閱讀你的網(wǎng)站內(nèi)容。是的，從網(wǎng)站上賺錢是很重要的，但是如果你的廣告把用戶嚇跑了，無疑你肯定會(huì)有損失的。

對(duì)待廣告也要像對(duì)待其他圖片一樣，廣告一定要小，避免閃動(dòng)或者閃光效果，并且要與網(wǎng)站內(nèi)容相關(guān)。你可以在網(wǎng)站上放置廣告但并不疑問著你必須在網(wǎng)站上放廣告。如果內(nèi)容是讀者感興趣的他們更有可能點(diǎn)擊閱讀。

記住你的讀者

在大多數(shù)瀏覽器上測試你的網(wǎng)頁。如果網(wǎng)頁設(shè)計(jì)只適合當(dāng)下最流行的瀏覽器，那么這種做法是很愚蠢的并且很令人厭煩。除非你的網(wǎng)站只在固定瀏覽器的企業(yè)內(nèi)部互聯(lián)網(wǎng)或者其他小范圍內(nèi)使用，否則你會(huì)遇到很大麻煩的。

對(duì)操作系統(tǒng)來說，情況是一樣的。你不能保證在Windows IE5.0中正常運(yùn)行的網(wǎng)頁在IE5.0 Macintosh運(yùn)行也是正常的。

網(wǎng)站內(nèi)容一定要寫讀者想看的內(nèi)容否則你的網(wǎng)站只是寫給你自己看的。一定要保證你的內(nèi)容包括讀者想要閱讀的話題或內(nèi)容。

文章標(biāo)題：你必須知道的網(wǎng)頁設(shè)計(jì)知識(shí)
文章鏈接：http://www.bm7419.com/news36/96286.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站制作、網(wǎng)站收錄、網(wǎng)站導(dǎo)航、全網(wǎng)營銷推廣、商城網(wǎng)站、App開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)