MasterGo“布局網(wǎng)格” 靈活而強(qiáng)大 讓頁面更井然有序

時(shí)間：2023-08-31 06:54:01 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-08-31 06:54:01 來源：網(wǎng)站運(yùn)營

MasterGo“布局網(wǎng)格” 靈活而強(qiáng)大 讓頁面更井然有序：網(wǎng)格作為設(shè)計(jì)師工具箱中最常用的工具之一，在項(xiàng)目開發(fā)中有著十分重要的作用。使用網(wǎng)格，設(shè)計(jì)師可以在最短的時(shí)間內(nèi)快速組織好頁面的排版，令內(nèi)容組織更整潔干凈。對網(wǎng)格進(jìn)行合理化的布局，會為整個(gè)設(shè)計(jì)工作帶來更快更好的體驗(yàn)。目前，一站式在線設(shè)計(jì)協(xié)作平臺MasterGo也推出了對應(yīng)的功能——“布局網(wǎng)格”。

布局網(wǎng)格可以幫助設(shè)計(jì)師對齊容器內(nèi)的元素，作為一種視覺結(jié)構(gòu)，它可以讓設(shè)計(jì)師的設(shè)計(jì)在不同的平臺和設(shè)備上保持邏輯性和一致性。







在MasterGo中，布局網(wǎng)格分為三種類型，分別是網(wǎng)格、柵格列以及柵格行，分別對應(yīng)不同的設(shè)計(jì)場景：

例如，網(wǎng)格適合icon等設(shè)計(jì)場合，它可以滿足設(shè)計(jì)師精確控制尺寸的需求，支持添加多個(gè)網(wǎng)格，可配合不同的尺寸和顏色，滿足設(shè)計(jì)的特定需求。

又比如，柵格列及柵格行，則可以讓設(shè)計(jì)的界面更井然有序，特別適合網(wǎng)頁或移動端設(shè)計(jì)中的響應(yīng)式設(shè)計(jì)。柵格的布局方式可以設(shè)置為自適應(yīng)拉伸，或者是從某一邊開始布局。

運(yùn)用MasterGo提供的布局網(wǎng)格的功能，設(shè)計(jì)師可以對網(wǎng)格進(jìn)行靈活的控制，既可以全局控制，也可以單個(gè)控制。此外，布局網(wǎng)格還可以添加為樣式來進(jìn)行復(fù)用，并且可以和其他所有樣式一樣，添加到團(tuán)隊(duì)庫中方便其他同事使用。

值得注意的是，為了進(jìn)一步提升布局方式的靈活性及強(qiáng)大性，MasterGo設(shè)定了在設(shè)置了布局網(wǎng)格的容器中，容器內(nèi)部元素的約束會作用在最近的柵格行或柵格列上。如此一來，設(shè)計(jì)師便可以更精細(xì)地控制對象尺寸變化時(shí)的響應(yīng)方式，令響應(yīng)式設(shè)計(jì)變得更有效。

布局網(wǎng)格，其實(shí)就像建房子一樣，設(shè)計(jì)師先通過便捷的方式把房子的整體架構(gòu)搭建起來，然后就可以順理成章的擺放好家具。MasterGo的“布局網(wǎng)格”不僅讓設(shè)計(jì)變得更便捷，而且也可以為協(xié)作提效。設(shè)置好的布局可以為其他合作成員提供引導(dǎo)，令元素的擺放有了精準(zhǔn)的指向，當(dāng)你的框架需要與他人共同協(xié)作的時(shí)候，布局網(wǎng)格可以錦上添花！