能不能讲讲栅格系统在设计中的应用？

最近一直在追三生三世十里桃花，因为素素一直不跳诛仙台，所以小编无心编辑，苦守素素诛仙台。

就在昨晚，素素终于跳了诛仙台，变回了青丘女帝白浅。

小编的心愿完成了，就麻利儿回来编辑了。今天我们接着回答 【有问必答】 里的问题：

对于栅格系统（详见搜索百科），相信大家或多或少都了解，其实这个问题换种问法：设计中如何使用栅格系统？这样问或许能帮你更加理解栅格系统。

栅格系统，无论你使用的是哪种样式的栅格，它都是你的网页设计过程中的骨架，它帮你确定元素要怎么放置，帮你确保不同的元素在页面上堆叠却保持协调，有助于保持页面的组织性。

栅格系统有很多优点：

・ 1.保持内容的组织性，栅格系统下，元素从左到右，从上到下都清晰明了地排布。
2.提高设计效率，因为规则化的栅格让各种设计元素排布都规则化。
3.让元素与元素之间的间距都一样，使得整个设计更加整洁。

然而，仔细观察现在设计作品会发现，单纯运用栅格系统的作品的寥寥无几。因为，栅格营造出一致协调的观感同时，也给人带来一种“呆板”的感觉。既运用栅格又让作品灵动，有许多讲究。

留白分割页面

大量的留白不仅可以创造出清新的氛围，而且观看者也能看出设计者的用心，留白的栅格系统，让整个页面很干爽、透气。

比如Mamo这个网站，仅仅包含了Logo、标题和图像，但却让人很舒服。

・ 网站地址：http://mamo.fr/

相同风格的网站还有Salon’s，组织有序，不同尺寸的照片排列在一起也非常有序，简单的留白将小的栅格又重新分割，打破了单调布局的常规。

・ 网站地址：https://salon.io/

利用黑白灰

相比于五颜六色的背景，黑白灰更易于人接受。这三种色调，无论哪一个可以单独用，当然也可以结合在一起，比如用做区域分割。

网站Etch就是整个选用黑色支配，Lomo风的图像赋予整个页面一种活力。内容之间之间也留有充分的空间，使得整个页面变得井然有序。

・ 网站地址：http://etchapps.com/

当黑白灰一起用时，它创造出的用户体验是令人惊叹的，设计简洁，可读性非常高。

比如Joint的网站，每个页面都提供了可点击的选择区域来进行导航，仅仅使用了黑白色系，当你选择如何浏览网站时，它会令你想要不断的进行点击。