Sketch Iconfont：谷歌Sketch字體圖

  Sketch Iconfont：谷歌Sketch字體圖標(biāo)管理插件最新版是一款幫助用戶插入和管理字體圖標(biāo)的Sketch插件。Sketch Iconfont：谷歌Sketch字體圖標(biāo)管理插件最新版能夠為交互和UI設(shè)計師節(jié)省很多時間成本，從而提高工作的效率，Sketch Iconfont：谷歌Sketch字體圖標(biāo)管理插件最新版是可以在 Sketch 中輕松插入和管理圖標(biāo)字體的插件。

背景介紹

      Sketch Iconfont：谷歌Sketch字體圖標(biāo)管理插件最新版是一款幫助用戶插入和管理字體圖標(biāo)的Sketch插件。

      關(guān)于Sketch

      Photoshop和Sketch在日常的設(shè)計工作中都不是必不可少的，Photoshop設(shè)計界的老大哥、吃瓜群眾眼中的ps，它是迄今為止世界上最暢銷的圖像處理編輯軟件。Sketch設(shè)計界新晉新星，它是一款輕量、易用的矢量設(shè)計工具。UI設(shè)計為什么選擇Sketch?一個比喻非常形象的告訴我們“在 PS 中設(shè)計 UI，就像你要切紙的時候本來只需要一把剪刀，但你拿到的卻是一把鏈鋸?！倍倚碌脑O(shè)計師上手PS比上手Sketch要難得多。另外，Sketch還有一個優(yōu)勢就是豐富的插件庫，sketch強大的插件能夠為交互和UI設(shè)計師節(jié)省很多時間成本，提高工作的效率?？傊痪湓扴ketch讓UI設(shè)計更加簡單、高效，只可惜Sketch只能在Mac上使用。今天介紹的Sketch Iconfont就是其中一款Sketch插件。

      關(guān)于icon

      在日常的設(shè)計工作中，icon 是離不開的設(shè)計元素，通常會下載一些 icon 素材文件。當(dāng)使用時，打開素材文件，然后把要使用的 icon 粘貼到 Sketch中。但是，當(dāng)你有大量的 icon 素材時，想要管理和查找 icon 就變得十分困難了。Sketch Iconfont 可以幫我們很好來管理我們的 icon素材。

      關(guān)于IconFont

      在介紹這個插件之前，我們需要先了解一個概念，圖標(biāo)字體 (IconFont)。簡單來說，就是將圖標(biāo)生成為字體文件，和平時使用的字體文件是一樣的。IconFont 一般應(yīng)用在前端開發(fā)當(dāng)中，在 CSS3 中被引入，將圖標(biāo)當(dāng)做文字顯示，可以很大程度上解決圖標(biāo)顯示以及屏幕適配的問題。目前也有很多成熟的 IconFont 可以供我們直接使用，當(dāng)然你也可以自己制作 IconFont 來供自己使用。

      Sketch Iconfont 就是可以在 Sketch 中輕松插入和管理圖標(biāo)字體的插件。安裝好后，圖標(biāo)就以字體的形式輸出至軟件里，可編輯，可以轉(zhuǎn)換成形狀，如果你的sketch需要更新版本那么需要注意的是在更新前把圖標(biāo)字體導(dǎo)出字體包，sketch更新完后再安裝導(dǎo)出的字體包以保留自定義字體。

安裝說明

      1、安裝Sketch Iconfont

      下載并解壓文件

      雙擊 iconfont.sketchplugin 完成安裝

      2、安裝 Font Bundle

      安裝好 Sketch Iconfont 之后，你會發(fā)現(xiàn)這個插件還不能使用。既然是管理 IconFont 的插件，第一件事情就是要先安裝 IconFont，然后才能進(jìn)行管理。Plugin 的作者為了方便使用，提供了一個 Font Bundle， 里面包括了多個比較熱門的 IconFont，安裝后就可以使用了。

      下載并解壓： font-bundles-master.zip

      打開 ttf-files 文件夾，依次安裝里面的字體;

      打開 Sketch，點擊 Plugins -> Icon Font -> Install a Font-Bundle;

      在彈出的對話框中，選擇 font-bundles-master 文件夾，然后點擊 Open;