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