網(wǎng)頁(yè)細(xì)節(jié)教程:WEB設(shè)計(jì)精確點(diǎn)滴(4)
文章來(lái)源于 zhouwenqi.com,感謝作者 zhouwenqi 給我們帶來(lái)經(jīng)精彩的文章!
設(shè)計(jì)教程/前端設(shè)計(jì)/前端設(shè)計(jì)2010-09-13
在來(lái)看圖列間距: 下面這個(gè)列圖看似沒(méi)問(wèn)題,其實(shí)有兩個(gè)細(xì)節(jié)問(wèn)題(其中一個(gè)應(yīng)該算是用戶體驗(yàn)的問(wèn)題)。首先第一列與第二列的間距要比第二列與第三列的距離要小2px,對(duì)于這個(gè)問(wèn)題,有人會(huì)說(shuō)這個(gè)間距用CSS定義就統(tǒng)一了,
在來(lái)看圖列間距:
下面這個(gè)列圖看似沒(méi)問(wèn)題,其實(shí)有兩個(gè)細(xì)節(jié)問(wèn)題(其中一個(gè)應(yīng)該算是用戶體驗(yàn)的問(wèn)題)。首先第一列與第二列的間距要比第二列與第三列的距離要小2px,對(duì)于這個(gè)問(wèn)題,有人會(huì)說(shuō)這個(gè)間距用CSS定義就統(tǒng)一了,不會(huì)存在差異!注意了,我們討論的是視覺(jué)設(shè)計(jì),不能把這個(gè)問(wèn)題丟給前端,否則你后面丟過(guò)去的更多(相信我),其次縱間距太小排的過(guò)于緊密。


調(diào)整過(guò)后如下圖:
