第一期 柵格

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

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

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

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

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

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

　　那么……

是不是同樣的說，我們也可以像naver一樣對版塊進行流暢移動，處理不同屏幕分辨率下網站的顯示結構

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

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

文章來源：一淘體驗中心