在使用設計協作工具的過程中,一些設計師會有這樣的疑問:
“設計稿多的時候,怎樣分類比較合理?”
“設計稿迭代之后上百張設計稿,怎樣才能方便開發找圖?”
……
那今天就來聊聊如何用 CoDesign 的層級分類結構,解決大家在設計稿分類管理工作中遇到的難題。
首先 CoDesign 有五個層級:團隊、項目、文件夾、分組和編組,各自都有不同的使用場景:
文件夾跟編組并不是必選項,這是因為我們希望在這一塊給予用戶更大的自由度,讓大家可以基于各自的使用訴求去使用合適的層級分類。
舉個例子,騰訊是一個團隊,而在團隊內部,我們有 CoDesign 項目,Prowork 項目。可能一百個項目里,會有 100 種層級分類的方法。
比如有的項目是用文件夾來區分 Web 端、PC 端、小程序端;用分組來區分不同的功能模塊;用編組來區分小的迭代版本。
有的項目是用文件夾來區分大的迭代版本;分組區分不同的功能模塊;編組來區分小模塊的內容。
這些層級分類雖然使用的方法不同,但都為了解決同一個訴求,就是在業務線多,版本多,模塊多的情況下,還能一目了然、輕松查閱對應的設計稿,提高產研團隊的迭代效率。
那想要解決這個訴求,多層級的分類意識是基礎,善用編組功能是關鍵。
那編組功能究竟怎么用呢?在插件端跟 web 端又該如何操作呢?來,我們把 CoDesign 上編組的使用技巧,統統整理好了,手把手教會!
騰訊 CoDesign 插件免費下載使用(包括Sketch、XD、Figma和PS):https://codesign.qq.com/
在 PS 插件、Figma 插件、Sketch 插件上傳設計稿時,直接創建或者選擇對應的編組選項上傳。
而在 web 端上,編組方面的操作則更為靈活。
1. 設計稿的編組
新建編組
方法一:通過插件上傳設計稿后,進入項目,切換至【畫布視圖】,點擊【設計稿列表】右側的【+】,即可新建編組。
方法二:通過插件上傳設計稿后,進入項目,切換至【列表視圖】,將鼠標移動至畫板左側,出現【編組】的分割線,點擊后輸入編組名稱,即可新建編組。
畫板移動到編組
方法一:列表視圖下,將鼠標移動至畫板左側,出現【編組】的分割線,點擊后輸入編組名稱,則分割線后的畫板都會移動至創建的新編組中。
方法二:列表視圖下,鼠標左鍵選擇畫板,可直接拖動畫板至對應的編組中。
方法三:列表視圖下,勾選畫板,右上角出現【移動到編組】選項,在下拉菜單中選擇對應的編組,即可移動到編組。
方法四:畫布視圖下,鼠標右鍵選擇畫板,出現【添加至編組】選項,在下拉菜單中選擇對應的編組,即可移動到編組。
2. 素材庫、圖標庫、組件庫的編組
在素材庫、圖標庫、組件庫設置編組管理,可以方便在后續的使用過程中,快速搜索定位,節省搜索時間。
它們的編組操作方法都是一致的,只要將鼠標移動至圖標/素材/組件的左側,出現【編輯】字樣后,點擊并輸入編組名稱即可創建編組。
直接拖動圖標/素材/組件,即可移動至對應的編組中。
最后,大家是怎么使用層級分類的,有什么好的建議,歡迎加入我們的用戶群,跟我們一起探討分享哦!
歡迎關注作者微信公眾號:「騰訊CoDesign」
復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。
發評論!每天贏獎品
點擊 登錄 后,在評論區留言,系統會隨機派送獎品
2012年成立至今,是國內備受歡迎的設計師平臺,提供獎品贊助 聯系我們
AI輔助海報設計101例
已累計誕生 737 位幸運星
發表評論 為下方 1 條評論點贊,解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