好的網(wǎng)頁(yè)設計是很難實(shí)現的。一個(gè)好的網(wǎng)頁(yè)設計不僅要醒目，還要實(shí)用、直觀(guān)、簡(jiǎn)單但又足夠復雜，才能讓用戶(hù)保持興趣。字體、顏色、空白和內容之間的平衡可以做出漂亮的設計，你的用戶(hù)會(huì )再次回來(lái)。一個(gè)糟糕的網(wǎng)頁(yè)設計會(huì )讓你的用戶(hù)遠離你的網(wǎng)站。設計網(wǎng)頁(yè)時(shí)，有很多地方會(huì )讓很多設計師誤入歧途。在這篇文章中，我們將討論你的網(wǎng)頁(yè)設計糟糕的10個(gè)原因以及如何解決它。

  1、空白不夠

  空白可以說(shuō)是設計重要的部分。它有助于防止用戶(hù)在瀏覽網(wǎng)站時(shí)感到疲勞，它可以在內容上拉開(kāi)距離，而且看起來(lái)也很好?？瞻撞灰欢ㄊ前咨?。相反，它只是一個(gè)空間，用于間隔和緩沖其他設計元素。

  2.字體太多

  一般來(lái)說(shuō)，一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)設計不超過(guò)3種字體。更多的是混亂

  3.顏色太多

  背景一種顏色，內容文本一種顏色，鏈接一種顏色，頁(yè)眉和燈箱一種顏色，圖案和頁(yè)腳各一種顏色。這很好，因為它有助于區分有用的內容。但是，多層次、多種亮色、大量對比色和飽和度會(huì )破壞你網(wǎng)站的層次和空白概念。盡量把自己限制在只有一種亮色色調(比如藍色)，然后搭配反向單色(白、灰、黑)就能得到一個(gè)漂亮的搭配。這里我們強調豆瓣的配色。也是我喜歡的配色。

  4.沒(méi)有內容級別

  用戶(hù)的眼睛喜歡有條不紊的設計，比如頭部的導航和LOGO，燈箱，三欄一欄，具體內容的頁(yè)腳。它有助于組織心中的重要信息，引導用戶(hù)關(guān)注你希望他們關(guān)注的地方。在傳統藝術(shù)中，新手被教授色彩、價(jià)值和線(xiàn)性透視三大原則等藝術(shù)指導。在網(wǎng)頁(yè)設計中，沒(méi)有特別的指導方針，但是以直觀(guān)的方式組織內容是一個(gè)很好的經(jīng)驗法則。也是多年培養的用戶(hù)習慣。習慣是用戶(hù)。當然，一成不變不是我們鼓勵的。

  5.不要考慮用戶(hù)的分辨率

  你的屏幕分辨率是2560像素，很不錯。但是很多人在屏幕上還是用1024像素，有的還是用640*480或者800*600。雖然這種分辨率的顯示器數量在減少，但分辨率更小的手機正在到來(lái)。目前的網(wǎng)頁(yè)設計寬度標準是960像素。雖然它沒(méi)有照顧到每一個(gè)決議，它可以在主流決議。如果要面對大量的手機用戶(hù)，考慮一個(gè)手機版本設計。

  6.比較的問(wèn)題

  有沒(méi)有考慮過(guò)黑底讀白和白底讀黑的區別?你有沒(méi)有嘗試過(guò)在白色背景上閱讀灰色字符?之所以有些方式比其他方式好，是因為它是眼睛感知對比的一種方式。如果你很難舒服地閱讀單詞，考慮改變字體大小或風(fēng)格。成為優(yōu)秀網(wǎng)頁(yè)設計師的秘訣：對比，對比，對比。

  7.做同樣的事情不夠，或者做得太多(太多)

  多重導航很好，比如一個(gè)在頭一個(gè)在尾。在頁(yè)腳添加“返回頂部”按鈕也很好。然而，通向同一個(gè)目標的路徑太多會(huì )降低可用性。讓你奶奶用你的網(wǎng)站。如果她處理不了，想想是什么讓一次訪(fǎng)問(wèn)的人拒絕使用這個(gè)網(wǎng)站。

  8.不一致的

  一致性是網(wǎng)頁(yè)設計的關(guān)鍵。這是一種將網(wǎng)頁(yè)設計組織在一起的方式，可以創(chuàng )造一種緊密結合的感覺(jué)。當網(wǎng)頁(yè)相互鏈接時(shí)，它可以幫助用戶(hù)將所有頁(yè)面連接在一起。如果你在整個(gè)網(wǎng)站上不斷改變字體、大小和顏色，用戶(hù)很快就會(huì )感到不知所措。

  9.沒(méi)有足夠的文本間距

  關(guān)于空格有兩個(gè)部分，一個(gè)是單詞空格(這個(gè)不能用CSS直接調整，可以用一些技術(shù)解決)，和字母之間的空格有關(guān)。一個(gè)是行距，可以直接用CSS調整，跟兩行文字的距離有關(guān)。這些有助于區分段落和行，并使用戶(hù)更容易閱讀文本。

  10.尺寸差

  標準做法是h1的字比h2的字大，頭字比段字大。盡量保持一致的維度，因為它有助于一致性(第8條)和內容層次結構(第4條)。保持文字可讀性，但不要太大。讓字體大小顯示信息的重要性。還有，10像素以下的尺寸對于閱讀量大的人來(lái)說(shuō)太小了。