Sketch進階教程-圖標繪製(二)

Sketch Mac是一款爲設計師量身定作的優美界面和強大工具兼有的專業繪圖工具。可以知足網頁、用戶界面、圖標等的設計需求。 Sketch是一款爲設計師量身定作的優美界面和強大工具兼有的專業繪圖工具。製做出漂亮的圖形是一件頗有挑戰性的事情，你所須要的是一款精心設計的應用 程序。這次小編帶你們瞭解基本工具使用方法。

一、SVG圖形介紹

使用截圖、下載等方式將第三方網站圖標以圖像的格式粘貼到Sketch中，以達到圖標的引用，多是大多數人的想法，可是這種方式不支持在Sketch中進行二次編輯操做，浪費Sketch對SVG的支持特性。要說清楚這個支持特性以前，咱們首先要對SVG圖形有必定的瞭解。

SVG是什麼？SVG是一種可縮放矢量圖形（英語：Scalable Vector Graphics，SVG）是基於可擴展標記語言（XML），用於描述二維矢量圖形的圖形格式。SVG由W3C制定，是一個開放標準。——騰訊ISUX 《爲何要用SVG？》

看不懂？不要緊，簡單來講，SVG是一種圖形的格式，和咱們平常接觸的JPG/PNG等圖形格式沒有區別，可是它的質量很小，1024*1024px的圖標僅有3kb，並且它是矢量的圖形，能夠支持編輯修改。在Sketch中，咱們導入SVG圖形後，能夠進行顏色調整、大小變化、形狀改變等操做。

二、從第三方網站導入SVG圖形介紹完SVG的特性後，咱們只須要一個第三方圖標來源網站了，推薦使用阿里的iconfont，圖標的種類齊全，支持直接下載SVG、AI、PNG三種格式圖形。

導入Sketch以後，就能夠對圖標進行編輯操做了，十分簡單。另外，順便須要說明的是，Sketch一樣支持SVG圖片導出，修改後的素材也能夠保存爲SVG圖片，方便再次編輯修改。

三、使用Sketch插件導入SVG圖形

Sketch支持第三方插件，其中固然也包括圖標類插件。推薦下載微信團隊出品的WeSketch插件，它除了內置圖標庫以外，還支持其餘的一些連線、標記功能，插件庫使用方法以下：

（1）使用Sketch插件

安裝完WeSketch插件後在菜單中，找到「Plugins（插件）」-「WeSketch」-「Icon Manager」便可。

點擊「Icon Manager」後，便可看到圖標的選擇彈框，從中選擇咱們想要的圖標，點擊圖標便可完成插入操做。

（2）WeSketch語言切換

不少童鞋可能對純英文的工具軟件比較抗拒，WeSketch插件考慮到了這一點，支持語言切換爲簡體中文。具體設置路徑爲「Plugins（插件）」-「WeSketch」-「Setting」，在彈出的設置框中設置爲簡體中文便可。

以上就是小編爲你們帶來的Sketch進階教程-圖標繪製(二)。還有更多詳細、實用的功能以及相關軟件sketch和其餘Mac軟件獲取，你們快來Macdown.com自行探索一番吧。