今天不得不推薦，一份頂級(jí)UI Kit素材，它擁有的UI組件多大600+，（UI卡片、圖標(biāo)、按鈕、柵格、WEB、后臺(tái)儀表盤）除此之外，這套素材設(shè)計(jì)很標(biāo)準(zhǔn)，使用Bootstarp響應(yīng)式柵格以及5PX網(wǎng)格系統(tǒng)，包含常見的UI界面設(shè)計(jì)，做網(wǎng)站、做APP設(shè)計(jì)、做B端后臺(tái)都不在話下。

但這都不是重點(diǎn)，重點(diǎn)是還能學(xué)習(xí)它的UI設(shè)計(jì)規(guī)范！不僅是完美的一套UI素材，更是學(xué)習(xí)UI設(shè)計(jì)的好資源。

不信？

我們來(lái)一起看看！

素材特點(diǎn)

一套可以用學(xué)習(xí)的高級(jí)UI素材

一套讓你快速搭建復(fù)雜的網(wǎng)站

600+UI套件（UI卡片、圖標(biāo)、按鈕、柵格、后臺(tái)儀表盤）

banner

學(xué)習(xí)1：嚴(yán)謹(jǐn)?shù)?PX網(wǎng)格化設(shè)計(jì)

這套模板如此好看，是因?yàn)楦呤衷O(shè)計(jì)時(shí)是很嚴(yán)謹(jǐn)?shù)模热缡沁\(yùn)用網(wǎng)格系統(tǒng)中的5PX網(wǎng)格，從預(yù)覽圖到能學(xué)到如何使用了，對(duì)吧？看不懂就加小編WX:commyleung，帶你進(jìn)交流群提問(wèn)。

來(lái)，看看5PX網(wǎng)格的使用方法。

要點(diǎn)就是把每一個(gè)元素當(dāng)做是一個(gè)矩形，并用矩形來(lái)調(diào)整元素空間以及對(duì)齊！

學(xué)習(xí)2：流行的Bootstrap柵格系統(tǒng)

現(xiàn)在響應(yīng)式設(shè)計(jì)是必需的，設(shè)計(jì)師使用了流行的12欄的Bootstrap柵格進(jìn)行設(shè)計(jì)，以便規(guī)范PC與手機(jī)端的自適應(yīng)布局。

此素材的界面都是按照這個(gè)柵格來(lái)做的

學(xué)習(xí)3：標(biāo)準(zhǔn)的按鈕規(guī)范

看看按鈕的規(guī)范，多標(biāo)準(zhǔn)，這套素材簡(jiǎn)直就是給大家學(xué)習(xí)的。

明暗兩套色彩規(guī)范

設(shè)計(jì)師為本套界面都分別配上了2個(gè)主題色調(diào)：暗色主題和亮色主題，符合目前的設(shè)備需求。

600+UI套件素材，讓你快速搭建復(fù)雜的WEB UI網(wǎng)站界面

不要小看這些組件，只要你好好學(xué)習(xí)，好好的DIY，利用這些組件，你可做什么呢？比如：

1、快速完成一個(gè)網(wǎng)頁(yè)頭圖/BANNER

2、快速做一個(gè)專業(yè)設(shè)計(jì)師才能做出來(lái)的WEB界面

3、一個(gè)優(yōu)秀的電商界面

3、后臺(tái)儀表盤組件