網(wǎng)頁(yè)設(shè)計(jì)師所犯的10個(gè)最常見(jiàn)的錯(cuò)誤
站設(shè)計(jì)者在設(shè)計(jì)網(wǎng)站時(shí)犯了很多錯(cuò)誤（尤其是新的錯(cuò)誤）。從糟糕的設(shè)計(jì)到簡(jiǎn)單的監(jiān)督每天都在發(fā)生。但有一點(diǎn)勤奮，他們可以很容易地避免。

下面是十個(gè)最常見(jiàn)的錯(cuò)誤網(wǎng)頁(yè)設(shè)計(jì)師，以及網(wǎng)站的事情做正確的例子。其中一些很容易糾正，如果你意識(shí)到，其他人可能需要更多的時(shí)間。但都是可以解決的，值得花時(shí)間和精力去糾正。雖然這不是一個(gè)全面的常見(jiàn)錯(cuò)誤列表，但它是一個(gè)很好的起點(diǎn)。

1。繁忙，擁擠的頁(yè)面。

“留白”或“負(fù)空間”，是除你的背景設(shè)計(jì)之外的元素，是一個(gè)極其重要的設(shè)計(jì)元素。它是一個(gè)重要的設(shè)計(jì)元素，影響訪(fǎng)問(wèn)者如何理解不同元素的重要性。在你的欄、不同的頁(yè)面元素之間，甚至在單獨(dú)的字符、行和段落之間都應(yīng)該使用足夠的空白。既要考慮“宏”白空間，也要考慮列周?chē)呢?fù)空間、頁(yè)面元素，甚至整個(gè)設(shè)計(jì)；還有微白空間、單個(gè)行、段落和子元素之間的負(fù)空間。

除了空白之外，不要在一個(gè)頁(yè)面上放置太多的內(nèi)容。訪(fǎng)問(wèn)者可能會(huì)訪(fǎng)問(wèn)頁(yè)面尋找特定的內(nèi)容。只包含相關(guān)信息和必要的導(dǎo)航和每個(gè)頁(yè)面上的站點(diǎn)范圍元素。最好是在許多情況下，有多個(gè)短頁(yè)比只有少數(shù)很長(zhǎng)的，尤其是如果這些長(zhǎng)的有一噸的內(nèi)容無(wú)關(guān)。

2。難以找到新內(nèi)容

除非你設(shè)計(jì)的站點(diǎn)是完全靜態(tài)的，否則如何展示新的信息和內(nèi)容對(duì)于好的設(shè)計(jì)是至關(guān)重要的。回頭客可能會(huì)對(duì)上次參觀后發(fā)生的變化感興趣。一般來(lái)說(shuō)，這是在博客上自動(dòng)完成的，文章以日期降序排列。但在其他類(lèi)型的網(wǎng)站上呢？

有幾種方法來(lái)處理這個(gè)。您可以將整個(gè)部分用于新內(nèi)容。這可能是一個(gè)鏈接到最新內(nèi)容的頁(yè)面（例如，最近的十個(gè)更新）。或者這可能是主頁(yè)中的一個(gè)部分，或者是另一個(gè)鏈接到最新更新的頁(yè)面。無(wú)論在主頁(yè)上還是在自己的頁(yè)面上，使這個(gè)突出顯示都很重要。目的是讓游客更容易找到它。

10常見(jiàn)的網(wǎng)頁(yè)設(shè)計(jì)要避免的錯(cuò)誤

3.找不到鏈接

鏈接是網(wǎng)站最重要的部分之一。可以說(shuō)，它們可能是最重要的元素。在任何情況下，您需要確保您的鏈接很容易與其他文本元素區(qū)分開(kāi)來(lái)。

這里有兩件事需要記住。首先，要確保你的鏈接在某種程度上區(qū)別于你的其他文本。可以使用不同的顏色、下劃線(xiàn)或其他文本屬性（除了閃爍文本）。要記住的第二件事是不要讓沒(méi)有鏈接的文本看起來(lái)像一個(gè)鏈接。這意味著，在任何情況下，如果你的站點(diǎn)不是鏈接，你的站點(diǎn)上的任何文本都必須加下劃線(xiàn)。它還意味著，如果使用其他元素來(lái)樣式化鏈接，請(qǐng)不要將它們應(yīng)用于非鏈接文本。

4。不正確的圖像格式

在網(wǎng)站上使用不同圖像的正確圖像格式是至關(guān)重要的。使用錯(cuò)誤的圖像文件格式可以使您的圖像文件大于它們所需要的或影響最終圖像的質(zhì)量。與在線(xiàn)圖形有關(guān)的三種圖像格式是JPEG、GIF和PNG。

JPEG格式是非常好的照片或圖像，有很多不同的顏色和色調(diào)，因?yàn)樗?4位顏色。使用JPEG的缺點(diǎn)是它使用有損壓縮。換句話(huà)說(shuō)，文件大小越小，得到的質(zhì)量損失就越多。使用較低的壓縮最小化這一點(diǎn)，但它仍然是一個(gè)問(wèn)題，特別是在較大的圖像或圖像，原來(lái)是非常尖銳的。你不能使用JPEG或透明度。

