2019-6-19 用心設(shè)計(jì)
如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里
常見的網(wǎng)頁(yè)設(shè)計(jì)、文章設(shè)計(jì)錯(cuò)誤
本文來自阮一峰分享
1.內(nèi)容未按邏輯分成塊
用戶可以根據(jù)邏輯塊輕易的獲取信息。
具體做法為:將padding設(shè)置為120px-180px,同時(shí)不同的邏輯塊使用不同的背景。
2.每個(gè)邏輯塊的空白大小不一致
對(duì)于每個(gè)邏輯塊,需要設(shè)置同等大小且適宜的空白。否則網(wǎng)頁(yè)看起來會(huì)很混亂,作者不會(huì)對(duì)每個(gè)邏輯塊同等對(duì)待。
3.Padding不能設(shè)置過小,否則用戶無(wú)法將內(nèi)容分為邏輯塊
為了這點(diǎn),插入大的空白(至少120px),以使內(nèi)容按邏輯塊分開。
4.背景圖片和文字 應(yīng)該對(duì)比鮮明
5.在一頁(yè)中,樣式過多
太多不同 的排版和樣式將會(huì)使得頁(yè)面不太專業(yè)以及難以閱讀。
解決的方法是,以字體為例,設(shè)置一種字體,字體為正?;虼煮w(保證在兩種不同樣式之內(nèi))
6.背景顏色塊過于狹窄
7. 在一個(gè)狹窄的列中,放入了過多的文字
這導(dǎo)致用戶閱讀需跳很多行,整體看起來也不行。推薦的做法為,減少列的數(shù)量,精煉文字。
藍(lán)藍(lán)設(shè)計(jì)( www.jghy.net )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.jghy.net