設計ui最重要的就是要先設計好它的框架，因為只有在框架的大前提下進行設計，才能夠更好的保證自己的設計質量，下面我們跟隨小編一起來了解一下ui設計框架的相關資料吧。

ui設計框架之Bootstrap

　　說到流行的UI框架，那么Bootstrap是一定會出現(xiàn)在榜單上的。它是由twitter推出的Web前端UI框架，它由Twitter的設計師MarkOtto和JacobThornton合作開發(fā)。Bootstrap通過它優(yōu)秀的柵欄系統(tǒng)，很好的實現(xiàn)了響應式布局。Bootstrap還提供了時尚的排版樣式，表單，buttons，表格，輪播等等。

　　Bootstrap提供了優(yōu)雅的HTML和CSS規(guī)范，它是由動態(tài)CSS語言Less寫成。Bootstrap一經推出后頗受歡迎，一直是GitHub上的熱門開源項目。國內一些移動開發(fā)者較為熟悉的框架，如WeX5前端開源框架等，也是基于Bootstrap源碼進行性能優(yōu)化而來。

（圖片來自網絡）

　　ui設計框架之jQuery UI

　　jQuery UI 是建立在jQuery JavaScript 庫上的一組用戶界面交互、特效、小部件及主題。無論是創(chuàng)建高度交互的Web 應用程序還是僅僅向窗體控件添加一個日期選擇器，jQueryUI 都是一個完美的選擇。

　　jQuery UI 包含了許多維持狀態(tài)的小部件(Widget)，因此，它與典型的jQuery 插件使用模式略有不同。所有的jQuery UI 小部件(Widget)使用相同的模式，這樣就大大的降低了學習成本。

　　jQuery UI 繼承jQuery 簡易使用特性，提供高度抽象接口，短期改善網站易用性。同時，jQueryUI采用MIT & GPL 雙協(xié)議授權，輕松滿足自由產品至企業(yè)產品各種授權需求。jQueryUI另一大有點是兼容各主流桌面瀏覽器。包括IE6+、Firefox2+、Safari3+、Opera9+、Chrome1+。而且，jQueryUI有完全漢化的版本，開發(fā)包內置包含中文在內的40 多種語言包。

（圖片來自網絡）

　　ui設計框架之Pure CSS

　　Pure也是一款很出色的CSS框架。盡管從UI界面效果上來說，Pure沒有Bootstrap那樣精美，但Pure是純CSS實現(xiàn)的，因此非常小巧，整個框架壓縮后只有5.7k左右。

　　最大的特點就是框架基于純CSS，無任何JavaScript代碼，渲染速度比較快。組件也很豐富，包括表格、表單、按鈕、表、導航等。CSS類的標識十分簡單，因此在使用Pure的過程中代碼會比較友好。

（圖片來自網絡）

　　ui設計框架之Semantic UI

　　SemanticUI最大的優(yōu)點就在它的名字里--語義化。Semantic-UI比Bootstrap更語義化，使用了更容易理解的標簽名稱：導航的是nav，主要內容的是main，class名也很明確。

　　而且SemanticUI 的modules預制了很多美觀的動畫，同時也非常簡單好用。比如視圖(Views)中的評論(Comment)和動態(tài)信息(Feed) 。

（圖片來自網絡）

　　ui設計框架之Ace Admin

　　Ace 是一個輕量、功能豐富、HTML5、響應式、支持手機及平板電腦上瀏覽的管理后臺模板，基于CSS框架Bootstrap制作，Bootstrap版本更新至3.0，Ace–Responsive Admin Template當前最新版!Ace的一大特點就是擁有豐富的組件。集成了很多經典的jquery插件，如zTree，dropzone等。很好的滿足后臺管理的各種需求。

（圖片來自網絡）

　　ui設計框架之BootMetro

　　BootMetro是一款基于Bootstrap的前端UI框架，BootMetro的特點是可以很方便地構建類似Windonws8扁平化風格的網頁界面，效果非常不錯。

（圖片來自網絡）

　　其實小編覺得ui設計框架是大同小異的，其關鍵就在于設計過程可能會有所不同，所以大家可以根據自己的實際情況來選擇最適合自己的ui設計的框架哦!