|
協同設計時代，設計團隊和個人要想高效地完成設計工作，就需要一款趁手的產品設計工具。趁手的工具，要功能強大、性能穩定，服務也要跟得上。滿足這幾點要求，目前國內非MasterGo莫屬，而且它也是當下國內各行業頭部企業和團隊的首選設計工具，通過了大廠的驗證，我們用起來也更放心。 目前，MasterGo「布局網格」功能上線，作為一種視覺結構，布局網格可以幫助我們的設計在不同的平臺和設備上保持邏輯性和一致性。
下面，我們就來詳細介紹一下MasterGo「布局網格」使用方法，以及具體操作。 「布局網格」使用方式 布局網格只能應用于容器，可以是頂尖容器，也可以是嵌套在另一個容器中的容器。設計師還可以根據需要，在同一個容器中添加多個網格。 添加布局網格 同一個容器中，布局網格和自動布局只能存在一個。并且要注意的是只能在容器中添加布局網格，包括組件和實例。 1.選中容器后，在右側屬性面板中可以找到「布局網格」選項。 2.點擊加號，可創建一個默認的網格。
3.想要修改默認的網格屬性，可以點擊左側圖標，打開屬性設置彈框。在這里可以設置網格的各個屬性。
布局網格的屬性 布局網格有三種類型，即：網格、柵格列、柵格行。
在設計的時候，設計師可以點擊彈框左上角的下拉箭頭，修改網格的類型。 1.網格 網格特別適合需要精確控制尺寸的設計場景，比如icon等。設計師可以根據需要修改網格的大小和顏色。還可以添加多個網格，配合不同的尺寸和顏色，滿足特定的需求。 2.柵格列、柵格行 柵格可以讓設計界面保持一種秩序，特別適合網頁、移動端設計中的響應式設計。設計師也可以對柵格的數量、顏色、布局方式、列寬或行寬、槽寬、偏移或邊距等進行設置。需要注意的是，槽寬指柵格開始的位置，不同布局方式，效果也不同。如果布局方式是拉伸，這里會變成邊距設置，如果是行，就是上下邊距；如果是列，就是左右邊距。
控制布局網格的顯示 全局控制 設計師可以使用快捷鍵或視圖選項控制布局網格的顯示，但不會刪除他們。全局控制只對自己的賬號生效，不會影響協同的伙伴。而且布局網格不會在導出切圖的時候被導出，也不會在原型播放時候被顯示，這個設置還是很貼心的。 單個控制 如果設計師想切換單個布局網格的顯示，只需在屬性面板中，點擊想要顯示或不顯示的布局網格后的“眼睛圖標”。全局顯示不會影響單個的隱藏。 創建和使用樣式 MasterGo布局網格可以添加為樣式來進行復用。并且可以和其他所有樣式一樣，添加為團隊庫使用。
布局網格和約束 在設置了布局網格的容器中，容器內部元素的約束將會作用在最近的柵格行或柵格列上。 由此，我們可以將約束和布局網格結合起來，定義更強大更靈活的布局方式。更精細地控制對象尺寸變化時的響應方式，從而得到更有效的響應式設計。
這些，就是有關MasterGo「布局網格」功能的具體使用介紹了。 布局網格可以讓設計師的操作更加便捷，讓團隊協同設計更加高效，這也是協同設計時代MasterGo以解決設計行業“低效”痛點所做的功能方面的提升和努力。 |
- 關注天氣:
