設(shè)計(jì)需要自由着帽,但是設(shè)計(jì)同樣也需要條理性和組織結(jié)構(gòu)。Sketch 在自由與條理兩方面都做的不錯(cuò)移层,設(shè)計(jì)師們經(jīng)常需要整理畫板與文檔仍翰,把所做的工作歸納出來(lái)(交付給其他同事),但要在一個(gè)碩大的工程中整理出字體樣式观话、顏色等信息結(jié)構(gòu)并非易事歉备。Style Inventory 就是幫助你做這樣一件事的:能夠縱覽所有設(shè)計(jì)過(guò)程中使用的樣式信息,并且?guī)椭O(shè)計(jì)師將同樣樣式的圖層進(jìn)行合并
安裝
下載安裝包
雙擊Style Inventory.sketchplugin完成安裝
使用
生成
選中某一個(gè)頁(yè)面后匪燕,使用本功能可以自動(dòng)生成一個(gè)包含了所有使用過(guò)顏色蕾羊、字體樣式、符號(hào)在內(nèi)的畫板
執(zhí)行 Plugins > Style Inventory > Generate 或使用快捷鍵 command?+ control?+ alt?+I
導(dǎo)出元數(shù)據(jù)
當(dāng)在配置窗口中勾上 Export Metadata 選項(xiàng)后帽驯,Sketch 可以將你項(xiàng)目中的元數(shù)據(jù)和圖片導(dǎo)出龟再,這樣就方便交付給開(kāi)發(fā)同事了。導(dǎo)出形式:顏色(JSON)尼变、符號(hào)(PNG)利凑、字體樣式(JSON)
執(zhí)行 Plugins > Style Inventory > Generate 或使用快捷鍵 command?+ control?+ alt?+I在彈出的對(duì)話框中勾選 Export Metadata 選項(xiàng)
在畫板(頁(yè)面)中根據(jù)顏色選擇圖層
選中一個(gè)圖層之后,可以通過(guò)此功能將本畫板(頁(yè)面)內(nèi)所有與當(dāng)前圖層具有相同填充或字體顏色的圖層一起選中
執(zhí)行 Plugins > Style Inventory > by Color > Select Layers by Color on Artboard(Page) 或使用快捷鍵 command?+ control?(+ shift?) +C
在畫板(頁(yè)面)根據(jù)名稱選擇圖層
選中一個(gè)圖層之后嫌术,可以通過(guò)此功能將所有與當(dāng)前圖層名稱相匹配的同層一起選中哀澈。此功能同樣適用于復(fù)制圖層時(shí)自動(dòng)命名產(chǎn)生的數(shù)字結(jié)尾,如 Rectangle 1度气,Rectangle 2割按,…
執(zhí)行 Plugins > Style Inventory > by Name > Select Layers by Name on Artboard(Page) 或使用快捷鍵 command?+ control?(+ shift?) +N
在畫板(頁(yè)面)批量替換字符命名
通過(guò)本功能可以將所有選中的文字圖層進(jìn)行統(tǒng)一命名替換
執(zhí)行 Plugins > Style Inventory > by String > Replace Strings on Artboard(Page)
在畫板(頁(yè)面)根據(jù)文本樣式選擇圖層
選中一個(gè)圖層之后,可以通過(guò)此功能將所有與當(dāng)前圖層文本樣式相匹配的同層一起選中
執(zhí)行 Plugins > Style Inventory > by Text Style > Select Layers by Text Style on Artboard(Page) 或使用快捷鍵 command?+ control?(+ shift?) +T
重點(diǎn)
最常用的功能就是下面兩個(gè)了磷籍,再稍微詳細(xì)提一下:
樣式清單
生成包含顏色适荣、字體樣式在內(nèi)的可見(jiàn)樣式清單现柠,方便用戶縱覽所有設(shè)計(jì)要素,也可以將樣式非常接近的內(nèi)容進(jìn)行合并弛矛,還可以將字體樣式通過(guò) CSS 文件導(dǎo)出
生成字體樣式清單
生成一個(gè)畫板够吩,其中包含了本項(xiàng)目中所有用到的字體樣式