7個(gè)技巧,MasterGo讓圖層整理更高效

設(shè)計(jì)師們都知道,打開設(shè)計(jì)文件時(shí),大到整個(gè)頁面內(nèi)的圖層布局、分類管理,小到每一個(gè)圖層間的邏輯關(guān)系,整潔的視覺體感,總是可以讓人感到愉悅與舒適。今天小編就給大家介紹一下,為什么我們需要整理圖層,以及一些使用 MasterGo 整理圖層的小技巧,來為你的設(shè)計(jì)文件錦上添花。

我們來看看整理圖層有哪些好處?首先,整理圖層方便自己的修改工作更順利。設(shè)計(jì)師在設(shè)計(jì)過程中最常做的一件事——為圖層命名,如果沒有很好的整理命名的習(xí)慣,將很難快速查找和定位到需要修改的地方。而隨著設(shè)計(jì)稿的不斷修改迭代,新增的圖層越來越多,整個(gè)界面可能會(huì)因?yàn)榛靵y的圖層命名,讓修改這件事變得難以下手。

其次,整理圖層也會(huì)因?yàn)楸憷?,進(jìn)而提升團(tuán)隊(duì)協(xié)作效率。比如,將一份圖層管理混亂的設(shè)計(jì)稿交接給協(xié)作的同事,對(duì)方很難快速理解圖層之間的邏輯關(guān)系,這不僅會(huì)給他人的工作開展帶來很大阻礙,還會(huì)拉低整個(gè)團(tuán)隊(duì)的生產(chǎn)協(xié)作效率。便利他人也是便利自己,一份井然有序的文件可以幫助大家更好地開展工作。

但或許我們?cè)谡砦募r(shí)會(huì)遇到以下這些問題:畫布圖層太亂?——想讓畫布工整清晰;圖層樹展開混亂?——想要一鍵收起;找圖層太費(fèi)勁?——想要快速搜索定位;隱藏圖層太多?——想要一鍵清除......接下來小編要分享7個(gè)技巧,滿足你對(duì)讓畫布保持工整清晰,隨時(shí)定位到想要的圖層,一鍵清除隱藏圖層等等圖層整理的要求......幫你輕松搞定整理這件小事。

圖層太亂?可以試試 MasterGo 圖層整理插件

交付時(shí),總是因?yàn)樵O(shè)計(jì)稿圖層太多、畫布布局太亂,無法快速找到目標(biāo)圖層?

MasterGo 圖層整理插件,支持一鍵整理畫布內(nèi)的元素,圖層列表的正序&倒序、置頂圖層,還可以自動(dòng)調(diào)整畫布內(nèi)的畫板布局,讓你的文件井井有條、不再凌亂,幫助大家在交付時(shí)更有效率地管理和使用文件。

設(shè)計(jì)師可以在「插件廣場(chǎng)」找到并安裝「圖層整理」插件,設(shè)計(jì)模式下點(diǎn)擊工具欄中的「插件」-「圖層整理」即可看到圖層整理彈窗,然后就可以進(jìn)行圖層列表的正序/倒序排序、一鍵立即整理圖層、置頂指定圖層等操作啦。

找不到圖層?可以搜索&篩選一下

如果你想要查找特定名稱的圖層或者查看某類圖層,可以使用圖層搜索與篩選功能。具體來看,「圖層篩選」是通過勾選類別,可以在特定范圍內(nèi)快速篩選出圖層對(duì)應(yīng)的類別,「圖層搜索」是支持直接根據(jù)圖層名稱,精準(zhǔn)查找圖層。總而言之,圖層搜索與篩選功能,可以幫你快速找到想要的圖層,實(shí)現(xiàn)圖層查找和定位自由!

例如,當(dāng)你想要找命名為“彩圖 2”的圖片圖層時(shí),我們可以選擇左側(cè)圖層欄篩選框的「圖片」選項(xiàng),圖層樹將只展示所有的「圖片」屬性的圖層(也包括其所有父級(jí)容器),然后,你可以在搜索框內(nèi)輸入圖層名稱「彩圖2」,即可快速找到你要的圖層啦。

清除隱藏圖層?可以一鍵刪除

