MasterGo“布局网格” 灵活而强大让页面更井然有序

时间：2022-07-24 13:31:05 来源：搜狐

网格作为设计师工具箱中最常用的工具之一，在项目开发中有着十分重要的作用。使用网格，设计师可以在最短的时间内快速组织好页面的排版，令内容组织更整洁干净。对网格进行合理化的布局，会为整个设计工作带来更快更好的体验。目前，一站式产品设计工具/在线协同产品设计工具MasterGo也推出了对应的功能——布局网格。

布局网格可以帮助UI设计师对齐容器内的元素，作为一种视觉结构，它可以让设计师的设计在不同的平台和设备上保持逻辑性和一致性。通俗点理解，布局网格可以加快设计过程、帮助设计师决定内容如何放置。

在MasterGo中，布局网格分为三种类型，分别是网格、栅格列以及栅格行，分别对应不同的设计场景：

例如，网格适合icon等设计场合，它可以满足设计师精确控制尺寸的需求，支持添加多个网格，可配合不同的尺寸和颜色，满足设计的特定需求。

栅格列及栅格行，则可以让设计的界面更井然有序，特别适合网页或移动端界面中的响应式设计。栅格的布局方式可以设置为自适应拉伸，或者是从某一边开始布局。

运用MasterGo提供的布局网格的功能，设计师更灵活的使用网格，既可以全局控制，也可以单个控制。此外，布局网格还可以添加为样式便于复用，并且可以和其他所有样式一样，添加到团队库中方便其他同事使用。

值得注意的是，为了进一步提升布局方式的灵活性及强大性，MasterGo设定了在设置布局网格的容器中，容器内部元素的约束将会作用在最近的栅格行或栅格列上。如此一来，设计师便可以更精细地控制对象尺寸变化时的响应方式，令响应式设计变得更有效。

布局网格，其实就像建房子一样，设计师先通过便捷的方式把房子的整体架构搭建起来，然后就可以顺理成章的摆放好家具。MasterGo的“布局网格”不仅让设计变得更便捷，而且也可以为协作提效。设置好的布局可以为其他合作成员提供引导，元素的摆放有了精准的指向，当你的框架需要与他人共同协作的时候，布局网格会无疑让合作过程变得更天衣无缝！

郑重声明：文章仅代表原作者观点，不代表本站立场；如有侵权、违规，可直接反馈本站，我们将会作修改或删除处理。