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

1、沒有足夠的空白

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

2、太多的字體

一般來說，一個簡單的網(wǎng)頁設(shè)計，字體一般不會超過3種。更多的混亂

3、太多的色彩

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

4、沒有內(nèi)容層次

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

5、不考慮用戶的分辨率

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

6、對比的問題

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

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

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

8、不一致

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

9、沒有足夠的文字間距

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

10、貧乏的尺寸大小

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

本文來源推來客：高端網(wǎng)站建設(shè)

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