UI界面設(shè)計(jì)

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

1905

優(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)和想法。