優(yōu)秀的設(shè)計(jì)工具和高素質(zhì)的設(shè)計(jì)資源能夠讓設(shè)計(jì)師的工作更加輕松便捷。專門針對(duì)設(shè)計(jì)師的效率工具讓協(xié)同和設(shè)計(jì)上花費(fèi)的時(shí)間更少，最新的圖標(biāo)合集、UI Kits和字體素材，則可以更快讓你的設(shè)計(jì)作品更上一層樓。下面是這個(gè)月的干貨大合集，希望能夠幫到你。

Drafta

Drafta 是一款團(tuán)隊(duì)協(xié)作工具，你可以借助它來儲(chǔ)存和分享設(shè)計(jì)好的 Web 和 UI 界面，在其中組織好了之后，借助 URL 分享出來。你可以借助 Drafta 來存儲(chǔ)設(shè)計(jì)稿、分享更新，甚至可以從其他的項(xiàng)目中獲取靈感。這款工具有收費(fèi)和免費(fèi)兩個(gè)不同的版本，根據(jù)需求選擇吧。

Galio

Galio 是一款免費(fèi)開源的框架，能幫你創(chuàng)建移動(dòng)端 APP。它擁有大量現(xiàn)成的組件，各種排版的功能，以及足夠漂亮?xí)r尚的基本主題，足以應(yīng)對(duì)不同的設(shè)計(jì)項(xiàng)目。整個(gè)框架內(nèi)置了11個(gè)不同的界面，超過60種不同的元素，并且還在持續(xù)增加中。

DesignBase

DesignBase 可能會(huì)是這個(gè)合集當(dāng)中最吸引人的東西，這個(gè)網(wǎng)站當(dāng)中都是精心挑選的各種設(shè)計(jì)資源合集，包括 UI Kit 工具包，各種視覺稿、插畫、配色方案、字體、圖標(biāo)和數(shù)據(jù)庫。一站式服務(wù)哦 ~

Playroom

Playroom 是一款非常有用的工具，能夠幫你同時(shí)針對(duì)不同的主題和不同尺寸的屏幕來進(jìn)行設(shè)計(jì)，這款工具需要 JSX的組件庫作為支持。在它的幫助下，你可以創(chuàng)建一個(gè)無需安裝的、面向代碼的設(shè)計(jì)環(huán)境，它內(nèi)置于獨(dú)立的捆綁包當(dāng)中，可以和現(xiàn)有的設(shè)計(jì)系統(tǒng)和文檔一起部署。

Dribbble for Sketch

Dribbble 如今可以和 Sketch 聯(lián)動(dòng)了。新的集成方案可以將你最喜歡的平臺(tái)和你最喜歡的工具結(jié)合到一起，無需導(dǎo)出設(shè)計(jì)素材就能發(fā)布出去。安裝插件試試吧。

Experimental Gradient Editor

如果你喜歡使用漸變，那么這款工具會(huì)非常對(duì)你的胃口。你只需要使用滾輪查看不同的選項(xiàng)，選擇色彩就可以了。你甚至可以使用不同的燈光模式來查看色彩在不同條件下的外觀，幫你更好地選擇更合理的配色。

Chatkit

Chatkit 是用來構(gòu)建 APP 內(nèi)的消息傳遞系統(tǒng)的，讓用戶無需離開 APP 就可以和產(chǎn)品背后的開發(fā)團(tuán)隊(duì)進(jìn)行聯(lián)系。無論是已有的APP 還是開發(fā)中的APP，都可以將它加進(jìn)去。

reCAPTCHA v3

reCAPTCHA v3 是谷歌旗下最著名的驗(yàn)證碼系統(tǒng)的最新版本，它是一個(gè)API，哪怕在沒有用戶交互的情況下也能幫你檢測(cè)網(wǎng)站流量濫用的情況。reCAPTCHA 并不會(huì)顯示驗(yàn)證信息，但是會(huì)為你提供相應(yīng)的數(shù)據(jù)，你可以在此基礎(chǔ)上挑選最合理的解決方案。

Flashcards for Developers

使用抽卡的形式，來幫你學(xué)習(xí)開發(fā)技術(shù)，這算得上是一種非常老派的學(xué)習(xí)方法了吧？Flashcards 包含了不同編程語言的拍組，包括 Python、JavaScript、C/C++和基礎(chǔ)的計(jì)算機(jī)科學(xué)的合集。

Glorious Codes

Glorious Codes 為你提供一種更為便捷度的方式，借助動(dòng)效來顯示代碼。它是一個(gè) JavaScript 庫，它使用 API 幫你將代碼以動(dòng)效形式展現(xiàn)。

