欧美成人午夜免费全部完,亚洲午夜福利精品久久,а√最新版在线天堂,另类亚洲综合区图片小说区,亚洲欧美日韩精品色xxx

扣丁學(xué)堂UI設(shè)計(jì)培訓(xùn)之六個(gè)提升設(shè)計(jì)效率插件

2018-05-03 10:55:09 1321瀏覽

自從 Sketch 推出以來(lái)，就逐漸取代 Photoshop 成為了 UI 設(shè)計(jì)領(lǐng)域最受人追捧的設(shè)計(jì)工具，其中的原因除了之前我們介紹的 Symbols、組件庫(kù)以及細(xì)化的功能體驗(yàn)之外，還有個(gè)非常重要的因素，那就是 Sketch 的插件社區(qū)非?；钴S，時(shí)不時(shí)都會(huì)出現(xiàn)一些殺手級(jí)的插件，從而幫助你大幅度提升設(shè)計(jì)效率。在這里，筆者就以自己的使用經(jīng)驗(yàn)，推薦幾款相當(dāng)好用的插件，希望對(duì)大家有所幫助。

1. Sketch Runner

插件鏈接：Sketch Runner之所以把 Sketch Runner 放在第一位，除了它是一個(gè)很好用的插件外，它還兼帶了快速安裝其他插件的職能。

通過(guò) Sketch Runner，你可以快速運(yùn)行 Sketch 自帶的各種命令。還能快速切換到任意文件、畫(huà)板、Page 等。

最方便常用的就是快速插入 Symbols 了。

怎么樣，是不是有點(diǎn)像設(shè)計(jì)界的 Sublime？有興趣的朋友可以前往官網(wǎng)仔細(xì)了解 Sketch Runner 的更多功能特點(diǎn)。

2. CRAFT

插件鏈接：Craft | InVision

關(guān)于 CRAFT，其實(shí)它是我一直以來(lái)特別推崇的插件之一，主要在于它的快速填充內(nèi)容（Data）、同步樣式庫(kù)（Library）以及簡(jiǎn)易原型工具（Prototype），但是由于 Sketch 的后續(xù)版本加入了 Libraries 以及 Prototype 功能，所以目前對(duì)于 CRAFT 的功能更多是用于快速填充內(nèi)容了，具體 CRAFT 的功能可以看看他們的官方視頻：

3. Sketch Measure

插件鏈接：Make it a fun to create spec for developers and teammates

有一句笑話，那就是「設(shè)計(jì)稿和前端實(shí)現(xiàn)之間，隔著一張巨大的標(biāo)注稿和巨量的切圖。」設(shè)計(jì)稿的標(biāo)注和切圖一直是設(shè)計(jì)師與前端銜接的一個(gè)大工程，PS 時(shí)代用過(guò)各種標(biāo)注工具，但都無(wú)法解放生產(chǎn)力，直到出現(xiàn)了 Sketch Measure 以后，一切都變了。

該插件最厲害之處在于，它能夠非常簡(jiǎn)單地輸出動(dòng)態(tài)標(biāo)注稿，并且將你設(shè)定好的圖層同時(shí)導(dǎo)出成切圖，只需要幾次點(diǎn)擊，你就能把生成的標(biāo)注文件交給前端了。

當(dāng)然后續(xù)還出現(xiàn)一些在線的快速輸出標(biāo)注工具，除了有協(xié)作功能之外，跟 Sketch Measure 基本核心功能一致。

更令人驚喜的是，這個(gè)風(fēng)靡 Sketch 社區(qū)的插件，是出自國(guó)人大神之手，膜拜一下。

4. Paddy

插件鏈接：DWilliames/paddy-sketch-plugin

作為一名 Web Designer，最痛苦的事情之一莫過(guò)于在設(shè)計(jì)稿里添加固定 Padding 的設(shè)計(jì)組件了，例如 Button、Label 等。因?yàn)?Web Design 跟 App Design 最大的區(qū)別就是設(shè)備空間上的差異，很多情況下 Button 等元素是不能定寬高的，而是要根據(jù)里面的具體文字內(nèi)容和 Padding 調(diào)整寬高，之前雖然也有類似的插件，但都不是很好用，直到 Paddy 的出現(xiàn)，基本上解決了這個(gè)問(wèn)題。

所以 Paddy 的核心功能就是，當(dāng)你設(shè)定好上下左右的 Padding 值以后，就能夠快速根據(jù)你內(nèi)容的變化而適配外面的容器寬高，非常方便。

5. Sketch Icons

插件鏈接：AMoreaux/Sketch-Icons

這個(gè)插件也是解決了之前一直困擾我的一大難題——批量導(dǎo)入 AI 設(shè)計(jì)好的圖標(biāo) SVG 文件并且進(jìn)行整理，同時(shí)生成 Symbols。其實(shí)它能做到的更多，那就是還能根據(jù)你設(shè)定好的色板快速引入圖標(biāo)顏色。

對(duì)這塊不是很明白的同學(xué)，可以看看官方的演示教程，順帶可以學(xué)一下怎么把 Sketch 的 Symbols 嵌套用得爐火純青。

6. Sketch Isometric

插件鏈接：sureskumar/sketch-isometric

最近軸測(cè)圖風(fēng)格的圖形設(shè)計(jì)大行其道，很多設(shè)計(jì)師都躍躍欲試想要在 Sketch 里面設(shè)計(jì)自己的軸測(cè)圖，有了這個(gè)插件以后，你就能在 Sketch 快速繪制軸測(cè)圖了，并且還能做各種其他效果，快來(lái)試試吧！

另外，如果想要實(shí)現(xiàn)動(dòng)圖里的 Mockup 效果，可以采用 Magic Mirror 工具，但由于 Mockup 這些偏向圖像處理的操作我還是更傾向于在 PS 中進(jìn)行，所以有需要的朋友可以自取。

以上就是關(guān)于扣丁學(xué)堂UI設(shè)計(jì)培訓(xùn)之六個(gè)提升設(shè)計(jì)效率插件的詳細(xì)介紹，最后想要了解更多請(qǐng)關(guān)注扣丁學(xué)堂UI培訓(xùn)官網(wǎng)、微信等平臺(tái)，扣丁學(xué)堂IT職業(yè)在線學(xué)習(xí)教育平臺(tái)為您提供權(quán)威的UI設(shè)計(jì)視頻教程系統(tǒng)，通過(guò)千鋒扣丁學(xué)堂金牌講師在線錄制UI視頻教程內(nèi)容，讓你快速掌握UI從入門(mén)到精通UI設(shè)計(jì)實(shí)戰(zhàn)技能。需要PS軟件伙伴們，免費(fèi)發(fā)給你，扣丁學(xué)堂UI交互設(shè)計(jì)交流群：568096113。

【關(guān)注微信公眾號(hào)獲取更多學(xué)習(xí)資料】

查看更多關(guān)于“ui設(shè)計(jì)資訊”的相關(guān)文章>>