设计师就业衔接班！45天 PS、AI、AE 从入门到入行 详情戳>>>
栅格系统不是令人「谈之色变」的超高深技巧，而是设计界约定俗成且广泛运用于平面设计及产品设计领域的设计工具。在涉及到组织信息的工作内容时，合理的使用栅格系统能够从设计效率、设计质量、多角色设计协作等多方面推动设计师的工作。
栅格其实就是我们常规理解的网格，从基础的作文本，再到围棋棋盘，都有栅格的身影。设计师该如何定义栅格呢，本文用京东的实战案例为你说明。
如何根据设计目标选用合适的栅格化布局？本文通过多个案例深入研究，从 3 种布局方式以及栅格用法来了解如何进行栅格系统布局设计。
经典的栅格系统到底该怎么用？本文用超多案例让你完全掌握这个知识点。
编者注：看过很多栅格系统的科普，还是看不懂？那本文绝对值得你花十分钟试一下！
编者按：本文适合对栅格系统不熟悉的新人阅读，大量的配图和深入浅出的阐述可以让你快速理解什么是栅格系统。马小晴：我们都知道在平面设计里，运用网格辅助设计，可以让页面富有统一的秩序感和韵律。
@UX-BOY ：本文主要与大家分享如何利用栅格系统完成后台页面响应式设计，介绍响应式设计的思路与方法。一、什么是响应式？
@UX-BOY ：关于栅格系统的文章不少，但鲜有专门针对栅格系统在后台设计中相关应用的文章。本文希望抛砖引玉，能引起更多同行的交流与讨论。
作为设计师，就算你不使用栅格系统，那你也至少会频繁地接触到“栅格”这个概念。无论是设计网站、杂志，还是app，各类栅格应有尽有。
现如今，栅格已经几乎是所有网页设计的基础。这些隐形的线条创造出空间的节奏感和视觉的流畅感，他们是让网页变得更加和谐的基础。
栅格系统这种东西和许多同类工具/素材一样，“系统”二字让它看起来无比高大上，而实际上大多数的栅格系统只是一系列纵横交错的细线构成。很简单？
许多设计都将网格的建立作为设计Logo的第一步骤，网格系统可以助你保持视觉协调、美观、有条理，并明确设计的目标。那么到底LOGO网格是什么，有哪些常规样式，使用网格的好处以及如何使用等问题，今天来一一说清楚。
@陈子木 精致华丽的设计风格正被灵活巧妙的响应式设计所替代。现如今，更加流畅、更讲究交互的响应式网页模板，正在高速进化。
这里专门说一下关于WAP App的栅格设计。以下相关都是基于一淘H5和一淘App总结得出。
@happysha 现在大量网页设计基于网格布局。虽说人们通常注意不到它，但杂乱无章的布局时代确实已经过去了，现在是整齐结构化的天下。
互联网信息时代，很多内容为主的网站都信息过载，这导致了载入速度过慢。电商网站如此，新闻类网站也是如此，而一些设计师作品集网站或者设计机构的网站也是如此，老实说，作为设计师，应该避免信息过载现象的出现。
必定要选择视觉对齐呀，设计师对最终呈现效果负责，物理对齐了效果不好那对齐还有何意义
收获颇丰，解决了我的困惑
可能你自己觉得跟其他人比，自己普通了，但在我眼里，我觉得你挺厉害的，这个世界总有人比你厉害，重要的是一直做自己热爱的事就好了鸭
更加喜欢网飞的，够简洁，国内很多视频网站打开之后很多内容和广告堆在一起乱七八糟，看得人眼花
太干货了，希望能分享推荐功能的内容
必定要选择视觉对齐呀，设计师对最终呈现效果负责，物理对齐了效果不好那对齐还有何意义