那些我離不開的 Sketch 插件
來自專欄 UI設計師成長營
當談論到插件時,我是一名極客。各種新穎的 Sketch 插件層出不窮,但是有那麼幾個是我怎麼也離不開的。
Sketch 運行器
多層的插件菜單再也不會影響我的效率了。
我推遲了好幾年才使用這個插件,因為我不懂怎麼把它融入我的設計流程。查找信息?我會選擇使用滑鼠點擊,謝謝。現在想想,我當時真是太傻了。它反應迅速,重要的是,它會改變你和 Sketch 界面交流的方式。
內容生成器(Content Generator)之類的插件,它們的多層子菜單曾經讓我很煩惱,現在,我會直接找到我想要的操作。
Runner 運行得非常完美,是它讓我開始使用 Alfred 來和我的電腦交流。我再也不想回到過去了。
暗夜主題
暗夜主題增加了一個非常有用的個性化外觀和附加功能。
這個主題界面不但能夠保護你的眼睛,而且能在你打開 Sketch 的時候讓你變得興奮。我最喜歡的部分是它有一個粉紅色的工具欄圖標。
還有一些能夠提高效率的功能,比如更改圖層選中顏色、圖層的標籤顏色以及項目組的指引線。這些 UI 上的細節提升幫助我保持圖層名輸出時簡潔明了(不用表情 —— 用色塊標籤)。
這個插件需要花 8 美金,但我還是把它排在我的 Sketch 付費項目的前 3 名。這個插件的項目組似乎更新得很快,我很期待他們下一步會拿出怎麼樣的產品。
Paddy
基本上是目前做的最好的插件了。
當你使用 Paddy 更改了內容後,基本沒有多餘的步驟了(比如重新改變 label 大小之類)—— 它是自動的。
處理動態按鈕有許多變通辦法,但我從來沒有滿意過,我還是不得不在修改按鈕後再做一些多餘的操作。為什麼它就不能像 CSS 那樣運行呢?
Paddy 是一個新插件,它運行的方式是我所期望的 —— 我修改一些內容的同時,它將自動更新。
對我來說,它運行得比手動改變標籤大小這種方式好得多,因為它基於符號重載,這樣,我可以很容易地把它應用到其他地方,比如模型。帶圖標的按鈕也是小意思,對它來說就是小菜一碟。
更新:記住,你可以自動給組合對象分配空間,並且用一些簡單的圖層名規則居中它們。
記得觀看下面的視頻,由 **@pablostanley 帶來的進一步深入了解這個插件的神奇。@**DavidWilliames 是個天才。
- YouTube 視頻鏈接:https://youtu.be/FvBQm5qHwdc
Chart
當你接觸到圖表的時候,你感到非常激動,然後愛上它。
我討厭設計圖表 —— 直到現在還是。從一個視覺上混亂的表格中抽取數據,這永遠不是一件輕鬆的事。當我開始使用這個插件,我打開了新世界的大門,之後,我按照需求定製表格的樣式。
我能夠快速趕出一個儀錶盤,甚至比市場部的人說出:『我們真的不需要詳細到這種程度,但是謝謝!』還要快。
Split Shape
使用 Split Shape 插件來進行切片和切塊。
大部分人使用 Grids 或者 Craft 來實現這個功能,然後我發現 Split Shape 插件很好用。
我創建了一個擁有全部尺寸的父形狀(相當於父 div),然後使用 guterr/margin 把它分割成多行多列,完成網狀布局。我不用考慮數值計算。
Fitter
我一直在使用它因為我很懶,我不想手動畫形狀。CTL?+H (高度), CTL?+W (寬度), and CTL?+F (全畫板)。就是這麼簡單。
同樣,你可以設置形狀縮進,尺寸大小基於畫板尺寸。
Butter
嗨,朋友,那個導航欄需要一點黃油!(譯者註:原文是 nav needs some Butter。插件名剛好是黃油)
我十分熱愛 Butter 這個插件。原始的 Sketch 控制件在垂直導航菜單有幾個像素偏移這個應用場景上並沒有什麼用。於是我用 Butter 來使這個過程簡化,這原本需要大量的滑鼠點擊操作。
Butter 還可以做間距分布,這樣我就再也不需要分布插件了。如果你使用了 Paddy 插件了,Butter 顯得有點多餘,但我還是保留著它,用來快速組合對象。
Sketch 指南
這個界面簡潔美觀。我會為縮進創建一個形狀,把它移到畫板的邊緣,然後讓插件分布在指南四周。
這樣為我節省了大量時間,並且按照我的想法工作。
Clipboard Fill
我不知道沒有它我怎麼工作。再也不需要把圖片保存到桌面,然後填充形狀。現在只需要複製圖片,然後 CTL?+V ,搞定!
Swatches
Swatches 讓我能夠集中注意力,因為我不需要花半天時間在顏色值上。我可以直接跳到庫,挑選我需要的顏色,然後我的工作就完成了。
福利: Little Ipsum
提供你想要的內容,不多不少。
我知道有不少提供內容生成器的插件(比如 Craft),但我的主要問題經常是他們沒有提供 較好地控制我需要多少內容。
當我需要填充確定數量的內容時,我會選擇 Little Ipsum,它不比其他任何插件慢(很可能要快)。
來源:掘金
鏈接:https://juejin.im/post/5ae0623ef265da0b8d419aca
推薦閱讀:
※sketch如何解決0.1像素誤差這種事情?
※Sketch的產品再設計 – 如何提升完善型產品的體驗
※Sketch 49 更新:邁向交互設計領域的第一步
※「後台產品」 UX & UI 設計總結(下)- Style Guide 製作
※App演示素材那麼貴,不如來用 Sketch 插件自己做吧