最近在做一个目的地旅游的PC界面改版设计，研究了下各位大神的作品，然后学习到了些干货，今天偶然看见了UI中国置顶的《干货分享：如何更好地使用栅格系统》，感觉挺棒的，所以也跟着分享些东西

一般来说说，网页设计会在1200px或1180px的尺寸上做内容设计

结论：个人推荐使用1180的内容尺寸上做设计，而前端开发则在1200的内容尺寸上开发

我就不罗里吧嗦的上文字了，直接上图，大家自行领会

在相同模块下，各元素的推荐间隔距离为20px

------------------------------------------------------------------------------分割线

下面这张是给开发的童鞋的

前端开发在1200px上做开发，各元素盒子以padding左右间隔各为10px

------------------------------------------------------------------------------分割线

模块的间隔推荐

同模块下的元素与元素间距推荐为20px，不同模块的间的间距推荐为40px

感谢阅读