2018年11月UI設(shè)計(jì)工具及免費(fèi)資源素材下載

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

Galio

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

DesignBase

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

Playroom

Playroom 是一款非常有用的工具,能夠幫你同時(shí)針對(duì)不同的主題和不同尺寸的屏幕來(lái)進(jìn)行設(shè)計(jì),這款工具需要 JSX的組件庫(kù)作為支持。在它的幫助下,你可以創(chuàng)建一個(gè)無(wú)需安裝的、面向代碼的設(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é)合到一起,無(wú)需導(dǎo)出設(shè)計(jì)素材就能發(fā)布出去。安裝插件試試吧。

Experimental Gradient Editor

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

Chatkit

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

reCAPTCHA v3

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

Flashcards for Developers

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

Glorious Codes

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

Cosmos Pattern

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

Toggle Buttons

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

Colorblindly

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

April Landing Page Template

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

Evericons

Evericons 是一組免費(fèi)的線性圖標(biāo),包含多種可供選擇的樣式。直接使用,或者增加色彩,可以讓它們?cè)诮缑嬷锌雌饋?lái)更舒服。

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ò)給他們帶來(lái)的不良情緒。文章底部有下載鏈接。

Report: The Business Value of Design

這份來(lái)自麥肯錫的分析報(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

如果你想通過(guò)挑戰(zhàn)來(lái)進(jìn)行學(xué)習(xí),那么這份100天 CSS挑戰(zhàn)能夠讓你在學(xué)習(xí)CSS 過(guò)程中,每天都有挑戰(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ù)古。用來(lái)做展示和品牌設(shè)計(jì)是不錯(cuò)的選擇。

Kontiki

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

Lineall Medium

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

TT Firs Neue

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

 

 

下載素材:

掃描關(guān)注下圖公眾號(hào)回復(fù):201811,可免費(fèi)獲得素材 (請(qǐng)勿輸入空格)

 

每天更新,
全站高品質(zhì)素材免費(fèi)下載!