網(wǎng)頁設(shè)計(jì)很糟糕的10個(gè)原因

 杰出的廣州網(wǎng)站建設(shè)頁面規(guī)劃是件很難完成的工作。一個(gè)好的頁面規(guī)劃，不只吸引眼球，也是實(shí)用的、直觀的、層級(jí)簡略卻滿足復(fù)雜到堅(jiān)持用戶的愛好。字體、顏色、空白與內(nèi)容間的完滿平衡能夠構(gòu)成一個(gè)十分美觀的規(guī)劃，你的用戶也會(huì)再次回來。而一個(gè)壞的頁面規(guī)劃，會(huì)把你的用戶從你的網(wǎng)站上趕跑。 在規(guī)劃一個(gè)頁面時(shí)，有很多地方會(huì) 讓很多規(guī)劃師誤入歧途。在本文中，咱們會(huì)評(píng)論讓你的頁面規(guī)劃很差勁的10個(gè)原因以及怎么解決它。

　　1、沒有滿足的空白

　　空白能夠說是規(guī)劃中最主要的一有些。它有助于防止用戶在閱覽網(wǎng)站時(shí)變得疲乏，它能夠在內(nèi)容中劃出距離，并且它本身也看上去不錯(cuò)?？瞻撞皇潜仨氂冒咨模?，它僅僅是為別的規(guī)劃元素供給距離和緩沖的空間。

　　2、太多的字體

　　通常一個(gè)簡略的頁面規(guī)劃，通常字體不超越3種。多則亂。

　　3、太多的顏色

　　背 景一種顏色，內(nèi)容文本一種顏色，連接一種顏色，頁頭和lightbox一種顏色，圖畫和頁腳各一種顏色。這極好，由于它協(xié)助區(qū)分了有用的內(nèi)容。可是，多重 突變、幾種艷麗的顏色和很多有鮮明比照的顏色及飽和度，會(huì)損壞你網(wǎng)站的層次和空白概念。

　　嘗試約束自個(gè)只用一種艷麗的顏色(如藍(lán)色)，再調(diào)配反相的單色(白、灰、黑)以取得一個(gè)美麗的調(diào)配。這兒強(qiáng)調(diào)下豆瓣的配色。也是我喜愛的顏色調(diào)配。

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

　　用戶的雙眼喜愛有秩序 的規(guī)劃，如頭部包括導(dǎo)航和LOGO，特定內(nèi)容運(yùn)用lightbox，三列分欄，頁腳。它有助于在心里安排主要的信息，并引導(dǎo)用戶留意在你想讓他留意的地方。

　　在傳統(tǒng)藝術(shù)中，菜鳥們被教訓(xùn)顏色、價(jià)值和線性透視三原則和別的藝術(shù)輔導(dǎo)。在頁面規(guī)劃中，沒有格外奉行的原則，但以直觀的方法安排你的內(nèi)容是一條極好的經(jīng)歷規(guī)矩。也是多年培育的用戶習(xí)氣。終究習(xí)氣即是終究用戶。當(dāng)然原封不動(dòng)不是咱們所鼓勵(lì)的。

　　5、不思考用戶的分辨率

　　你的屏幕 分辨率有2560像素，這十分好。但很多人還在屏幕上用1024像素的分率，有些還在用640*480或800*600。雖然這種分辨率的顯示器正在減 少，但采用更小的分辨率的手機(jī)設(shè)備也來了。

　　如今的頁面規(guī)劃寬度規(guī)范是960像素，雖然沒有照顧到每一種分辨率，但在干流分辨率上能夠出現(xiàn)的最佳。假設(shè)你希 望面對(duì)很多的手機(jī)用戶，最佳思考一個(gè)手機(jī)版規(guī)劃。

　　6、比照的疑問

　　你思考過閱覽黑底白字和白底黑字的不一樣嗎?你有沒有試過閱覽一下白底灰字?有些方法之所以比別的的更好，其原因即是這是一種雙眼感知到比照的方法。

　　假如你很難舒暢的閱覽文字，思考一下改動(dòng)字體巨細(xì)或方法。變成一個(gè)大師級(jí)頁面規(guī)劃師的訣竅：比照，比照，比照。

　　7、同一件工作做的不夠多，或做的太多(過為己甚)

　　多重導(dǎo)航十分好，如一個(gè)在頁頭一個(gè)在頁腳。在頁腳加一個(gè)”回來頂部”的按鈕也極好?？墒?，太多指向同一目標(biāo)的途徑會(huì)下降可用性。讓你的奶奶用下你的網(wǎng)站，假如她搞不定，想想哪些東西讓初度拜訪的用戶拒絕運(yùn)用這個(gè)網(wǎng)站。

　　8、不一致

　　一致性是頁面規(guī)劃的關(guān)鍵。它是把頁面規(guī)劃安排在一起的方法，能夠發(fā)明一種緊密結(jié)合的感受。在網(wǎng)站頁面互相連接的情況下，它能夠協(xié)助用戶把一切頁面都聯(lián)絡(luò)在一起。假如你在全部網(wǎng)站繼續(xù)改動(dòng)字體、巨細(xì)和顏色，用戶很快會(huì)覺得不知所措。

　　9、沒有滿足的文字距離

　　與空白有關(guān)，文字距離有兩個(gè)有些，一個(gè)是字距(這個(gè)不能用CSS直接調(diào)整，能夠經(jīng)過一些高級(jí)技能解決)，關(guān)系到字母之間的空白。一個(gè)是行距，能夠用CSS直接調(diào)整，關(guān)系到兩行文字之間的距離。這些有助于區(qū)分行與階段，運(yùn)用戶更簡單閱覽文字。

　　10、匱乏的尺度巨細(xì)

　　規(guī)范做法是h1的文字大于h2的文字，頭部文字大于階段文字。盡量堅(jiān)持一致的尺度，由于它有助于一致性(第8條)和內(nèi)容層次(第4條)。堅(jiān)持文字的可讀性，但不要太大，讓字體的巨細(xì)體現(xiàn)信息的主要性。還有，10像素以下的尺度對(duì)很多閱覽的人來說太小了。