歡迎來到培訓(xùn)無憂網(wǎng)!
咨詢熱線 400-001-5729
> 新聞資訊 > 電腦/IT > 網(wǎng)頁制作 > 網(wǎng)頁設(shè)計(jì)種要避免的7個(gè)最常見的網(wǎng)頁設(shè)計(jì)錯(cuò)誤2022-12-03 10:24:28|已瀏覽:128次
最常見的網(wǎng)頁設(shè)計(jì)錯(cuò)誤
1.信息之間沒有邏輯關(guān)系
最常見的網(wǎng)頁設(shè)計(jì)錯(cuò)誤:將信息的視覺表現(xiàn)分出主次,更容易讓用戶瀏覽到內(nèi)容重點(diǎn)。例如下圖,設(shè)置120 px-180 px的色塊,將網(wǎng)頁中的文本進(jìn)行分割,形成了不同的邏輯塊。
2.網(wǎng)頁中元素之間的空格不統(tǒng)一
在邏輯塊中,內(nèi)容間的距離必需是相等的,否則頁面在視覺上會(huì)混亂不堪,用戶在閱讀時(shí),對(duì)每個(gè)塊面中的內(nèi)容閱讀側(cè)重也會(huì)不同。
3.填充色塊太小,視覺上無法形成邏輯塊
最常見的網(wǎng)頁設(shè)計(jì)錯(cuò)誤:為避免邏輯塊部分與其他部分在視覺上混淆,應(yīng)在他們之間插入一個(gè)大的空間(至少120像素)來區(qū)分。
4.圖像與文字對(duì)比度低
文本和背景之間應(yīng)該保持足夠的對(duì)比度。
一種方法是可以在圖片上加一些濾鏡效果來要使文字突出,黑色是常用的顏色,但你也可以使用其他顏色進(jìn)行混合搭配。
另一種選擇是從一開始就使用對(duì)比度強(qiáng)的圖片,并將文字放在照片的暗部。
5.一個(gè)頁面中樣式過多
同一頁面中過多的排版和設(shè)計(jì)風(fēng)格,使整個(gè)頁面視覺看起來不專業(yè)且難以閱讀。要避免這種情況,可以限制頁面中字體以及字體飽和度的使用,例如,普通和粗體,灰色與黑色。
6.顏色塊太窄
避免使用窄的顏色快強(qiáng)調(diào)頁面元素,因?yàn)樗雌饋砗艹蟆?biāo)題大小、飽和度、文字粗細(xì)等,等已經(jīng)足夠顯示那是標(biāo)題了。如果你想突出頁面中的某部分,不妨用一個(gè)大色塊來填充整個(gè)內(nèi)容背景。
7.頁面分欄中的文本太多
當(dāng)分欄中有大量文本時(shí),很難閱讀,因?yàn)橛脩舯仨殢囊恍刑较乱恍小A硗猓@種版式看起來不太好看!最好減少分欄數(shù)并縮短文本,否則沒有人愿意閱讀文本。
注:尊重原創(chuàng)文章,轉(zhuǎn)載請注明出處和鏈接 http://www.hebeijilong.cn/news-id-72777.html 違者必究!部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請自行核實(shí)或聯(lián)系我們,了解更多相關(guān)資訊請關(guān)注網(wǎng)頁制作頻道查看更多,了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請?jiān)囌n。關(guān)注官方微信了解更多:150 3333 6050