標(biāo)記了很多隱藏圖層,現(xiàn)在不想要了,一個(gè)個(gè)刪除太麻煩?怎么辦?你可以使用這個(gè)一鍵清除所有隱藏圖層的插件!首先,在「插件廣場(chǎng)」找到并安裝「清除隱藏圖層」插件,然后在設(shè)計(jì)模式下,點(diǎn)擊工具欄中的「插件」-「清除隱藏圖層」即可看到清除隱藏圖層彈窗,點(diǎn)擊「清除」按鈕,一鍵刪除全部隱藏圖層。

便捷調(diào)整名稱,直觀展現(xiàn)圖層關(guān)系

在 MasterGo 中目前有以下兩種方式可以調(diào)整圖層命名:一種是「雙擊重命名」,在左側(cè)圖層樹通過雙擊圖層名稱即可對(duì)圖層進(jìn)行重命名。另一種是「批量重命名」,在左側(cè)圖層樹中框選多個(gè)圖層后右鍵喚起右鍵菜單欄,點(diǎn)擊重命名,或者使用快捷鍵 Command + R ,即可批量重命名。

圖層樹架構(gòu)化整理,層級(jí)更清晰

左側(cè)圖層樹可以讓你的圖層結(jié)構(gòu)一目了然,這里有兩種方式可以幫助我們架構(gòu)化整理。一種是「快速定位圖層」,通過雙擊左側(cè)圖層樹里圖層對(duì)應(yīng)圖標(biāo),或選擇圖層使用快捷鍵 Shift + 2;另一種為「一鍵折疊左側(cè)的圖層導(dǎo)航」,即選中左側(cè)圖層樹里想要折疊的圖層,使用快捷鍵 Option + L。

另外,除了對(duì)圖層樹的整理及圖層定位與查找外,畫布內(nèi)的設(shè)計(jì)圖布局也是對(duì)文件整潔度的一大考驗(yàn)。想要調(diào)整畫布內(nèi)的布局排列,讓整個(gè)設(shè)計(jì)稿看起來整潔、干凈,我們可以試試以下兩種方式~

圖層精確對(duì)齊?可以拉個(gè)參考線

日常工作時(shí),經(jīng)常需要設(shè)計(jì)排版,純手動(dòng)比對(duì)調(diào)整參數(shù)?用眼睛盯著屏幕去量是萬萬不可行的。這時(shí)候就需要一個(gè)排版不求人神器 ——「標(biāo)尺與參考線」,幫助設(shè)計(jì)師精準(zhǔn)定位對(duì)象或圖層。

MasterGo 中的“標(biāo)尺”常用于輔助用戶繪制精確尺寸的對(duì)象。“參考線”以浮動(dòng)的狀態(tài)顯示在圖像上方,常與“標(biāo)尺”共同使用,可以幫助用戶精確地定位圖像或元素,統(tǒng)一格式,高效對(duì)齊。

要注意的是,百分比下拉菜單中,勾選顯示標(biāo)尺,畫布即顯示對(duì)齊標(biāo)尺,我們只需在標(biāo)尺中拉出參考線到我們的目標(biāo)圖層即可。而且,使用快捷鍵 Shift + R 快速顯示標(biāo)尺更加高效!

圖層整齊列隊(duì)?試試對(duì)齊方式

除了對(duì)齊標(biāo)尺之外,在對(duì)齊圖層時(shí)我們還可以選中需要調(diào)整的圖層,右上角提供 8 種對(duì)齊方向,選擇需要的對(duì)齊方式,可實(shí)現(xiàn)多個(gè)圖層快速對(duì)齊。

流暢的設(shè)計(jì)過程是一場(chǎng)舒適的享受,一份井然有序的設(shè)計(jì)稿可以很好地提高自己和整個(gè)團(tuán)隊(duì)工作效率,為自己和團(tuán)隊(duì)成員帶來美好的感受。MasterGo 這 7個(gè)整理圖層的小技巧讓圖層整理更簡單,更方便,趕緊去試試吧!

(免責(zé)聲明:本網(wǎng)站內(nè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)頁或鏈接內(nèi)容可能涉嫌侵犯其知識(shí)產(chǎn)權(quán)或存在不實(shí)內(nèi)容時(shí),應(yīng)及時(shí)向本網(wǎng)站提出書面權(quán)利通知或不實(shí)情況說明,并提供身份證明、權(quán)屬證明及詳細(xì)侵權(quán)或不實(shí)情況證明。本網(wǎng)站在收到上述法律文件后,將會(huì)依法盡快聯(lián)系相關(guān)文章源頭核實(shí),溝通刪除相關(guān)內(nèi)容或斷開相關(guān)鏈接。 )