大福利！獻(xiàn)給網(wǎng)頁設(shè)計(jì)師的15款免費(fèi)UI Kit

擁有好的交互界面，才可以合理整合內(nèi)容滿足用戶的期望和需求。優(yōu)秀的用戶界面是具有一致性的，能夠讓網(wǎng)站更易于理解和使用。同時(shí)，當(dāng)用戶面對兩個(gè)同類網(wǎng)站或者應(yīng)用的時(shí)候，UI的漂亮與否會成為決定性因素。

所以，UI Kit 會是個(gè)不錯(cuò)的起點(diǎn)，它會幫你創(chuàng)建吸引眼球的界面，夢幻的效果。同時(shí)，網(wǎng)頁設(shè)計(jì)師也會不停探尋最新的UI Kit來提升手頭項(xiàng)目的視覺效果。當(dāng)然，網(wǎng)絡(luò)上也有著成千上萬的免費(fèi)UI kit供網(wǎng)頁設(shè)計(jì)師來使用，提高網(wǎng)站體驗(yàn)。

往期干貨合集：
幫你收集整理！第41期設(shè)計(jì)圈最新干貨大集合
幫你收集整理！第42期設(shè)計(jì)圈最新干貨大集合（已打包）

在下面的15款UI Kit中挑選你最喜歡的，應(yīng)用到你的項(xiàng)目中去，營造更佳的視覺效果吧。

1. Futurico UI HTML Edition

Futurico是一款方便的用戶交互界面方案，可以非常容易地嵌入現(xiàn)有的網(wǎng)頁布局中去。去該頁面中訂閱消息（免費(fèi)）就可以下載。

2. Pure CSS from Yahoo

這款來自雅虎的純凈的CSS模塊非常小巧，僅有4.4kb，你可以用它來制作響應(yīng)式的頁面，提升使用體驗(yàn)。所以，當(dāng)你的網(wǎng)站需要考慮到移動端體驗(yàn)的時(shí)候，這套小巧的CSS樣式可以發(fā)揮節(jié)省大量的空間。

3. MetroSytle Web UI

MetroSytle Web UI 為你提供了一系列用戶界面資源。

4. Flatby

一款免費(fèi)的扁平化的UI kit，使用SCSS樣式表。

5. Flat UI

一款基于Twitter Bootstrap 框架的主題，內(nèi)置了PSD和Html版兩個(gè)模板。

6. Almost Flat UI

Almost Flat UI是一款基于Foundation框架的UI Kit，同樣是扁平化的UI框架。

7. UI Kit

這個(gè)名字確實(shí)很直接。這款UIkit是輕量級、模塊化的前端框架，適合快速開發(fā)多功能的web界面。30多款可以相互配合的模塊和拓展，會賦予開發(fā)者更大的自由度。易于控制的HTML、CSS、JS組件就是為開發(fā)而生的，易于定制，方便使用。

8. BootFlat

BootFlat同樣是開源的扁平化UI kit，基于Bootstrap 3.1.0的CSS框架，內(nèi)建 Sass 3.3.3.

9. Brick

Brick是一款為了適應(yīng)快速跨瀏覽器開發(fā)而存在的響應(yīng)式UI組件，它對于移動端瀏覽器和Html 5 web 應(yīng)用有著良好的兼容性。

10. PixelKit Bootstrap UI Kits

PixelKit同樣是基于Bootstrap的UI Kit。想創(chuàng)建一個(gè)炫酷的網(wǎng)站？試試這一款吧。

11. Yet Another UI v2

YAUI同樣內(nèi)置了大量的UI組件供你制作充滿設(shè)計(jì)感的網(wǎng)站。

12. INkv2

Ink是一款針對快速開發(fā)web界面而生的UI Kit，它提供了一套流暢的響應(yīng)式柵格系統(tǒng)，常見的UI元素，交互式組件，具備極高的易用性。

13. Flat UI Elements

顧名思義，這是一款具備簡約、扁平UI元素的UI kit組件。

14. Pure CSS UI Kit

一款純CSS的UI kit，內(nèi)置了一組方便的UI元素和便于開發(fā)的樣式和組件。

15. UI Kit Maker

UIKM是一款UI Kit生成器，可以處理龐大的CSS組件。它可以幫你輕松維護(hù)CSS組件，并且生成優(yōu)質(zhì)的代碼，提高效率，節(jié)省精力。

原文地址：webdesignerdepot
優(yōu)設(shè)網(wǎng)翻譯：@陳子木
本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，請尊重版權(quán)和譯者成果，轉(zhuǎn)摘請附上優(yōu)設(shè)鏈接，違者必究。謝謝各位編輯同仁配合。

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

 
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個(gè)分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量69萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計(jì) 微信號：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：