網(wǎng)頁(yè)設(shè)計(jì)種要避免的7個(gè)最常見(jiàn)的網(wǎng)頁(yè)設(shè)計(jì)錯(cuò)誤

最常見(jiàn)的網(wǎng)頁(yè)設(shè)計(jì)錯(cuò)誤

1.信息之間沒(méi)有邏輯關(guān)系

最常見(jiàn)的網(wǎng)頁(yè)設(shè)計(jì)錯(cuò)誤：將信息的視覺(jué)表現(xiàn)分出主次，更容易讓用戶瀏覽到內(nèi)容重點(diǎn)。例如下圖，設(shè)置120 px-180 px的色塊，將網(wǎng)頁(yè)中的文本進(jìn)行分割，形成了不同的邏輯塊。

2.網(wǎng)頁(yè)中元素之間的空格不統(tǒng)一

在邏輯塊中，內(nèi)容間的距離必需是相等的，否則頁(yè)面在視覺(jué)上會(huì)混亂不堪，用戶在閱讀時(shí)，對(duì)每個(gè)塊面中的內(nèi)容閱讀側(cè)重也會(huì)不同。

3.填充色塊太小，視覺(jué)上無(wú)法形成邏輯塊

最常見(jiàn)的網(wǎng)頁(yè)設(shè)計(jì)錯(cuò)誤：為避免邏輯塊部分與其他部分在視覺(jué)上混淆，應(yīng)在他們之間插入一個(gè)大的空間(至少120像素)來(lái)區(qū)分。

4.圖像與文字對(duì)比度低

文本和背景之間應(yīng)該保持足夠的對(duì)比度。

一種方法是可以在圖片上加一些濾鏡效果來(lái)要使文字突出，黑色是常用的顏色，但你也可以使用其他顏色進(jìn)行混合搭配。

另一種選擇是從一開(kāi)始就使用對(duì)比度強(qiáng)的圖片，并將文字放在照片的暗部。

5.一個(gè)頁(yè)面中樣式過(guò)多

同一頁(yè)面中過(guò)多的排版和設(shè)計(jì)風(fēng)格，使整個(gè)頁(yè)面視覺(jué)看起來(lái)不專(zhuān)業(yè)且難以閱讀。要避免這種情況，可以限制頁(yè)面中字體以及字體飽和度的使用，例如，普通和粗體，灰色與黑色。

6.顏色塊太窄

避免使用窄的顏色快強(qiáng)調(diào)頁(yè)面元素，因?yàn)樗�看起�?lái)很丑。標(biāo)題大小、飽和度、文字粗細(xì)等，等已經(jīng)足夠顯示那是標(biāo)題了。如果你想突出頁(yè)面中的某部分，不妨用一個(gè)大色塊來(lái)填充整個(gè)內(nèi)容背景。

7.頁(yè)面分欄中的文本太多

當(dāng)分欄中有大量文本時(shí)，很難閱讀，因?yàn)橛脩舯仨殢囊恍刑�到下一行。另外，這種版式看起來(lái)不太好看!最好減少分欄數(shù)并縮短文本，否則沒(méi)有人愿意閱讀文本。

      注：尊重原創(chuàng)文章,轉(zhuǎn)載請(qǐng)注明出處和鏈接 http://m.universityresearchassociates.com/news-id-72777.html 違者必究！部分文章來(lái)源于網(wǎng)絡(luò)由培訓(xùn)無(wú)憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請(qǐng)自行核實(shí)或聯(lián)系我們，了解更多相關(guān)資訊請(qǐng)關(guān)注網(wǎng)頁(yè)制作頻道查看更多，了解相關(guān)專(zhuān)業(yè)課程信息您可在線咨詢(xún)也可免費(fèi)申請(qǐng)?jiān)囌n。關(guān)注官方微信了解更多：150 3333 6050