常見的網(wǎng)頁設(shè)計(jì)、文章設(shè)計(jì)錯(cuò)誤

2019-6-19    用心設(shè)計(jì)

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請點(diǎn)這里


常見的網(wǎng)頁設(shè)計(jì)、文章設(shè)計(jì)錯(cuò)誤
本文來自阮一峰分享


 1.內(nèi)容未按邏輯分成塊

用戶可以根據(jù)邏輯塊輕易的獲取信息。

具體做法為:將padding設(shè)置為120px-180px,同時(shí)不同的邏輯塊使用不同的背景。


2.每個(gè)邏輯塊的空白大小不一致 

對于每個(gè)邏輯塊,需要設(shè)置同等大小且適宜的空白。否則網(wǎng)頁看起來會(huì)很混亂,作者不會(huì)對每個(gè)邏輯塊同等對待。



 

3.Padding不能設(shè)置過小,否則用戶無法將內(nèi)容分為邏輯塊

 為了這點(diǎn),插入大的空白(至少120px),以使內(nèi)容按邏輯塊分開。





4.背景圖片和文字 應(yīng)該對比鮮明

 


5.在一頁中,樣式過多

太多不同 的排版和樣式將會(huì)使得頁面不太專業(yè)以及難以閱讀。

解決的方法是,以字體為例,設(shè)置一種字體,字體為正?;虼煮w(保證在兩種不同樣式之內(nèi))



 

6.背景顏色塊過于狹窄




7. 在一個(gè)狹窄的列中,放入了過多的文字

這導(dǎo)致用戶閱讀需跳很多行,整體看起來也不行。推薦的做法為,減少列的數(shù)量,精煉文字。



藍(lán)藍(lán)設(shè)計(jì)m.820esy.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)

分享本文至:

日歷

鏈接

個(gè)人資料

存檔