干货分享:如何更好地使用栅格系统

栅格系统在 UI 设计和前端开发中是被应用的很广泛一套体系,但真正能掌握并很好运用的人却不多,本期我为大家找到这篇干货文章,分享原作者通过多年实战收获的经验总结,一起来学习吧!

环顾身边常见的优秀设计很多都使用了栅格系统,你可能非常赞同在界面中使用栅格系统,但却没有人告诉你应该如何使用它们。

印刷中也会用到栅格,但就本文而言,我主要想讨论的是用于 PC 和移动设备上的栅格系统设计。
在完全理解了网格的工作原理之后,我已经成为了一名更好的设计师,因为我知道我的设计将如何在临界值之间进行转换。我也可以落地我的设计,使它们能够有一个完美的像素对齐。这样的规范带来了更一致,更简洁的设计,当用户从一个界面到另一个界面流转时,这真的提升了产品的档次。
我建议在你的设计中去应用这些网格,并和开发一起,以相同的方式将它们落地,这将会是一个非常不错的进步。
 
原文:https://uxdesign.cc/responsive-grids-and-how-to-actually-use-them-970de4c16e01
作者:Christie Tang
译者:彩云 Sky,公众号:彩云译设计
作者 @彩云 Sky 。