歡迎來到葉設(shè)計(jì)自習(xí)室

持續(xù)更新·設(shè)計(jì)要點(diǎn)

工具自學(xué)| 體驗(yàn)教程| 素材分享

第 2 部分 - 互聯(lián)網(wǎng)上最好的插件集合

字?jǐn)?shù)：1994年，預(yù)計(jì)閱讀時間：6分鐘

大家好！

到了自習(xí)室。

坐下來，玩得開心！

上次葉哥給大家整理了16個最常用的插件，比如中文語言包、自動標(biāo)注神器、自動填充神器，還有字體、調(diào)色板、圖形等，詳細(xì)功能介紹參見:

第一篇文章比較詳細(xì)的介紹了16個插件的使用方法，不過給大家的安裝包是這樣的風(fēng)格：

群里有同學(xué)抱怨這種亂七八糟的英語很煩人。 我如何知道哪一款是標(biāo)記工具，哪一款是填充工具？ ？ ？ 黑色問號？ ？ ？

好吧，這次我們換個風(fēng)格吧！ （我會把之前上傳的文件刪除，大家可以在文末重新下載）

新的安裝包中你感受到葉哥的誠意了嗎？ 哈哈，另外，如果你不知道是哪個插件，就自己去網(wǎng)站看看吧。

好了，現(xiàn)在進(jìn)入今天的正題：第二個插件！

隨著工作內(nèi)容的不斷豐富，依靠UI設(shè)計(jì)師手動完成很多操作已經(jīng)不再科學(xué)。 這時候有實(shí)力的工程師就開發(fā)了很多小插件來拯救UI。 自此，工作效率不斷提高。 啊，偉大的工程師，表達(dá)我的愛+感謝！

超級夜的插件第二次發(fā)布，共有21個夜哥親自測試過，覺得有用的插件。 由于插件太多，今天我們就不一一詳細(xì)解釋了。 我的想法是：概??述一下這些插件，并分享一下我自己的經(jīng)驗(yàn)，供大家參考。 如果正好有你需要的插件，可以去我的網(wǎng)站。 大家都推薦了.im或者搜索一下它的具體用法。

希望你喜歡！

01 常用圖表-Chart

基于自定義參數(shù)快速創(chuàng)建常用圖表，包括：折線圖、垂直柱形圖、水平條形圖、面積圖、堆積面積圖、微線圖。

02 導(dǎo)出GIF和ICNS-更多

支持多種格式導(dǎo)出文件。 除了GIF和ICNS（圖標(biāo)格式）之外，這個插件可以解決這個問題。 注意：①如果要導(dǎo)出ICNS格式sketch 圖標(biāo)庫插件，需要在1024*1024的畫板上創(chuàng)建圖標(biāo)，這樣可以保證導(dǎo)出16-512所有尺寸的圖標(biāo)，包括@1x和@2x。 ②當(dāng)有多個畫板但未選擇時，僅導(dǎo)出畫板列表中的第一個畫板。

03 同步到 AE-

功能就像名字一樣。 葉歌平時不怎么用AE，不過他打算年后有時間再撿起來。

04 粘貼-

不要小看它，因?yàn)樗皇且粋€粘貼功能，這個插件就很神奇了。 葉哥在做網(wǎng)頁設(shè)計(jì)的時候，就以上面的導(dǎo)航為例：先創(chuàng)建幾個文本框，然后復(fù)制Word文檔中規(guī)劃的導(dǎo)航欄的內(nèi)容，然后選擇這些文本框，點(diǎn)擊插件即可分別創(chuàng)建它們。 就自動粘貼進(jìn)去了！

注意：作為數(shù)據(jù)分隔符，可以使用逗號（例如我的導(dǎo)航 - 主頁、服務(wù)、新聞、我們、聯(lián)系人）、空格、換行符和表格單元格。

05 保存樣本-

將文檔顏色/全局顏色保存到您使用 . 后綴名。 您可以在創(chuàng)建新文檔時加載調(diào)色板。

06 餅圖 - 餅

①將正圓直接轉(zhuǎn)換成餅圖，在彈出的對話框中輸入#hex顏色值。 ②如圖所示，輸入顏色值：百分比（20%也可以用0.2表示），即可生成百分比參數(shù)調(diào)整的餅圖。

07 字?jǐn)?shù)統(tǒng)計(jì)和文本轉(zhuǎn)換-逗號

一鍵轉(zhuǎn)換文本大小寫和字?jǐn)?shù)統(tǒng)計(jì)，僅限英文。

