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

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

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


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


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

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

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


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

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



 

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

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





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

 


5.在一頁(yè)中,樣式過(guò)多

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

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



 

6.背景顏色塊過(guò)于狹窄




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

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



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

日歷

鏈接

個(gè)人資料

存檔