對于網(wǎng)頁設(shè)計(jì)的10個常見誤解

隨著技術(shù)的發(fā)展和音樂編曲軟件的普及，有些音樂產(chǎn)業(yè)的從業(yè)者說“現(xiàn)在人人都是DJ了”。其實(shí)這句話套用在網(wǎng)頁設(shè)計(jì)領(lǐng)域也非常合適，現(xiàn)在越來越多的人認(rèn)為人人都可以做網(wǎng)頁設(shè)計(jì)師了，似乎在很多人看來設(shè)計(jì)網(wǎng)頁是非常容易的事情。下載Adobe的DreamOA，簡單做個導(dǎo)航欄，甩個Banner上去，隨手畫出幾個功能區(qū)，放上圖片文章就是網(wǎng)站了。這是網(wǎng)頁設(shè)計(jì)?當(dāng)然，很多人就是這么做的。

但是真正的網(wǎng)頁設(shè)計(jì)并沒有這么簡單，下面上饒網(wǎng)站建設(shè)帶大家來看看網(wǎng)頁設(shè)計(jì)的10個常見誤區(qū)，這些誤區(qū)你有嗎?

1、誰都可以做好網(wǎng)頁設(shè)計(jì)

如果你問隔壁小明他能否給自己做一個網(wǎng)站，他可能會說網(wǎng)頁設(shè)計(jì)他手到擒來之類的話，但是他真正做出來的東西，可能并不是那么一回事。

他用DreamOA在1個小時內(nèi)做出來個網(wǎng)頁Demo，千萬不要被那唬住。真正的的網(wǎng)頁設(shè)計(jì)是一門綜合學(xué)科，集合了信息架構(gòu)設(shè)計(jì)，用戶界面設(shè)計(jì)，排版設(shè)計(jì)，色彩搭配，字體設(shè)計(jì)等多門學(xué)科，只有真正將這些方面都正確兼顧到了才能做好網(wǎng)頁的設(shè)計(jì)。

2、用戶喜歡(或者不喜歡)向下滾動網(wǎng)頁

在網(wǎng)絡(luò)剛剛起步的1994年，當(dāng)初的開發(fā)者和設(shè)計(jì)者并沒有預(yù)見到網(wǎng)頁今天的模樣。用戶喜歡還是不喜歡向下滾動網(wǎng)頁?

2011年發(fā)布的發(fā)布的Mac OS X 10.7中，蘋果公司就將界面中的向下滾動按鈕給去掉了。而2006年就有過一向數(shù)據(jù)統(tǒng)計(jì)，從120000個網(wǎng)頁瀏覽數(shù)據(jù)中抽取數(shù)據(jù)進(jìn)行分析，其中76%的用戶打開網(wǎng)頁后不會向下滾動，而22%的用戶會瀏覽整個頁面，一路滾動到底。還有2%的用戶會向下滾動看看。

那么是不是說明網(wǎng)頁設(shè)計(jì)只需要注重開頭的600px高的內(nèi)容呢?不是!這個數(shù)據(jù)分析是要告訴你，用戶喜歡不喜歡翻下去，是取決于你的網(wǎng)頁夠不夠吸引力!

3、填滿頁面所有的空間

千萬別這么干!留白(或者負(fù)空間)有著非常重要的作用，它與網(wǎng)頁上的其他的視覺元素相互依托，是構(gòu)建一個優(yōu)秀網(wǎng)頁的重要組成部分。有留白，才能創(chuàng)造出網(wǎng)頁的視覺焦點(diǎn)，讓網(wǎng)頁的設(shè)計(jì)感更強(qiáng)，更易于瀏覽和使用。想知道留白是如何使用的?看看Apple的官方網(wǎng)站就知道了。當(dāng)然，留白并不一定非要是白色的。

永遠(yuǎn)不要填滿你網(wǎng)頁所有的角落，適當(dāng)?shù)牧舭子肋h(yuǎn)比這樣設(shè)計(jì)好看。

4、所有的細(xì)節(jié)都必須醒目

對于網(wǎng)頁排版有種誤解，認(rèn)為網(wǎng)頁中所有的東西都要要大，要粗，要閃，要亮(親愛的老板們，你們又躺槍了……)。是的，我們將內(nèi)容放到網(wǎng)站中是希望它們能被注意到，能脫穎而出?？蓡栴}在于，如果所有的內(nèi)容和元素都加粗了，閃耀了，那么什么內(nèi)容都不會突出來的。突出是需要通過合理的布局、差異和負(fù)空間烘托出來的。使用不同的字體，主次內(nèi)容相互依托，圖文混拍，優(yōu)質(zhì)的內(nèi)容才會被眼睛捕捉到。

