好的網頁設計是一件很難實現(xiàn)的事情。一個好的網頁設計不僅要引人注目，而且要實用、直觀、層次簡單但又足夠復雜以保持用戶的興趣。字體、顏色、空白和內容的完美平衡可以打造出美觀的設計，讓您的用戶再次光顧。糟糕的網頁設計會讓您的用戶離開您的網站。在設計網頁時，有很多地方會讓很多設計師誤入歧途。

1、沒有足夠的空白

留白可以說是設計的重要組成部分。它有助于防止用戶在瀏覽網站時感到疲倦，它在內容中創(chuàng)造了距離，而且它本身看起來也不錯。留白不一定非得是白色，它只是為其他設計元素提供間距和緩沖空間。

2、太多的字體

一般來說，一個簡單的網頁設計，字體一般不會超過3種。更多的混亂

3、太多的色彩

一種顏色用于背景，一種顏色用于內容文本，一種顏色用于鏈接，一種顏色用于頁眉和燈箱，一種顏色用于圖案和頁腳。這很好，因為它有助于區(qū)分有用的內容。然而，多重漸變、多種鮮艷的顏色以及大量對比鮮明的色調和飽和度會破壞您網站中的圖層和空白空間的概念。嘗試將自己限制在一種明亮的色調（如藍色）上，并將其與反色單色（白色、灰色、黑色）搭配，以獲得完美的混合效果。這里著重強調一下豆瓣的配色。這也是我最喜歡的顏色組合。

4、沒有內容層次

用戶眼中喜歡一個有序的設計，比如header包含navigation和LOGO，具體內容使用一個lightbox，三欄，還有一個footer。它有助于在內部組織重要信息，并將用戶的注意力引導到您希望他注意的地方。在傳統(tǒng)藝術中，新手被教導顏色、價值和線性透視的三個原則，以及其他藝術準則。在網頁設計中，沒有規(guī)則可循，但以直觀的方式組織內容是一個很好的經驗法則。也是多年來養(yǎng)成的用戶習慣。最終習慣是最終用戶。當然，不變性不是我們所提倡的。

5、不考慮用戶的分辨率

您的屏幕分辨率為2560 像素，非常好。但是很多人在屏幕上仍然使用1024像素分辨率，也有一些人仍然使用640*480或者800*600。雖然這種分辨率的顯示器正在減少，但分辨率更小的移動設備也隨之而來。當前的網頁設計寬度標準是960 像素。雖然它并不能照顧到每一個分辨率，但在主流分辨率上都能很好地渲染。如果要面對大量的手機用戶，最好考慮手機版設計。

6、對比的問題

您是否考慮過閱讀黑底白字和白底黑字的區(qū)別？你試過在白色背景上閱讀灰色文本嗎？某些方法優(yōu)于其他方法的原因僅僅是眼睛感知對比度的方式。如果您無法舒適地閱讀文本，請考慮更改字體大小或樣式。成為網頁設計師大師的秘訣：對比、對比、對比。

7、同一件事情做的不夠多，或做的太多

多個導航很棒，比如一個在頁眉中，一個在頁腳中。在頁腳中有一個“返回頂部”按鈕也很好。然而，太多通往同一目標的路徑會降低可用性。讓您的祖母使用您的網站，如果她無法理解，請考慮是什么阻止了首次使用該網站的用戶。

8、不一致

一致性是網頁設計的關鍵。這是將網頁設計組織在一起的方式，可以創(chuàng)造一種凝聚力。在網站頁面相互鏈接的情況下，它可以幫助用戶將所有頁面聯(lián)系在一起。如果您不斷更改整個站點的字體、大小和顏色，用戶很快就會不知所措。

9、沒有足夠的文字間距

和空白相關的，文字間距有兩部分，一是kerning（這個不能直接用CSS調整，可以通過一些高級技巧解決），這是和字母間距相關的。一種是行間距，可以直接用CSS調整，這與兩行文字之間的距離有關。這些有助于區(qū)分行和段落，使用戶更容易閱讀文本。

10、貧乏的尺寸大小

標準做法是h1的文字大于h2的文字，標題文字大于段落文字。嘗試保持一致的大小，因為它有助于一致性(#8) 和內容層次結構(#4)。保持文本可讀，但不要太大，并讓字體大小傳達信息的重要性。此外，對于經常閱讀的人來說，10 像素以下的尺寸太小了。

本文來源推來客：高端網站建設

我們專注高端建站，小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復、物聯(lián)網開發(fā)、各類API接口對接開發(fā)等。十余年開發(fā)經驗，每一個項目承諾做到滿意為止，多一次對比，一定讓您多一份收獲！