最近發(fā)現(xiàn)很多朋友不知道如何獲取官方組件。 這種基礎(chǔ)組件一方面是我們每天做UI必不可少的，另一方面官方把它藏得很深，導(dǎo)致小伙伴們在課堂上聽到我演示組件。 他一臉懵逼，下課后不知道怎么弄。 那么，明天我們將對這些組件做一個全面的梳理。

在所有文件中sketch 圖標(biāo)打組，后綴為dmg的文件是專門為macOS使用的！ 能用的我都已經(jīng)解壓好了。 另外，如果沒有但是想打開文件，可以用XD或者figma打開。

組件庫包括iOS官方組件庫、官方組件庫和我們自制的通用頁面組件庫。

總的來說，XD和（雖然我不推薦PS，但還是要列出來給面子）直接打開對應(yīng)的源文件復(fù)制使用即可，不過它有自己比較完善的組件庫，所以可以嗎一勞永逸？ 添加全局組件庫，僅限 iOS。

下面是使用方法。 其實如果嫌麻煩，可以直接從官網(wǎng)下載文檔，按照提示一步步操作即可。 這是官方鏈接：

1. 雙擊 .dmg 文件。

2.彈出權(quán)限窗口，點擊“同意”。

3.根據(jù)提示將文件推送到該文件夾??； 此時不要從桌面啟動c盤鏡像，放在旁邊還是有用的； 如果你不知道上一句是什么意思，請繼續(xù)往下看。

4. 打開，點擊，選擇“ ”選項卡，點擊Add 。

5、在彈出的窗口中，在中選擇新出現(xiàn)的c盤鏡像位置，依次“”→“.”，一定要選擇這個文件！ 單擊右下角的打開。

6、完成后可以在任意文件中點擊→，選擇需要的組件。

包括“網(wǎng)格/預(yù)覽模板”、“圖標(biāo)排列”和“iOS官方圖標(biāo)應(yīng)用”。

其中，光柵/預(yù)覽文件中的文件用于勾畫工具圖標(biāo)和啟動圖標(biāo)，以及預(yù)覽圖標(biāo)的效果。 如果你不知道這是什么意思，請仔細(xì)閱讀我們寫的關(guān)于圖標(biāo)的系列文章，公眾號、網(wǎng)站酷、UI中國、有奇都有。

優(yōu)集編譯鏈接：

的圖標(biāo)直接列在文件中，但 iOS 沒有。 自iOS13推出以來，蘋果將所有的圖標(biāo)都集成到了SFPro字體中，也就是說圖標(biāo)已經(jīng)成為了字體的一部分，我們可以像輸入字體一樣輸入iOS圖標(biāo)。 為此，蘋果專門推出了一款名為“SF”的字體應(yīng)用，里面列出了所有可用的iOS圖標(biāo)，可以直接復(fù)制粘貼成文本格式。

雙擊“iOS官方圖標(biāo)應(yīng)用”，按照提示完成安裝。 啟動臺北后，會出現(xiàn)一個名為“SF”的應(yīng)用程序。 如果要使用iOS圖標(biāo)，在上面選擇你要使用的圖標(biāo)，按+C/+復(fù)制粘貼V到軟件中，字體改成SFpro。

在軟件安裝過程中sketch 圖標(biāo)打組，“SFpro”字體會同時安裝到系統(tǒng)中，無需您自己重新安裝字體。

包括iOS系統(tǒng)字符、系統(tǒng)字符和iOS通用字體DIN。

注意：安裝前“SF”的朋友不能再在這里安裝SFPro； 屏方字體只提供給用戶安裝使用，Mac是自帶的，不需要安裝！ 帶上你自己的！ 帶來……

結(jié)尾

如需下載以上所有內(nèi)容，公眾號回復(fù)“組件合集”即可獲取鏈接。

最新的UI零基礎(chǔ)設(shè)計已經(jīng)開始，

歡迎掃碼咨詢

如有侵權(quán)請聯(lián)系刪除！