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

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

1、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圖形後,可以進行顏色調整、大小變化、形狀改變等操作。

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

導入Sketch之後,就可以對圖標進行編輯操作了,十分簡單。另外,順便需要說明的是,Sketch同樣支持SVG圖片導出,修改後的素材也可以保存爲SVG圖片,方便再次編輯修改。

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

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

(1)使用Sketch插件

安裝完WeSketch插件後在菜單中,找到“Plugins(插件)”-“WeSketch”-“Icon Manager”即可。

點擊“Icon Manager”後,即可看到圖標的選擇彈框,從中選擇我們想要的圖標,點擊圖標即可完成插入操作。

(2)WeSketch語言切換

很多童鞋可能對純英文的工具軟件比較抗拒,WeSketch插件考慮到了這一點,支持語言切換爲簡體中文。具體設置路徑爲“Plugins(插件)”-“WeSketch”-“Setting”,在彈出的設置框中設置爲簡體中文即可。

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章