Cosmos Pattern

Cosmos Pattern 是一組使用 SVG 來創(chuàng)建的圖案紋理。

Toggle Buttons

這組開關(guān)按鈕的功能是完全使用 CSS 寫出來的，你可以看看它們的效果，看是否適宜于用到你的項(xiàng)目當(dāng)中。

Colorblindly

Colorblindly 是一個(gè)模擬測(cè)試工具，開發(fā)者可以借助它將配色模擬成色盲用戶看到的樣子，從而可以有針對(duì)性地調(diào)整配色，確保界面的可用性。它的運(yùn)作原理是在網(wǎng)頁上疊加一個(gè)CSS 濾鏡。

April Landing Page Template

April 是一個(gè)著陸頁模板，專門為初創(chuàng)公司所設(shè)計(jì)。整個(gè)設(shè)計(jì)當(dāng)中包含了足夠的留白，免費(fèi)的 HTML 代碼，可以適用于不同類型的設(shè)備。

Evericons

Evericons 是一組免費(fèi)的線性圖標(biāo)，包含多種可供選擇的樣式。直接使用，或者增加色彩，可以讓它們?cè)诮缑嬷锌雌饋砀娣?/p>

Folder Icons

Folder Icons 包含了一組25個(gè)免費(fèi)的圖標(biāo)，每個(gè)圖標(biāo)都代表著不同的關(guān)于文件夾的操作。圖標(biāo)都是可供編輯的矢量格式，你可以在不同的項(xiàng)目中使用。

Error Screen Illustrations

這組插畫絕對(duì)是 UI設(shè)計(jì)師的福音，它包含了一組非常有趣的插畫，用于出錯(cuò)的界面。它們能夠讓用戶感到愉悅，降低出錯(cuò)給他們帶來的不良情緒。

Report: The Business Value of Design

這份來自麥肯錫的分析報(bào)告，為你指出了設(shè)計(jì)對(duì)于商業(yè)的價(jià)值。之前優(yōu)設(shè)所撰寫的文章《研究了300個(gè)頂級(jí)企業(yè)之后，他們發(fā)現(xiàn)了這4個(gè)設(shè)計(jì)關(guān)鍵點(diǎn)》當(dāng)中，對(duì)于這一報(bào)告的分析和結(jié)論進(jìn)行了總結(jié)式的闡述。

100 Days CSS Challenge

如果你想通過挑戰(zhàn)來進(jìn)行學(xué)習(xí)，那么這份100天 CSS挑戰(zhàn)能夠讓你在學(xué)習(xí)CSS 過程中，每天都有挑戰(zhàn)，不斷地前進(jìn)。完成挑戰(zhàn)之后，你可以在社區(qū)中分享你的經(jīng)驗(yàn)和想法。

How Facebook 3D Photos Work

許多 Facebook 用戶已經(jīng)可以在他們的時(shí)間流當(dāng)中看到一些3D的圖片了，這些圖片是怎么實(shí)現(xiàn)的？這篇文章能夠給你答案。

Graphpack

Graphpack 能夠幫你創(chuàng)建零配置的 GraphQL 服務(wù)器，它包括 Live Reloading、GraphQL Playground、GraphQL Imports 等功能。

Anaheim Script

Anaheim Script 是一款手寫風(fēng)格的字體，非常有魅力。它的筆觸可讀性很強(qiáng)，并且包含大量有趣的元素，比如裝飾和可選樣式。這套字體包含完整的字符集和數(shù)字。

Classy Beautiful Sans

Classy Beautiful Sans 這套字體當(dāng)中，所包含的字符集數(shù)量有限，僅有基本的大寫字母和相關(guān)的幾個(gè)字符，風(fēng)格復(fù)古。用來做展示和品牌設(shè)計(jì)是不錯(cuò)的選擇。

Kontiki

Kontiki 是一款非常酷的字體，用來模擬手工制品和木版刻字的效果是非常不錯(cuò)的。為了創(chuàng)建這套字體，設(shè)計(jì)師手工雕刻了193塊木版，印制出來，其中包含560多個(gè)所用到的字符。整套字符集完整，視覺效果極佳。

Lineall Medium

Lineall Medium 是一款時(shí)髦的字體，在字體的細(xì)節(jié)處理上非常獨(dú)特，可以提供有趣的顯示效果。

TT Firs Neue

TT Firs Neue 是一個(gè)高度可讀的無襯線字體，風(fēng)格偏現(xiàn)代。