MasterGo自動布局功能更新 設計原來可以這么高效

產品設計師在哪一刻最有成就感?

多數產品設計師的回答會出奇得一致,就是當自己設計的產品被很多用戶喜愛、MAU 過百萬的時候。

產品受用戶喜歡能給設計師帶來很大正反饋,但設計的過程卻時常讓設計師痛苦不堪,繁瑣重復的工作很容易消磨掉設計師的熱情。

不過最近圈子里設計師們的抱怨變少了,設計的熱情高漲,變化背后是他們都用上了協(xié)同時代的產品設計工具 MasterGo。根據之前的一份用戶調研數據顯示,MasterGo 自動布局功能可以幫設計團隊工作效率提升 50%-70%。

為了讓設計師的日常工作更高效、更便捷,最近 MasterGo 又對自動布局的功能點進行了優(yōu)化,成為國內首家推出絕對定位、負間距、包含描邊功能的國產設計軟件,今天小編就帶大家來了解一下。

絕對定位,擺脫約束一步搞定

一般來說,「自動布局」可以實現按鈕大小隨內容響應,界面布局隨內容刪減、調整而自動適應。

不過現在當設計師想要在容器中讓某個元素脫離自動布局的約束,單獨對其進行調整時,也不用做很多操作,MasterGo 一步就能搞定。

「絕對定位」功能的典型使用場景就是徽標,主要目的是讓其脫離自動布局的約束,在容器內可自由移動。

以徽標為例。在此次功能優(yōu)化前,設計師需要首先選中原容器,創(chuàng)建編組,選中想自由移動的徽標,將其拖進該編組中,隨后調整位置。

在此次功能升級后,選中想自由移動的元素,設置「絕對定位」,即可使其脫離自動布局約束并任意移動位置,操作上比之前更為簡單便捷。

自動布局負間距,圖像堆疊更簡單

當用戶在設計界面時,選擇「自動布局」,設置間距為負數,即可實現多元素間的堆疊效果。

以頭像點贊欄的設計為例。在本地化設計軟件中,要想實現多頭像依次堆疊的效果,需要選中圖中的三個元素,設置距離為負數,并挨個手動調整每個圖層的順序,才能達到正向堆疊效果。

在功能優(yōu)化前,MasterGo 雖然可以通過多種方式實現頭像堆疊的效果,但仍需要多步驟才能實現。

在功能升級后,用戶可以通過 MasterGo 選中頭像所在的容器,在「自動布局」中調整間距改為負數,即默認為反向堆疊。若想要實現正向堆疊效果,則在自動布局的高級設置中選擇「正向推疊」即可,無需依次手動調整頭像順序。

新增間距包含描邊選項,讓設計細節(jié)更完美

作為此次「自動布局」功能升級的一部分,MasterGo 在「自動布局」中新增了邊距計算「包含描邊」的選項,滿足設計師在日常界面設計時更為多樣、細致的需求。

比如在頭像點贊欄的案例中,如果想要將多個相鄰的頭像邊緣相切,本地化設計軟件需要設計師估算邊緣寬度,或者慢慢調試寬度,直至頭像邊緣相切,操作較為粗放,主要依靠設計師經驗和眼力,達到的堆疊效果并不精細。

而 MasterGo 在此次「自動布局」升級后,用戶可以在 MasterGo 的自動布局的高級設置中設置「包含描邊」,將間距直接設置為0,即可實現如下圖的多頭像相切的效果。設計師可以根據日常設計需求,選擇是否包含描邊,讓設計效果更為精細、準確。

總結

此次 MasterGo 在「自動布局」中對功能點的優(yōu)化,減少了對于設計師經驗的依賴,用部分智能化替代了人工,不僅讓設計工作更加省時省力,同時也提升了設計界面的質量,讓設計細節(jié)更趨完美。

產品設計可以繁復多樣,但設計工作卻需化繁就簡,這是設計師所向往的,也是作為協(xié)同設計時代的產品設計工具 MasterGo 一直所追求的。想要工作更省力的設計師們還不趕快試試。

(免責聲明:本網站內容主要來自原創(chuàng)、合作伙伴供稿和第三方自媒體作者投稿,凡在本網站出現的信息,均僅供參考。本網站將盡力確保所提供信息的準確性及可靠性,但不保證有關資料的準確性及可靠性,讀者在使用前請進一步核實,并對任何自主決定的行為負責。本網站對有關資料所引致的錯誤、不確或遺漏,概不負任何法律責任。
任何單位或個人認為本網站中的網頁或鏈接內容可能涉嫌侵犯其知識產權或存在不實內容時,應及時向本網站提出書面權利通知或不實情況說明,并提供身份證明、權屬證明及詳細侵權或不實情況證明。本網站在收到上述法律文件后,將會依法盡快聯(lián)系相關文章源頭核實,溝通刪除相關內容或斷開相關鏈接。 )