所在位置:
首页 >
营销资讯 >
网站运营 > MasterGo“布局网格” 灵活而强大 让页面更井然有序
MasterGo“布局网格” 灵活而强大 让页面更井然有序
时间:2023-08-31 06:54:01 | 来源:网站运营
时间:2023-08-31 06:54:01 来源:网站运营
MasterGo“布局网格” 灵活而强大 让页面更井然有序:网格作为设计师工具箱中最常用的工具之一,在项目开发中有着十分重要的作用。使用网格,设计师可以在最短的时间内快速组织好页面的排版,令内容组织更整洁干净。对网格进行合理化的布局,会为整个设计工作带来更快更好的体验。目前,一站式在线设计协作平台MasterGo也推出了对应的功能——“布局网格”。
布局网格可以帮助设计师对齐容器内的元素,作为一种视觉结构,它可以让设计师的设计在不同的平台和设备上保持逻辑性和一致性。
在MasterGo中,布局网格分为三种类型,分别是网格、栅格列以及栅格行,分别对应不同的设计场景:
例如,网格适合icon等设计场合,它可以满足设计师精确控制尺寸的需求,支持添加多个网格,可配合不同的尺寸和颜色,满足设计的特定需求。
又比如,栅格列及栅格行,则可以让设计的界面更井然有序,特别适合网页或移动端设计中的响应式设计。栅格的布局方式可以设置为自适应拉伸,或者是从某一边开始布局。
运用MasterGo提供的布局网格的功能,设计师可以对网格进行灵活的控制,既可以全局控制,也可以单个控制。此外,布局网格还可以添加为样式来进行复用,并且可以和其他所有样式一样,添加到团队库中方便其他同事使用。
值得注意的是,为了进一步提升布局方式的灵活性及强大性,MasterGo设定了在设置了布局网格的容器中,容器内部元素的约束会作用在最近的栅格行或栅格列上。如此一来,设计师便可以更精细地控制对象尺寸变化时的响应方式,令响应式设计变得更有效。
布局网格,其实就像建房子一样,设计师先通过便捷的方式把房子的整体架构搭建起来,然后就可以顺理成章的摆放好家具。MasterGo的“布局网格”不仅让设计变得更便捷,而且也可以为协作提效。设置好的布局可以为其他合作成员提供引导,令元素的摆放有了精准的指向,当你的框架需要与他人共同协作的时候,布局网格可以锦上添花!