網(wǎng)頁(yè)設(shè)計(jì)中常見幾個(gè)錯(cuò)誤

大家都曉得網(wǎng)頁(yè)設(shè)計(jì)的重要性，低質(zhì)的網(wǎng)頁(yè)設(shè)計(jì)會(huì)給用戶帶來糟糕的體驗(yàn)，從而影響網(wǎng)頁(yè)的流量，或是產(chǎn)品的銷售。那么在設(shè)計(jì)網(wǎng)頁(yè)的過程中，應(yīng)該防止出現(xiàn)哪些錯(cuò)誤呢？

1、 頁(yè)面上組與組之間的空間不平均

應(yīng)該讓區(qū)塊上下之間設(shè)置相同高度的空間。否則頁(yè)面看上去會(huì)很紊亂。用戶可能會(huì)以為每個(gè)局部的內(nèi)容不是相等的。

2、防止圖片上的顯現(xiàn)對(duì)比度低的文本

文本和背景圖片應(yīng)該有足夠的對(duì)比度。為了讓文本突出，圖片上能夠加一層半透明的黑色，也能夠用鮮艷的突變色?；蛘哌x擇圖片的時(shí)分，就選擇比照度高的圖片，文本放在圖片比擬暗或者亮的區(qū)域。

3、疏忽針對(duì)不同設(shè)備優(yōu)化網(wǎng)頁(yè)

如今很多用戶都不再運(yùn)用PC閱讀網(wǎng)頁(yè)了。因而在設(shè)計(jì)網(wǎng)頁(yè)時(shí)，不要忘了針對(duì)智能手機(jī)、平板電腦等移動(dòng)設(shè)備進(jìn)行網(wǎng)頁(yè)優(yōu)化。你必需確保用戶在任何設(shè)備上閱讀你的網(wǎng)頁(yè)時(shí)，都能夠得到好的閱讀體驗(yàn)。

4、 同一頁(yè)面上的款式太多

同一頁(yè)面上太多的板式和設(shè)計(jì)作風(fēng)會(huì)讓頁(yè)面看起來不專業(yè)而且難以閱讀。要防止這種狀況，請(qǐng)將字體限制在一種，只要粗細(xì)的不同。只用一種字體，一種顏色和兩種字體粗細(xì)變化，這樣頁(yè)面上的排版看起來整潔明了。

5、中心文本過多

當(dāng)頁(yè)面上的文本內(nèi)容較少時(shí)，居中的文本容易閱讀，否則就是災(zāi)難性的。不然，您得設(shè)計(jì)成折疊式的。長(zhǎng)段而且居中的文本不易閱讀。標(biāo)題下的短文本（兩者都居中）在頁(yè)面上看起來很好。

6、用低像素圖片展現(xiàn)產(chǎn)品

關(guān)于電子商務(wù)網(wǎng)站來說，他們的網(wǎng)頁(yè)就像是個(gè)產(chǎn)品演示間。用戶需求經(jīng)過網(wǎng)頁(yè)來理解產(chǎn)品的方方面面，因而請(qǐng)為他們準(zhǔn)備高清圖片。除了提供高像素圖片之外，你還應(yīng)該為用戶提供產(chǎn)品各個(gè)角度的圖片。

7、 內(nèi)容不分區(qū)塊

網(wǎng)頁(yè)設(shè)計(jì)中，將內(nèi)容分組分塊展現(xiàn)，則用戶更容易了解內(nèi)容的信息。將上下間距設(shè)置為120 px-180 px，并運(yùn)用彩色背景分隔文本塊。足夠大的間距，不同塊用不同的顏色做辨別。這樣，用戶一看便曉得哪些區(qū)塊包含哪些內(nèi)容。

8、一個(gè)內(nèi)容分為兩局部

全屏幻燈片看上快去像是一個(gè)單獨(dú)的模塊。這時(shí)，應(yīng)該在幻燈片四周留白增加空隙，與標(biāo)題運(yùn)用相同的背景，這樣的文本和圖片看起來才是對(duì)的。一個(gè)全屏畫廊看起來與上面的標(biāo)題脫節(jié)，看起來像一個(gè)獨(dú)立的內(nèi)容塊。畫廊與它上方的標(biāo)題具有相同的背景，這使得整個(gè)構(gòu)圖看起來很調(diào)和。