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

Drafta

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

Galio

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

DesignBase

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

Playroom

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

Dribbble for Sketch

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

Experimental Gradient Editor

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

Chatkit

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

reCAPTCHA v3

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

Flashcards for Developers

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

Glorious Codes

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

Cosmos Pattern

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

Toggle Buttons

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

Colorblindly

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

April Landing Page Template

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

Evericons

Evericons 是一組免費的線性圖標，包含多種可供選擇的樣式。直接使用，或者增加色彩，可以讓它們在界面中看起來更舒服。

Folder Icons

Folder Icons 包含了一組25個免費的圖標，每個圖標都代表著不同的關于文件夾的操作。圖標都是可供編輯的矢量格式，你可以在不同的項目中使用。

Error Screen Illustrations

這組插畫絕對是 UI設計師的福音，它包含了一組非常有趣的插畫，用于出錯的界面。它們能夠讓用戶感到愉悅，降低出錯給他們帶來的不良情緒。文章底部有下載鏈接。

Report: The Business Value of Design

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

100 Days CSS Challenge

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

How Facebook 3D Photos Work

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

Graphpack

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

Anaheim Script

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

Classy Beautiful Sans

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

Kontiki

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

Lineall Medium

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

TT Firs Neue

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

下載素材：

掃描關注下圖公眾號回復：201811，可免費獲得素材 (請勿輸入空格)