標籤:

Sketch輔助神器推薦:用工具來提升設計效率

分享三款我在用過後就大呼好贊然後想要分享給大家的sketch輔助神器,由於我發現我不會寫導語了,我就直接開始寫它們的用法吧。

1.字體管理神器:RightFont

這可能是我在Mac上邂逅的最驚艷的一款字體管理工具了,當然其他的其實我也沒遇到過,只不過是覺得這個的簡潔和高效,已經給了我一種一見鍾情的感覺了。 打開它後,在你的界面上就會出現這樣一個玩意兒,如下圖:

這裡集中了你的Mac中所有的字體,看見上面【葉根友特楷簡體】旁邊的那個星星了么,你可以通過點擊它來收藏你常用的字體,這些字體可以在頂部菜單那個星星里找到,至於用法,就更簡單了。

打開sketch,在畫板中選擇你想要改變字體的字體,然後雙擊RightFont中你喜歡的字體,就會驚奇的發現sketch中的字體也隨之發生改變了。

除了直接去選擇字體,你還可以在上面的搜索框中找到自己想要的字體(當然只是存在於你的Mac之中的字體),並且可以根據字體樣式/字重/字寬三個維度來篩選字體。

除此之外,你當然可以預覽字體樣式了,在RightFont中右鍵,選擇【change preview...】,在輸入框中輸入你要預覽的文字,這會讓你更加便捷的去篩選出合適的字體。

在這個過程中,RightFont會一直置於屏幕最前,方便你快捷的選擇想要的字體,同時會在Mac頂部的那個不知道叫什麼欄就是有WIFI和電量啊之類的地方顯示。

下載鏈接在此處,快去試試:RightFont for Mac

2.icon管理工具:iconjar

在之前,我管理icon的辦法是,在sketch中新建一個空白文件,把經常用到的icon拖進去,然後命名為【icon大全】後保存……當再次要用到的時候就會打開,在去裡面一個一個挑,入坑不久,那個時候還真不知道有icon管理的工具,於是就只能用這種笨辦法,直到那天在微博搜索sketch相關話題的時候,看到了iconJar。(請忽略我用細中粗來分別命名我收集的icon素材……)

至於用法,完全覺得是傻瓜級的,首先打開iconjar,然後選擇那個【+Add Icons】建立目錄,命名,然後將自己日積月累的素材導入進去,Iconjar 目前支持 SVG、PNG、Gif 三種格式的圖片,建議大家盡量保留 SVG,這樣在 Sketch 還可以對icon進行二次修改。

然後,在你需要icon的時候打開iconJar,直接把你想要的icon拖進設計界面里就OK了,簡單快捷高效到令人髮指。

下載鏈接在此處:IconJar

3.Zeplin: 標註神器,堪稱設計師與前端的休戰協議

sketch上有個插件,Sketch Measure,也是用來標註的工具,不過在用完zeplin之後,我做的第一件事就是刪除了Sketch Measure,相比Sketch Measure,zeplin道行明顯要高,並且重點強調,zeplin是設計師與前端的協作工具。

下載鏈接:Zeplin for Mac

安裝完成後,在sketch中選擇想要標註的頁面,快捷鍵【?+E】快速導入到zeplin中,你就會看到如上圖的畫面。右側會顯示界面配色,而當你選中了某一元素的時候,各種元素就會出現在右側,如下圖:

嗯,由於我只是個設計愛好者,還沒有和前端愉快的交流過,所以與前端協作部分的功能還沒有發掘,這個……就交給大家了。


推薦閱讀:

「教程乾貨」- 在Sketch內探索自動布局 - 響應式系列一
「後台產品」 UX & UI 設計總結(下)- Style Guide 製作
「教程乾貨」- 一些關於 Symbol 使用建議的總結
「教程乾貨」- 想在Sketch里實現響應式網格系統?簡單!- 響應式系列三

TAG:Sketch |