我曾经很推崇 Material Design 的响应式栅格系统，花了不少时间去理解那几张复杂的图表和几张酷炫的动态示意。
可当真正需要用到响应式这东西时，在做完竞品调研后，我慢慢发现自己真不该那么执着于 Material Design 响应式栅格系统，因为：
那么，真正大范围使用、可以借鉴的、非理想主义的响应式栅格存在吗?答案是肯定的，下面我要介绍三种国内外常见的类型。
顾名思义，这种栅格中，卡片(即内容区块)尺寸和间距不变，每行能放几张卡片就放几张，摆不下就换行，逻辑非常简单。典型的例子有 Youtube 、Pinterest、Behance ……
页边距不确定，所以为了视觉的平衡感，大多将列表居中(像 Google Play 那样坚持左对齐也不是不可以)。
这种栅格系统的间距和页边距是固定的，卡片尺寸在一定程度下弹性伸缩，以确保填满整个屏幕。因为间距和页边距固定，也不用担心卡片混排。典型的例子有： Google Drive 、Spotify ……
这种方式为了保证页边距不像第一种方式那样来回变动，不得不让卡片在一定范围内弹性伸缩，这样做的好处是，不同大小的卡片混排也不会造成混乱。但是在缩放浏览器时，你会发现卡片的尺寸无可避免地时大时小(如上图)。
其实国内的大部分网页并没有做响应式布局(比如知乎、淘宝、爱奇艺等)，即便是部分做了的(比如简书、京东、腾讯视频等)，也大多没有使用上面讲的那两种自适应的栅格，而是定制类响应式布局。
以腾讯视频为例，你可以看到它的尺寸伸缩并不是依赖一套通用的规范，而是人为设计了几种尺寸。这个例子还算相对复杂了，如果你去看国内其它响应式界面，可能因为是人力设计，所以大多变化范围并不大，最大尺寸和最小尺寸之间的差别有限。
这种方式的统一性就比较低了，能适配的的屏幕类型也不多，可是长远来看付出的人力成本反倒更高一些。
如果可能的话，有一套一劳永逸的响应式栅格规范肯定是最好的，但是对于刚接触响应式不太久，或着不太需要适配不同屏幕的产品而言，先用这种定制式响应布局也是比较现实的选择。
《我做设计这七年里的心态变化》 里我把自己目前的状态描绘成「随意」，其实并不是说设计师会因为现实的残酷而不得不妥协圆滑什么的，而是要认清时代及环境的局限，并从取舍中获得平衡。
上述这些响应式栅格各有优劣，都不是最完美的解决方案。但是世界上没有最完美的解决方案，Google 能设计出 Material Design 那样细致的栅格系统，却也没有办法在自己的产品上广泛使用。
不过作为一家「有理想」的互联网品牌， Google 推出 Material Design 的心态恐怕和时装周上的展品类似，一开始就没有抱着实用的心态，而是更多地勾画一个理想的方向。
但是对于大部分负担不起理想主义的产品、公司和个人而言，还是现实一点，冷静地选择真正适合自己的位置吧。
网站在前期的时候都是很难上排名的吗，那么是因为你的网站基础优化都没做好，怎么可能会有排名呢，首页说到了基础的优化那就要从根本的地方说起。前期就是先把网站的设计和网...
随着情人节的结束，2月份的设计圈干货大合集悄然更新。新的工具新的资源，依然是以往的分量，依然是相同的味道。和过去的合集相似，免费的素材、工具、服务占据了列表中9成的...
每个网站都是由不同功能不同类型的页面构成的，当用户打开错误链接的时候，网站的404页面就派上用场了。一个可靠的404页面在告知用户他们走错地方的同时，还应当引导用户继续浏...
今天来给大家讲讲如何用Axure实现上下滚动效果。 如何实现上下滚动效果： 让内容在显示区域滚动; 内容面板没有接触到顶部时，让内容面板移动至顶部; 内容面板接触到顶部，没有接...
你还在加班为每一个小功能的实现自己“码码码”吗?今天想早点下班的你，快来看看我最新发现的工具包吧!有了他们，这些功能你只需要直接用，或者用一点时间把他们优化的比作者创造时更...
这篇文章，给大家分享一个后台设计的小技巧。 后台产品的判断标准 我们已经将后台产品定义为一款办公性质的产品，满足用户在工作当中的一些需求。这让后台产品的好坏能够简单...
Landy：大家都知道做网页设计有栅格，有纵向栅格也有横向栅格，栅格提供内容布局的规范，让信息组织更有条理，我们在栅格规范内做设计，上下左右、垂直居中对齐，横平竖直、方...
如今的用户界面中，图标绝对是不可或缺的元素。虽然绝大多数的图标都很小，甚至不被人注意到，但是它们帮助设计和用户解决了许多问题。图标是可用性和导航的关键，用户能够感...
随着各类App的业务功能不断丰富，小红点已经成为互联网从业者们最常使用的运营工具之一，每当有新的运营内容或新功能上线，大家的做法往往是在那放个红点就行了。然而简单粗暴...
作为云计算的交互设计师需要学习哪些?文章为你解答。 最近有不少设计师会跟我聊到，做云计算的交互设计与其他设计师有什么区别吗? 我其实也不知道怎么回答，能够记起的最后一次...