網站建設前規劃很重要，做好網頁規劃我們應該避免那些坑？
發布日期：2021-05-10 訪問次數：
杰出的網頁規劃是件很難實現的事情。一個好的網頁規劃，不只吸引眼球，也是實用的、直觀的、層級簡單卻足夠復雜到保持用戶的興趣。字體、色彩、空白與內容間的完美平衡能夠構成一個非常好看的規劃，你的用戶也會再次回來。而一個壞的網頁規劃，會把你的用戶從你的網站上趕跑。 在規劃一個網頁時，有許多當地會讓許多規劃師誤入歧途。在本文中，咱們會評論讓你的網頁規劃很糟糕的10個原因以及怎么處理它。
1、沒有足夠的空白
空白能夠說是規劃中最重要的一部分。它有助于避免用戶在瀏覽網站時變得疲憊，它能夠在內容中劃出距離，而且它本身也看上去不錯。空白不是必須用白色的，而是，它僅僅是為其他規劃元素供給間隔和緩沖的空間。
2、太多的字體
一般一個簡單的網頁規劃，一般字體不超越3種。多則亂
3、太多的色彩
背景一種色彩，內容文本一種色彩，鏈接一種色彩，頁頭和lightbox一種色彩，圖案和頁腳各一種色彩。這很好，由于它幫助區分了有用的內容。但是，多重漸變、幾種鮮艷的色彩和很多有鮮明對比的色彩及飽和度，會破壞你網站的層次和空白概念。嘗試約束自己只用一種鮮艷的色彩（如藍色），再調配反相的單色（白、灰、黑）以取得一個美麗的調配。這兒強調下豆瓣的配色。也是我喜愛的色彩調配。
4、沒有內容層次
用戶的眼睛喜愛有次序的規劃，如頭部包括導航和LOGO，特定內容使用lightbox，三列分欄，頁腳。它有助于在心里安排重要的信息，并引導用戶留意在你想讓他留意的當地。在傳統藝術中，新手們被教導色彩、價值和線性透視三原則和其他藝術輔導。在網頁規劃中，沒有特別奉行的準則，但以直觀的方法安排你的內容是一條很好的經驗規則。也是多年培養的用戶習氣。最終習氣便是最終用戶。當然一成不變不是咱們所鼓勵的。
5、不考慮用戶的分辨率
你的屏幕分辨率有2560像素，這非常好。但很多人還在屏幕上用1024像素的分率，有些還在用640*480或800*600。盡管這種分辨率的顯示器正在減少，但選用更小的分辨率的手機設備也來了。現在的網頁規劃寬度標準是960像素，盡管沒有照顧到每一種分辨率，但在干流分辨率上能夠出現的最好。假設你希望面對很多的手機用戶，最好考慮一個手機版規劃。
6、比照的問題
你考慮過閱覽黑底白字和白底黑字的不同嗎？你有沒有試過閱覽一下白底灰字？有些方法之所以比其他的更好，其原因便是這是一種眼睛感知到比照的方法。假如你很難舒服的閱覽文字，考慮一下改動字體大小或方法。成為一個大師級網頁規劃師的訣竅：比照，比照，比照。
7、同一件工作做的不夠多，或做的太多（過為己甚）
多重導航非常好，如一個在頁頭一個在頁腳。在頁腳加一個”回來頂部”的按鈕也很好。但是，太多指向同一目標的途徑會下降可用性。讓你的奶奶用下你的網站，假如她搞不定，想想哪些東西讓初度訪問的用戶回絕使用這個網站。
8、不一致
一致性是網頁規劃的關鍵。它是把網頁規劃安排在一起的方法，能夠發明一種緊密結合的感覺。在網站頁面互相鏈接的情況下，它能夠協助用戶把所有頁面都聯系在一起。假如你在整個網站繼續改動字體、大小和顏色，用戶很快會覺得不知所措。
9、沒有足夠的文字間距
與空白有關，文字間距有兩個部分，一個是字距（這個不能用CSS直接調整，能夠通過一些高檔技術處理），關系到字母之間的空白。一個是行距，能夠用CSS直接調整，關系到兩行文字之間的距離。這些有助于區分行與段落，使用戶更容易閱覽文字。
10、貧乏的尺度大小
規范做法是h1的文字大于h2的文字，頭部文字大于段落文字。盡量保持一致的尺度，因為它有助于一致性（第8條）和內容層次（第4條）。保持文字的可讀性，但不要太大，讓字體的大小表現信息的重要性。還有，10像素以下的尺度對很多閱覽的人來說太小了。
1、沒有足夠的空白
空白能夠說是規劃中最重要的一部分。它有助于避免用戶在瀏覽網站時變得疲憊，它能夠在內容中劃出距離，而且它本身也看上去不錯。空白不是必須用白色的，而是，它僅僅是為其他規劃元素供給間隔和緩沖的空間。
2、太多的字體
一般一個簡單的網頁規劃，一般字體不超越3種。多則亂
3、太多的色彩
背景一種色彩，內容文本一種色彩，鏈接一種色彩，頁頭和lightbox一種色彩，圖案和頁腳各一種色彩。這很好，由于它幫助區分了有用的內容。但是，多重漸變、幾種鮮艷的色彩和很多有鮮明對比的色彩及飽和度，會破壞你網站的層次和空白概念。嘗試約束自己只用一種鮮艷的色彩（如藍色），再調配反相的單色（白、灰、黑）以取得一個美麗的調配。這兒強調下豆瓣的配色。也是我喜愛的色彩調配。
4、沒有內容層次
用戶的眼睛喜愛有次序的規劃，如頭部包括導航和LOGO，特定內容使用lightbox，三列分欄，頁腳。它有助于在心里安排重要的信息，并引導用戶留意在你想讓他留意的當地。在傳統藝術中，新手們被教導色彩、價值和線性透視三原則和其他藝術輔導。在網頁規劃中，沒有特別奉行的準則，但以直觀的方法安排你的內容是一條很好的經驗規則。也是多年培養的用戶習氣。最終習氣便是最終用戶。當然一成不變不是咱們所鼓勵的。
5、不考慮用戶的分辨率
你的屏幕分辨率有2560像素，這非常好。但很多人還在屏幕上用1024像素的分率，有些還在用640*480或800*600。盡管這種分辨率的顯示器正在減少，但選用更小的分辨率的手機設備也來了。現在的網頁規劃寬度標準是960像素，盡管沒有照顧到每一種分辨率，但在干流分辨率上能夠出現的最好。假設你希望面對很多的手機用戶，最好考慮一個手機版規劃。
6、比照的問題
你考慮過閱覽黑底白字和白底黑字的不同嗎？你有沒有試過閱覽一下白底灰字？有些方法之所以比其他的更好，其原因便是這是一種眼睛感知到比照的方法。假如你很難舒服的閱覽文字，考慮一下改動字體大小或方法。成為一個大師級網頁規劃師的訣竅：比照，比照，比照。
7、同一件工作做的不夠多，或做的太多（過為己甚）
多重導航非常好，如一個在頁頭一個在頁腳。在頁腳加一個”回來頂部”的按鈕也很好。但是，太多指向同一目標的途徑會下降可用性。讓你的奶奶用下你的網站，假如她搞不定，想想哪些東西讓初度訪問的用戶回絕使用這個網站。
8、不一致
一致性是網頁規劃的關鍵。它是把網頁規劃安排在一起的方法，能夠發明一種緊密結合的感覺。在網站頁面互相鏈接的情況下，它能夠協助用戶把所有頁面都聯系在一起。假如你在整個網站繼續改動字體、大小和顏色，用戶很快會覺得不知所措。
9、沒有足夠的文字間距
與空白有關，文字間距有兩個部分，一個是字距（這個不能用CSS直接調整，能夠通過一些高檔技術處理），關系到字母之間的空白。一個是行距，能夠用CSS直接調整，關系到兩行文字之間的距離。這些有助于區分行與段落，使用戶更容易閱覽文字。
10、貧乏的尺度大小
規范做法是h1的文字大于h2的文字，頭部文字大于段落文字。盡量保持一致的尺度，因為它有助于一致性（第8條）和內容層次（第4條）。保持文字的可讀性，但不要太大，讓字體的大小表現信息的重要性。還有，10像素以下的尺度對很多閱覽的人來說太小了。
掃描添加好友
免費提供：網站建設、網絡推廣解決方案
已幫助
人
人
您的鼓勵是站長的最大動力
標簽：網站建設,網頁規劃
轉載請注明來自：http://www.shanghai-zhongtie.com.cn/news/2169.html
1 次
11 次
