對(duì)于網(wǎng)頁(yè)設(shè)計(jì)的10個(gè)常見(jiàn)誤解

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

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

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

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

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

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

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

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

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

3、填滿頁(yè)面所有的空間

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

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

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

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

5、大Logo綜合征

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

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

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

7、段落兩邊對(duì)齊

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

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

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

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

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

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

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

10、上網(wǎng)搜個(gè)圖來(lái)用用吧

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