编辑导语：对设计师来说，设计布局、栅格、断点这些词一定是再熟悉不过了。当我们进
入一个新环境时，应该如何做出一份合理的设计布局？栅格和断点到底该如何定义？如何
做响应式布局？针对这些问题，本文作者从六个方面为我们做出了解答。


作为设计师，新建画板、设计布局、栅格永远是我们的起点。
很多设计师在公司，肯定有成型的设计系统，我们只需要按照规范做设计即可。但是，当
我们自己独立去接咨询项目的时候，或者加入一家 start up 的公司时，我们是否能够独
立产出设计系统？我们是否可以做出为现在和未来功能留有余量的布局？我们的栅格和断
点到底该如何定义？如何做响应式布局？
这些问题其实都是做一个设计系统的基础，也是我们最应该熟练掌握的技能。
我讲在这篇文章里回答这些问题，我将自己的工作经验以及长期参考的 Design
Guideline 放在本文做为例子，包括 Carbon Design System、Fluent UI、Lighting
Design System、Evergreen、Material Design、Ant Design，来帮助大家在最短的时
间内，解决上述问题。
本文将会 ...