5、大Logo綜合征

是的，這就是廣大設(shè)計(jì)師津津樂道的大Logo綜合征，這是病，該吃藥。Logo的確是用戶進(jìn)入網(wǎng)站最容易注意到的元素，但是用戶更應(yīng)該注意的東西是你網(wǎng)站的內(nèi)容!當(dāng)用戶開始注意網(wǎng)站內(nèi)容之后，它們不再會去看你的Logo，當(dāng)你強(qiáng)行放大Logo無異于強(qiáng)迫用戶去關(guān)注他們不想看的東西。

6、網(wǎng)站應(yīng)該在所有瀏覽器里面效果都完全一樣

不同瀏覽器的渲染機(jī)制不一樣，所以同一個網(wǎng)頁在不同的瀏覽器里面看起來也不會完全一樣，這主要是因?yàn)榫W(wǎng)站所用的內(nèi)核不一樣造成的。所以，請接受這一事實(shí)。退一萬步講，對于絕大多數(shù)的網(wǎng)站，你的瀏覽器兼容性優(yōu)化得再好也很難達(dá)到100%的一模一樣。

7、段落兩邊對齊

很多人讀過書之后，他們希望網(wǎng)頁上的文本也和書里一樣，文本能夠兩端對齊。但實(shí)際上，這并不現(xiàn)實(shí)。且不說不同瀏覽器的渲染機(jī)制不一樣，單就一個瀏覽器而言，通過算法強(qiáng)行要求文本兩端對齊，英文這種單詞長短不一的段落會明顯出現(xiàn)疏密不一的情況，而對于中文而言，網(wǎng)站里大量的文本如此優(yōu)化也會造成類似的情況，除非是諸如簡書和起點(diǎn)這樣以文本內(nèi)容為主的網(wǎng)站，可以在文章正文使用這種機(jī)制來強(qiáng)化閱讀體驗(yàn)。

正如W3C標(biāo)準(zhǔn)協(xié)會所指出的：

“很多有認(rèn)知障礙的用戶在面對兩端對齊的文本的時候，是有一定閱讀障礙的。兩端對齊的文本會讓字間距出現(xiàn)疏密不一的狀況，這會讓很多人難于閱讀。為了避免這個問題，最好的方法就是不要創(chuàng)建這樣的文本布局，左對齊即可。”

8、堆砌關(guān)鍵詞

堆砌關(guān)鍵詞是一種非常令人反感的行為，這種行為是典型的黑帽手法，這種過度SEO優(yōu)化的手法會讓搜索引擎將你的網(wǎng)站Ban掉。如果你需要做好關(guān)鍵詞優(yōu)化，需根據(jù)內(nèi)容合理分配，請千萬注意不要重復(fù)輸入關(guān)鍵詞，使用相關(guān)或者變體都可以。

9、我們的網(wǎng)站建設(shè)需要一個初始頁面

初始頁面，比如某Flash企業(yè)站會做一個加載頁面，進(jìn)入網(wǎng)站前會有一個百分比進(jìn)度條跟那兒慢慢跑著……對，就是這個。比較神奇的是有的網(wǎng)站還需要在加載完之后跳出一個按鈕，然后你才能進(jìn)入網(wǎng)站的首頁。你如果是一個體驗(yàn)很悶騷在線小游戲啥的也就算了。可是你的網(wǎng)站并不是!我們知道用戶對于網(wǎng)站的加載速度要求越來越高，數(shù)據(jù)統(tǒng)計(jì)表明，15秒已經(jīng)是極限了。認(rèn)真做好內(nèi)容和頁面優(yōu)化吧，這才是減少跳出率的正確姿勢。

10、上網(wǎng)搜個圖來用用吧

你永遠(yuǎn)無法預(yù)知搜索引擎給你扒來的圖片都是從哪兒來的。有的圖片是有版權(quán)的，如果你不小心碰到有版權(quán)所有的圖片，那么你將面對的是對方的索賠了(國外很嚴(yán)格，國內(nèi)對這一塊也越來越苛刻了)。