第一期 柵格

我們先來看一下shopping.naver的首頁

　　對各個區(qū)塊進(jìn)行測量：

我們來看一下小的分辨率下頁面的布局吧

看完了shopping.naver的柵格，想必大家現(xiàn)在第一反應(yīng)就是想到了我們一淘的網(wǎng)站，目前一淘網(wǎng)站特別是首頁，的確是沒有應(yīng)于任何柵格，只做了一些基準(zhǔn)的對齊和小范圍的柵格。通過對shopping.naver的柵格分析，我對一淘的網(wǎng)站柵格也做了shopping.naver同樣的標(biāo)準(zhǔn)化柵格實驗。

按照目前寬度為990的話，通過計算，會發(fā)現(xiàn)，190也同樣是一個神奇的數(shù)字，在990下，我們以naver寬度比例來假定一淘網(wǎng)站的柵格比例

以190×270為一個基本柵格單元格

　　那么……

是不是同樣的說，我們也可以像naver一樣對版塊進(jìn)行流暢移動，處理不同屏幕分辨率下網(wǎng)站的顯示結(jié)構(gòu)

ok，本篇只是對柵格進(jìn)行了一個從naver結(jié)構(gòu)中的平移，源文件存放于etaoux\etaoued \j_君沫\個人分享\韓國網(wǎng)站細(xì)節(jié)化體驗\柵格篇，如果有任何想法，大家可以一起討論

下一篇，字體細(xì)節(jié)化，隨后發(fā)出……

文章來源：一淘體驗中心