在開(kāi)發(fā)網(wǎng)站時(shí)，錯(cuò)誤可以根據(jù)編碼和設(shè)計(jì)進(jìn)行分類(lèi)。在大多數(shù)情況下，編碼錯(cuò)誤可以通過(guò)測(cè)試和調(diào)試來(lái)解決; 然而，設(shè)計(jì)錯(cuò)誤往往更常見(jiàn)，更容易錯(cuò)過(guò)。

設(shè)計(jì)錯(cuò)誤只能通過(guò)學(xué)習(xí)發(fā)現(xiàn)它們并理解是什么使它們?cè)谝曈X(jué)上成問(wèn)題來(lái)避免。在許多情況下，設(shè)計(jì)錯(cuò)誤看起來(lái)并不糟糕; 盡管如此，它們可以在未來(lái)的設(shè)計(jì)項(xiàng)目中輕松改進(jìn)和避免。以下是一些常見(jiàn)的頁(yè)面設(shè)計(jì)問(wèn)題：不均勻的水平間距
如果前導(dǎo)段落后跟H2元素加上一行文本，則頁(yè)面的其余部分應(yīng)以相同的間距流動(dòng)。在標(biāo)題，圖像和段落之間插入不均勻的空格是一個(gè)常見(jiàn)的錯(cuò)誤，導(dǎo)致稍微不舒服的瀏覽體驗(yàn)。前景文本提供較差的對(duì)比度
疊加在圖像上的低對(duì)比度文本可能難以閱讀。這方面的問(wèn)題之一是設(shè)計(jì)師只關(guān)注改變文本屬性而忽略圖像。有時(shí)候，所需要的只是圖像濾鏡或輕微的亮度調(diào)整，以使事情有效。邏輯塊和空白區(qū)域
20世紀(jì)80年代的雜志廣告通過(guò)邏輯排列文本塊來(lái)充分利用空白區(qū)域，這可以通過(guò)填充和背景顏色來(lái)實(shí)現(xiàn)。過(guò)多的排版
除非網(wǎng)站專(zhuān)門(mén)用于支持藝術(shù)項(xiàng)目，否則CSS的編碼方式不應(yīng)類(lèi)似于20世紀(jì)90年代華麗的另類(lèi)搖滾雜志。設(shè)計(jì)師應(yīng)盡可能堅(jiān)持使用單一字體，兩種顏色，兩種效果和兩種飽和度。我們的想法是創(chuàng)建一種讀者將在后續(xù)頁(yè)面中遇到的樣式。長(zhǎng)文本和窄文本塊
20世紀(jì)后期印刷的那些不能很好地轉(zhuǎn)化為現(xiàn)代網(wǎng)頁(yè)設(shè)計(jì)。例外情況是單個(gè)列在頁(yè)面上居中; 這允許移動(dòng)訪問(wèn)者隨意調(diào)整他們的屏幕。