MasterGo自動(dòng)布局功能更新 設(shè)計(jì)原來(lái)可以這么高效

產(chǎn)品設(shè)計(jì)師在哪一刻最有成就感?

多數(shù)產(chǎn)品設(shè)計(jì)師的回答會(huì)出奇得一致,就是當(dāng)自己設(shè)計(jì)的產(chǎn)品被很多用戶喜愛(ài)、MAU 過(guò)百萬(wàn)的時(shí)候。

產(chǎn)品受用戶喜歡能給設(shè)計(jì)師帶來(lái)很大正反饋,但設(shè)計(jì)的過(guò)程卻時(shí)常讓設(shè)計(jì)師痛苦不堪,繁瑣重復(fù)的工作很容易消磨掉設(shè)計(jì)師的熱情。

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

為了讓設(shè)計(jì)師的日常工作更高效、更便捷,最近 MasterGo 又對(duì)自動(dòng)布局的功能點(diǎn)進(jìn)行了優(yōu)化,成為國(guó)內(nèi)首家推出絕對(duì)定位、負(fù)間距、包含描邊功能的國(guó)產(chǎn)設(shè)計(jì)軟件,今天小編就帶大家來(lái)了解一下。

絕對(duì)定位,擺脫約束一步搞定

一般來(lái)說(shuō),「自動(dòng)布局」可以實(shí)現(xiàn)按鈕大小隨內(nèi)容響應(yīng),界面布局隨內(nèi)容刪減、調(diào)整而自動(dòng)適應(yīng)。

不過(guò)現(xiàn)在當(dāng)設(shè)計(jì)師想要在容器中讓某個(gè)元素脫離自動(dòng)布局的約束,單獨(dú)對(duì)其進(jìn)行調(diào)整時(shí),也不用做很多操作,MasterGo 一步就能搞定。

「絕對(duì)定位」功能的典型使用場(chǎng)景就是徽標(biāo),主要目的是讓其脫離自動(dòng)布局的約束,在容器內(nèi)可自由移動(dòng)。

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

在此次功能升級(jí)后,選中想自由移動(dòng)的元素,設(shè)置「絕對(duì)定位」,即可使其脫離自動(dòng)布局約束并任意移動(dòng)位置,操作上比之前更為簡(jiǎn)單便捷。

自動(dòng)布局負(fù)間距,圖像堆疊更簡(jiǎn)單

當(dāng)用戶在設(shè)計(jì)界面時(shí),選擇「自動(dòng)布局」,設(shè)置間距為負(fù)數(shù),即可實(shí)現(xiàn)多元素間的堆疊效果。

以頭像點(diǎn)贊?rùn)诘脑O(shè)計(jì)為例。在本地化設(shè)計(jì)軟件中,要想實(shí)現(xiàn)多頭像依次堆疊的效果,需要選中圖中的三個(gè)元素,設(shè)置距離為負(fù)數(shù),并挨個(gè)手動(dòng)調(diào)整每個(gè)圖層的順序,才能達(dá)到正向堆疊效果。

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

在功能升級(jí)后,用戶可以通過(guò) MasterGo 選中頭像所在的容器,在「自動(dòng)布局」中調(diào)整間距改為負(fù)數(shù),即默認(rèn)為反向堆疊。若想要實(shí)現(xiàn)正向堆疊效果,則在自動(dòng)布局的高級(jí)設(shè)置中選擇「正向推疊」即可,無(wú)需依次手動(dòng)調(diào)整頭像順序。

新增間距包含描邊選項(xiàng),讓設(shè)計(jì)細(xì)節(jié)更完美

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

比如在頭像點(diǎn)贊?rùn)诘陌咐校绻胍獙⒍鄠€(gè)相鄰的頭像邊緣相切,本地化設(shè)計(jì)軟件需要設(shè)計(jì)師估算邊緣寬度,或者慢慢調(diào)試寬度,直至頭像邊緣相切,操作較為粗放,主要依靠設(shè)計(jì)師經(jīng)驗(yàn)和眼力,達(dá)到的堆疊效果并不精細(xì)。

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

總結(jié)

此次 MasterGo 在「自動(dòng)布局」中對(duì)功能點(diǎn)的優(yōu)化,減少了對(duì)于設(shè)計(jì)師經(jīng)驗(yàn)的依賴(lài),用部分智能化替代了人工,不僅讓設(shè)計(jì)工作更加省時(shí)省力,同時(shí)也提升了設(shè)計(jì)界面的質(zhì)量,讓設(shè)計(jì)細(xì)節(jié)更趨完美。

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

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