解析韩国NAVER网站用户体验设计:页面的栅格化(2)

我们来看一下小的分辨率下页面的布局吧

是不是，感觉非常灵活和自然，无论是在哪种屏幕分辨率下，他都进行了自然的重组和排序，而且对于内容上也没有丝毫的影响，不必考虑太多对于响应式实现的过多准备，表现非常棒！！

看完了shopping.naver的栅格，想必大家现在第一反应就是想到了我们一淘的网站，目前一淘网站特别是首页，的确是没有应于任何栅格，只做了一些基准的对齐和小范围的栅格。通过对shopping.naver的栅格分析，我对一淘的网站栅格也做了shopping.naver同样的标准化栅格实验。

按照目前宽度为990的话，通过计算，会发现，190也同样是一个神奇的数字，在990下，我们以naver宽度比例来假定一淘网站的栅格比例

以190x270为一个基本栅格单元格

我们先按照shopping.naver的版式，以990的宽度对etao.com进行栅格划分

可以看到，我们的网站也可以像naver一样进行完美栅格划分

那么……

是不是同样的说，我们也可以像naver一样对版块进行流畅移动，处理不同屏幕分辨率下网站的显示结构

ok，本篇只是对栅格进行了一个从naver结构中的平移，源文件存放于etaoux\etaoued \j_君沫\个人分享\韩国网站细节化体验\栅格篇，如果有任何想法，大家可以一起讨论

下一篇，字体细节化，随后发出……