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