08 對齊畫板-

管理畫板并根據(jù)您指定的行數(shù)排列它們。

09 多語言翻譯-

手動翻譯，通過這個插件，可以調(diào)出多種語言。 操作比較簡單，但是涉及到一些代碼編輯。 附操作指南：

10 種混合工具-

一鍵混合多個對象，形成均勻分布的形狀。 這個工具是6。它類似于AI中的混合工具。 它具有類似的功能，可以輕松創(chuàng)建藝術(shù)設(shè)計(jì)，如圖所示。

11藍(lán)湖-蘭湖 0.87

將畫板上傳到Blue Lake的同步插件中。 如果你還不知道什么是藍(lán)湖，快去百度搜索吧。 在線輕松進(jìn)行交互連接和原型演示，并自動生成注釋和剪切圖以支持團(tuán)隊(duì)協(xié)作。

12 流程圖-

emm...流程圖的形狀和顏色很難看，所以除非必要，否則不要使用它。 葉哥一款專業(yè)的流程圖繪制工具，推薦Visio。

13全系列適配-汽車

可以說是一個可以一鍵適配整個系統(tǒng)的神器，但是葉哥感覺設(shè)置起來還是很麻煩。 用它來適配簡單的App頁面是可以的sketch 圖標(biāo)庫插件，但是對于復(fù)雜的App頁面就應(yīng)該自己動手了。 附上操作指南，還附有教程視頻：

14 提取圖像顏色-

一鍵將位圖圖層的顏色值提取到剪貼板。 它非常容易使用，強(qiáng)烈推薦。 單擊并選擇位圖圖層（圖片）以提取顏色。

15 統(tǒng)一漸變和層次-

創(chuàng)建更好看、更均勻的漸變和級別，而不必?fù)?dān)心漸變變臟。

16 循環(huán)復(fù)制-

更強(qiáng)大的組合循環(huán)復(fù)制工具。 插件彈出窗口允許您設(shè)置重復(fù)次數(shù)、縮放、移動、旋轉(zhuǎn)、不透明度和其他選項(xiàng)。 不同的參數(shù)會有不同的效果，快來嘗試一下吧！

17. 在瀏覽器中預(yù)覽 - in

這簡直就是預(yù)覽網(wǎng)頁設(shè)計(jì)效果的神奇工具！ ！ 界面完成后，只要點(diǎn)擊插件，就會立即顯示在瀏覽器中，清晰直觀！

18 網(wǎng)格工具 - 網(wǎng)格

快速創(chuàng)建自定義網(wǎng)格，悄悄告訴你：大多數(shù)程序員做開發(fā)時，使用的都是響應(yīng)式布局的網(wǎng)格規(guī)范。

19 粘貼到Axure-Axure RP

一鍵將設(shè)計(jì)稿轉(zhuǎn)換為 Axure 支持的內(nèi)容。 當(dāng)您只想復(fù)制部分內(nèi)容時，請先選擇這些元素，然后執(zhí)行插件的復(fù)制功能； 當(dāng)你想復(fù)制所有畫板內(nèi)容時，選擇畫板，然后執(zhí)行全部復(fù)制，最后粘貼到Axure中。

該插件目前為測試版（不支持反向操作、同步、跨應(yīng)用庫等），僅支持Axure RP 8.1.0.3368及以上版本。

20 個自適應(yīng)按鈕-Compo

其實(shí)我剛發(fā)布的時候就想向大家推薦這個插件，但是我太難寫介紹了，就放棄了。 今天重新整理了一下插件，發(fā)現(xiàn)其實(shí)并沒有那么復(fù)雜！ 只需輸入文本并按 Cmd+J 即可生成自適應(yīng)按鈕。 更改為自定義值后，按 Cmd+J，這將是您的自定義按鈕。 非常方便！ 更多功能請參見操作指南：

21MD元件庫-

快速生成復(fù)雜組件，風(fēng)格的設(shè)計(jì)，包括表單、文字樣式、UI控件、彈窗、圖標(biāo)、按鈕等，非常標(biāo)準(zhǔn)化的組件庫，操作指南：

多于。

整理文件既麻煩又有趣；

在這個過程中，我找到了一個適合我的插件。

如果你想提高你的UI設(shè)計(jì)工作效率，

有針對性的了解插件，

這比一次安裝它們更有用。

如果您還有任何疑問，

如有侵權(quán)請聯(lián)系刪除！