« 如何吹你的頭發不傷你的頭發。教你吹6個技巧 | トップページ | 分析導致網頁設計效果大大降低的問題 »

2019年7月 8日 (月)

分析導致網頁設計效果大大降低的問題

在設計網頁時,確實有許多細節會導致許多設計師誤入歧途。在本文中,我們將討論一些可以導致網頁設計顯著減少的問題。我希望引起所有人的注意。

好的網頁設計是很難實現的。一個好的網頁設計不僅引人注目,而且實用、直觀、簡單,足以讓用戶感興趣。字體、顏色、空白和內容之間的完美平衡可以形成一個非常好的設計,增加用戶粘性,而一個糟糕的網頁設計可能會讓用戶遠離你的網站。

1、不夠空白

空白處可以說是設計中最重要的部分。它有助於防止用戶在瀏覽網站時感到疲勞,它可以與內容保持距離,而且它自己看起來也很好。空白空間不一定是白色的,但只為其他設計元素提供空間和緩沖區。

2、字體太多

是的,我知道你剛買了一套5000種超級字體,但是對於你的網頁設計,不要一下子就用完了。一般來說,這是一個很好的方法來限制自己的字體,特別是對於新手設計師。雖然你可以混合襯線字體和無襯線字體來創造一個非常好的設計,你還需要知道何時何地使用它,並有一個計劃在心裏。否則,它會看起來很奇怪。

3、色彩太多

背景顏色,內容文本,顏色,顏色,標題和燈箱,顏色,圖案和頁腳。這很好,因為它有助於區分有用的內容。但是,多個漸變,幾種鮮豔的色彩以及大量對比色調和飽和度可能會破壞您網站的層次結構和空白概念。嘗試將自己限制為只有一種明亮的顏色(如藍色),然後反轉顏色(白色,灰色,黑色)以獲得良好的效果。

網頁設計出色,會直接幫助你的網站或品牌發展,絢爛的色彩也使是你們接受

4、沒有內容層次

用戶的眼睛就像一個有序的設計,如頭部包含導航和徽標,具體內容使用燈箱,三列和頁腳。它有助於在心髒中組織重要信息,並引導用戶到您希望他注意的地方。在傳統藝術中,新手被教授顏色,價值和線性透視以及其他藝術指導三個原則。網頁設計中沒有特殊的命名准則,但以直觀的方式組織內容是一個很好的經驗法則。

這也是區分不同大小文本的好方法。標准做法是h1的文本大於h2的文本,標題文本大於段落文本。盡可能保持大小的一致性,因為它有助於一致性(第8條)和內容層次結構(第4條)。保持文本可讀性,但不要太大,這樣字體的大小就反映了信息的重要性。另外,對於大量的讀者來說,低於10像素的尺寸太小了。

5、不論使用者解析度

是的,你的屏幕分辨率是2560像素,非常好。但是很多人仍然在屏幕上使用1024像素分數,有些人仍然使用640 * 480或800 * 600。雖然此分辨率的顯示正在減少,但分辨率較低的移動設備也將出現。目前的網頁設計寬度標准是960像素。雖然它不會處理所有分辨率,但它可以最好地顯示在主流分辨率中。如果您想面對大量的手機用戶,最好考慮一下移動版的設計。

6、對比的問題

你考慮過讀黑白字和讀黑白字的區別嗎?你有沒有試過在白色背景下閱讀灰色字符?有些比其他更好,因為它是眼睛感知對比的一種方式。如果您發現難以輕松閱讀文本,請考慮更改字體大小或樣式。

7、界面的易用性不夠

多導航非常好,例如頁腳頂部的一個。在頁腳中添加“返回頂部”按鈕也很好。但是,到同一目標的路徑太多會降低可用性。讓你的祖母使用你的網站。如果她不確定,請考慮一下第一次使用者拒絕使用本網站的原因。

8、不一致

一致性是網頁設計的關鍵。它是一種將Web設計組織在一起並創建緊密集成感的方法。在網頁相互鏈接的情況下,它可以幫助用戶將所有網頁連接在一起。如果你繼續改變整個網站的字體、大小和顏色,用戶很快就會感到不知所措。

9、文本空間不足

與空白相關,文本間距有兩個部分,一個是字距調整(這不能用CSS直接調整,可以通過一些先進的技術來解決),與字母之間的差距有關。一個是行間距,可以直接用CSS調整,這與兩行文本之間的距離有關。

« 如何吹你的頭發不傷你的頭發。教你吹6個技巧 | トップページ | 分析導致網頁設計效果大大降低的問題 »

コメント

コメントを書く

(ウェブ上には掲載しません)

« 如何吹你的頭發不傷你的頭發。教你吹6個技巧 | トップページ | 分析導致網頁設計效果大大降低的問題 »