網(wǎng)頁設計很糟糕的原因是什么
來源:fxcpd.net         發(fā)布時間:2021-08-16
好的網(wǎng)頁設計是很難實現(xiàn)的。一個好的網(wǎng)頁設計不僅要醒目,還要實用、直觀、簡單但又足夠復雜,才能讓用戶保持興趣。字體、顏色、空白和內容之間的平衡可以做出漂亮的設計,你的用戶會再次回來。一個糟糕的網(wǎng)頁設計會讓你的用戶遠離你的網(wǎng)站。設計網(wǎng)頁時,有很多地方會讓很多設計師誤入歧途。在這篇文章中,我們將討論你的網(wǎng)頁設計糟糕的10個原因以及如何解決它。
1、空白不夠
空白可以說是設計重要的部分。它有助于防止用戶在瀏覽網(wǎng)站時感到疲勞,它可以在內容上拉開距離,而且看起來也很好??瞻撞灰欢ㄊ前咨摹O喾?,它只是一個空間,用于間隔和緩沖其他設計元素。
2.字體太多
一般來說,一個簡單的網(wǎng)頁設計不超過3種字體。更多的是混亂
3.顏色太多
背景一種顏色,內容文本一種顏色,鏈接一種顏色,頁眉和燈箱一種顏色,圖案和頁腳各一種顏色。這很好,因為它有助于區(qū)分有用的內容。但是,多層次、多種亮色、大量對比色和飽和度會破壞你網(wǎng)站的層次和空白概念。盡量把自己限制在只有一種亮色色調(比如藍色),然后搭配反向單色(白、灰、黑)就能得到一個漂亮的搭配。這里我們強調豆瓣的配色。也是我喜歡的配色。
4.沒有內容級別
用戶的眼睛喜歡有條不紊的設計,比如頭部的導航和LOGO,燈箱,三欄一欄,具體內容的頁腳。它有助于組織心中的重要信息,引導用戶關注你希望他們關注的地方。在傳統(tǒng)藝術中,新手被教授色彩、價值和線性透視三大原則等藝術指導。在網(wǎng)頁設計中,沒有特別的指導方針,但是以直觀的方式組織內容是一個很好的經(jīng)驗法則。也是多年培養(yǎng)的用戶習慣。習慣是用戶。當然,一成不變不是我們鼓勵的。
5.不要考慮用戶的分辨率
你的屏幕分辨率是2560像素,很不錯。但是很多人在屏幕上還是用1024像素,有的還是用640*480或者800*600。雖然這種分辨率的顯示器數(shù)量在減少,但分辨率更小的手機正在到來。目前的網(wǎng)頁設計寬度標準是960像素。雖然它沒有照顧到每一個決議,它可以在主流決議。如果要面對大量的手機用戶,考慮一個手機版本設計。
6.比較的問題
有沒有考慮過黑底讀白和白底讀黑的區(qū)別?你有沒有嘗試過在白色背景上閱讀灰色字符?之所以有些方式比其他方式好,是因為它是眼睛感知對比的一種方式。如果你很難舒服地閱讀單詞,考慮改變字體大小或風格。成為優(yōu)秀網(wǎng)頁設計師的秘訣:對比,對比,對比。
7.做同樣的事情不夠,或者做得太多(太多)
多重導航很好,比如一個在頭一個在尾。在頁腳添加“返回頂部”按鈕也很好。然而,通向同一個目標的路徑太多會降低可用性。讓你奶奶用你的網(wǎng)站。如果她處理不了,想想是什么讓一次訪問的人拒絕使用這個網(wǎng)站。
8.不一致的
一致性是網(wǎng)頁設計的關鍵。這是一種將網(wǎng)頁設計組織在一起的方式,可以創(chuàng)造一種緊密結合的感覺。當網(wǎng)頁相互鏈接時,它可以幫助用戶將所有頁面連接在一起。如果你在整個網(wǎng)站上不斷改變字體、大小和顏色,用戶很快就會感到不知所措。
9.沒有足夠的文本間距
關于空格有兩個部分,一個是單詞空格(這個不能用CSS直接調整,可以用一些技術解決),和字母之間的空格有關。一個是行距,可以直接用CSS調整,跟兩行文字的距離有關。這些有助于區(qū)分段落和行,并使用戶更容易閱讀文本。
10.尺寸差
標準做法是h1的字比h2的字大,頭字比段字大。盡量保持一致的維度,因為它有助于一致性(第8條)和內容層次結構(第4條)。保持文字可讀性,但不要太大。讓字體大小顯示信息的重要性。還有,10像素以下的尺寸對于閱讀量大的人來說太小了。