上面三種切法,N越大,靈活度越高?梢愿鶕(jù)網(wǎng)頁的實(shí)際復(fù)雜度來選用對(duì)應(yīng)的切法。在960 Grid System首頁中,展示了12 x 80的應(yīng)用:
我們來看下 研究(1)中開頭列舉的網(wǎng)站的柵格應(yīng)用情況。
Yahoo!是很標(biāo)準(zhǔn)的 24 x 40 柵格:
點(diǎn)擊放大
淘寶網(wǎng)目前只有商城上部分使用了柵格系統(tǒng)(大的兩欄布局遵守了 24 x 40 的柵格化,主體部分使用的另一套740的柵格劃分):
點(diǎn)擊放大
網(wǎng)易很不錯(cuò),采用的是 16 x 60 的柵格系統(tǒng):
點(diǎn)擊放大
研究(1)中的其它站點(diǎn)都沒有真正嚴(yán)格地采用柵格系統(tǒng)。
出處:Taobao.com UI Team
責(zé)任編輯:bluehearts
上一頁 網(wǎng)頁柵格系統(tǒng)研究:蛋糕的切法 [2] 下一頁 網(wǎng)頁柵格系統(tǒng)研究:蛋糕的切法 [4]
|