GIF格式對(duì)于使用有限調(diào)色板的圖像非常有用。GIF只有8位的顏色（總共有256個(gè)顏色）。這意味著它不適合照片或大多數(shù)梯度圖像。GIF使用無(wú)損壓縮，這意味著，如果你的圖像只使用有限的調(diào)色板，它會(huì)導(dǎo)致真正的小文件大小，沒(méi)有質(zhì)量損失。GIF也能在調(diào)色板中為單個(gè)顏色透明。

PNG格式適用于照片和其他圖形。PNG圖像能透明（在瀏覽器支持的話(huà)），這給他們的禮物一個(gè)優(yōu)勢(shì)。他們也使用無(wú)損壓縮，這讓他們?cè)贘PEG的優(yōu)勢(shì)。他們能夠8或24位色，所以適合的圖像，以前會(huì)被保存為GIF或JPEG文件。PNG圖像不是很好的在JPEG格式的照片，但大大優(yōu)于GIF。

5。離開(kāi)默認(rèn)頁(yè)面的標(biāo)題

在Dreamweaver的默認(rèn)頁(yè)面的標(biāo)題是“無(wú)標(biāo)題文檔”。如果你在谷歌搜索，你會(huì)得到差不多3000萬(wàn)個(gè)結(jié)果。真的沒(méi)有借口。這是第二修正。在上傳之前要確保已經(jīng)將默認(rèn)頁(yè)面標(biāo)題改為默認(rèn)值。

但實(shí)際上，你應(yīng)該把它超越一步。很多CMS使用網(wǎng)站或博客名稱(chēng)為默認(rèn)頁(yè)面的標(biāo)題為每個(gè)站點(diǎn)內(nèi)的頁(yè)面。有些將添加特定頁(yè)面的標(biāo)題，但有些沒(méi)有。您應(yīng)該確保不僅每個(gè)頁(yè)面的標(biāo)題是唯一的，而且特定的頁(yè)面標(biāo)題顯示在站點(diǎn)標(biāo)題之前。這對(duì)SEO有很大的幫助，無(wú)論是在表現(xiàn)出更高的結(jié)果，以及這些結(jié)果看起來(lái)更相關(guān)的潛在訪(fǎng)問(wèn)者。

6。難以使用或難以找到導(dǎo)航

導(dǎo)航應(yīng)該立即明顯的游客，在定位與使用條件。在Web設(shè)計(jì)中，有一種趨勢(shì)是隱藏導(dǎo)航，將其無(wú)縫地集成到主頁(yè)上的圖像或其他內(nèi)容中。雖然藝術(shù)上很有趣，但功能上卻很不友好。

即使使用諸如下拉菜單之類(lèi)的導(dǎo)航工具，也可以使頁(yè)面不易使用。你希望用戶(hù)能夠以最少的努力找到他們正在尋找的東西。永遠(yuǎn)記住，當(dāng)你設(shè)計(jì)。

7。固定字體大小

這是一個(gè)非常重要的一個(gè)。確保用戶(hù)可以根據(jù)自己的喜好調(diào)整頁(yè)面上的字體大小。這是通過(guò)使用EM字體大小而不是基于像素的大小來(lái)完成的。同樣，這是一個(gè)相對(duì)簡(jiǎn)單的實(shí)現(xiàn)，但是大大提高了站點(diǎn)的可用性和可訪(fǎng)問(wèn)性。

8。網(wǎng)站用途不明
訪(fǎng)問(wèn)者應(yīng)該立即知道網(wǎng)站是關(guān)于什么的，不管他們登陸哪個(gè)頁(yè)面。這可以通過(guò)使用標(biāo)記行或類(lèi)似的標(biāo)記，通過(guò)頁(yè)面標(biāo)題，或通過(guò)個(gè)別頁(yè)面上的標(biāo)題來(lái)完成。不管你選擇做什么，在訪(fǎng)問(wèn)者在給定頁(yè)面上著陸后的頭幾秒鐘內(nèi)確保它是顯而易見(jiàn)的。

9。使用苛刻的顏色

苛刻的顏色，特別是使用對(duì)比鮮明的顏色，可以迅速使您的網(wǎng)站令人討厭的看法。你不想做任何讓訪(fǎng)問(wèn)者想離開(kāi)你的站點(diǎn)的事情。眼睛緊張是讓大多數(shù)游客匆匆忙忙離開(kāi)的一件事。你的網(wǎng)站應(yīng)該展示你的內(nèi)容，避免有損于該網(wǎng)站的目標(biāo)什么。

10。廣告融入內(nèi)容
廣告應(yīng)該與你網(wǎng)站的內(nèi)容分開(kāi)。橫幅廣告相對(duì)來(lái)說(shuō)比較容易，大多數(shù)互聯(lián)網(wǎng)用戶(hù)都知道橫幅廣告是什么樣子的。它與文本鏈接有一點(diǎn)麻煩，但。將你的廣告貼上對(duì)你的訪(fǎng)問(wèn)者有意義的標(biāo)簽，使你的網(wǎng)站被認(rèn)為更值得信賴(lài)。這是特別重要的文本廣告，那里的臨客徘徊將彈出一個(gè)模態(tài)窗口廣告，確保這些鏈接是鏈接從您的正常分化。