Sketch Iconfont：谷歌Sketch字體圖

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

背景介紹

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

      關(guān)于Sketch

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

      關(guān)于icon

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

      關(guān)于IconFont

      在介紹這個(gè)插件之前，我們需要先了解一個(gè)概念，圖標(biāo)字體 (IconFont)。簡(jiǎn)單來說，就是將圖標(biāo)生成為字體文件，和平時(shí)使用的字體文件是一樣的。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 之后，你會(huì)發(fā)現(xiàn)這個(gè)插件還不能使用。既然是管理 IconFont 的插件，第一件事情就是要先安裝 IconFont，然后才能進(jìn)行管理。Plugin 的作者為了方便使用，提供了一個(gè) Font Bundle， 里面包括了多個(gè)比較熱門的 IconFont，安裝后就可以使用了。

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

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

      打開 Sketch，點(diǎn)擊 Plugins -> Icon Font -> Install a Font-Bundle;

      在彈出的對(duì)話框中，選擇 font-bundles-master 文件夾，然后點(diǎn)擊 Open;