不知道大家日常有沒有使用插件的習慣,反正我是經(jīng)常使用,為什么?因為效率更高了,做圖更快了。今天給大家推薦 3 個我常用的 Sketch 插件,它們真的很實用,而且我身邊很多設計師也在使用。
插件名字如標題 Split shape,意思是分割圖形,這個插件其實沒那么簡單,它不是直接簡單的分割圖形,而是均分圖形,看到這,也許你覺得沒啥,那么下面看看它的神奇之處在哪里?
△ 來源 Dribbble 設計師
上圖,我們看到了 3 個卡片,卡片也是設計中經(jīng)常遇到,我們?nèi)粘6际鞘謩尤ダL制三個等量的卡片,今天用了這個插件,瞬間可以畫出三個卡片來。
如上圖,只要我們確定畫板的設計寬度和左右的間距,那么下一步就是直接畫一個矩形,然后使用這個 Split shape 插件就可以直接生成右側(cè)樣式圖形,這樣卡片就出來了。
上圖就是這個插件的基本參數(shù),比較簡單,我把翻譯已經(jīng)描述出來,只要玩一兩遍會了,下面我換一個參數(shù)試一試。
上圖右側(cè)圖形是不是很熟悉,大家做標簽選項時候,經(jīng)常會遇到。在這里我用一個長方形就把他們均分出來了,下面來看看我修改的參數(shù)。
插件修改的地方,我已經(jīng)用紅色數(shù)字標記,大家和之前對比下,應該就能秒懂這個插件了。
快速批量的重新命名你的圖層,這個插件可以說太實用了。不知道大家有沒有這樣的情況,特別是概念設計時候,一般圖層都是比較混亂的,等你完成設計后,圖層也比較多,這時候你要是一個個去改命名,那太費時間,今天這個插件就幫你解決問題。
上圖我簡單舉例,左側(cè)的場景,我相信在座設計師,很多時候都遇到過。那么右側(cè)使用這個插件就可以快速批量選中,改命名。瞬間交付出去的設計稿文件,是不是更專業(yè)一些?而且省時省力。
來看看這個插件面板
參數(shù)非常簡單,操作步驟比較少,一學就會的那種。
快速批量填充名字、時間、日期、手機號、郵箱數(shù)據(jù)中英文數(shù)據(jù)、格式全支持、精準到像素的快速批量復制設計元素、快速參考線,強大的 UI 網(wǎng)格工具。
△ 網(wǎng)站鏈接:https://fancynode.com.cn/flavor
上圖就是插件的全貌截圖,這個插件,我認為最重要的功能就是“快速參考線”,我叫它網(wǎng)格神器,也是我非常喜歡的一個插件。
會使用網(wǎng)格的設計師應該清楚,如果我們要繪制上圖的布局網(wǎng)格,早期一般都得計算出來,而且特別麻煩,容易算錯,而這個插件只要你前期定義好左右邊距,中間就可以自動計算并生成網(wǎng)格。
上圖就是我用這個網(wǎng)格插件快速計算出來的布局網(wǎng)格。如果看不懂上圖,可以看下下面這個圖,我把他們區(qū)分更清晰一些。
這就是一個網(wǎng)格系統(tǒng)的基本構(gòu)成,其它端也是同樣的元素組成。
今天就不講網(wǎng)格系統(tǒng)了,想學的可以看這里:
好了,今天分享就到這里,這 3 個插件我已經(jīng)打包好了,請大家自行下載。
歡迎關注作者微信公眾號:「功夫UX」
復制本文鏈接 文章為作者獨立觀點不代表優(yōu)設網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。
發(fā)評論!每天贏獎品
點擊 登錄 后,在評論區(qū)留言,系統(tǒng)會隨機派送獎品
2012年成立至今,是國內(nèi)備受歡迎的設計師平臺,提供獎品贊助 聯(lián)系我們
標志設計標準教程
已累計誕生 729 位幸運星
發(fā)表評論 為下方 7 條評論點贊,解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