協(xié)同設(shè)計(jì)時(shí)代,組織效率對企業(yè)來說變得更為重要。從設(shè)計(jì)到交付,再到開發(fā),理應(yīng)是一個(gè)協(xié)同配合、互相成就的過程。「切圖」是設(shè)計(jì)交付的重要輸出物之一,是連接設(shè)計(jì)師和工程師的重要“紐帶”,如果切圖不準(zhǔn)確,很容易導(dǎo)致最終的產(chǎn)品呈現(xiàn)與設(shè)計(jì)稿大相徑庭。
為了完美還原設(shè)計(jì)稿,設(shè)計(jì)師需要根據(jù)不同設(shè)備導(dǎo)出不同命名方式、不同格式的圖片,工程師則需要在頁面快速找到切圖,然后下載這些不同命名方式、不同設(shè)備的圖片。
一些設(shè)計(jì)工具都有切圖相關(guān)的功能,但如果需要高效精準(zhǔn)地切圖,除了基礎(chǔ)的導(dǎo)出功能外,還應(yīng)具備導(dǎo)出預(yù)設(shè)、批量增加、便捷尋找等功能,以滿足設(shè)計(jì)師與工程師智能化提效的需求。
以 MasterGo 為例,MasterGo 提供預(yù)設(shè)切圖參數(shù)功能,？持 Android、iOS、Flutter 設(shè)備的尺？、倍率、前后綴、格式等不同類型的切圖導(dǎo)出。設(shè)計(jì)師再也不？單獨(dú)制作不同參數(shù)類型的切圖,然后打包交付給開發(fā)了。
為了提升協(xié)作體驗(yàn),MasterGo 還上線了切圖列表和批量導(dǎo)出切圖功能,設(shè)計(jì)師交付設(shè)計(jì)稿后,？程師可以通過切圖列表快速定位切圖,并查看相關(guān)標(biāo)注和應(yīng)？？式,同時(shí)MasterGo 還支持？鍵快速導(dǎo)出所有切圖,讓設(shè)計(jì)交付？縫銜接。
具體來看一下如何操作。首先,可以點(diǎn)擊「切圖？具」或按快捷鍵 S ,即可啟？切圖？具,在需要切圖的地？繪制切圖范圍。
完成切圖后,需要在右側(cè)欄下？設(shè)置導(dǎo)出選項(xiàng)。這？有？個(gè)管理導(dǎo)出選項(xiàng)的？技巧,當(dāng)我們想要調(diào)整或者刪除某個(gè)導(dǎo)出設(shè)置時(shí),可以選中該導(dǎo)出選項(xiàng),并上下拖拽調(diào)整位置順序,也可以通過點(diǎn)擊“-”刪除該導(dǎo)出選項(xiàng)。
當(dāng)設(shè)置好了所有切圖的導(dǎo)出選項(xiàng)后,就可以通過選擇「導(dǎo)出所有切圖」在切圖列表中批量選擇切圖進(jìn)？導(dǎo)出。
工欲善其事,必先利其器。合理利用工具可以起到事半功倍的效果,好的產(chǎn)品設(shè)計(jì)工具,有助于減少產(chǎn)品設(shè)計(jì)工作中的低效重復(fù)工作。MasterGo上線的切圖功能不僅更符合國內(nèi)設(shè)計(jì)師和工程師的使用習(xí)慣,而且能大幅提升團(tuán)隊(duì)和企業(yè)的工作效率。
