常用的UI框架有哪些

weixin_33912445發表於2018-12-04

  如今想要成為UI開發工程師的小夥伴越來越多,需要學到的知識也越來越多,廢話不多說了,本片文章扣丁學堂小編就給大家分享一下常用的UI框架有哪些,希望對UI設計小夥伴們有所幫助。

6449180-27e969c428ae14d1.png
UI培訓

  扣丁學堂UI培訓簡述常用的UI框架有哪些:

  Bootstrap

  說到流行的UI框架,那麼Bootstrap是一定會出現在榜單上的。它是由twitter推出的Web前端UI框架,它由Twitter的設計師MarkOtto和JacobThornton合作開發。Bootstrap通過它優秀的柵欄系統,很好的實現了響應式佈局。Bootstrap還提供了時尚的排版樣式,表單,buttons,表格,輪播等等。

  Bootstrap提供了優雅的HTML和CSS規範,它是由動態CSS語言Less寫成。Bootstrap一經推出後頗受歡迎,一直是GitHub上的熱門開源專案,包括NASA的MSNBC(微軟全國廣播公司)的BreakingNews都使用了該專案。國內一些移動開發者較為熟悉的框架,如WeX5前端開源框架等,也是基於Bootstrap原始碼進行效能優化而來。

  jQuery UI

  jQuery UI 是建立在jQuery JavaScript 庫上的一組使用者介面互動、特效、小部件及主題。無論是建立高度互動的Web 應用程式還是僅僅向窗體控制元件新增一個日期選擇器,jQueryUI 都是一個完美的選擇。

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

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

  Pure CSS

  Pure也是一款很出色的CSS框架,Pure是來自雅虎的。儘管從UI介面效果上來說,Pure沒有Bootstrap那樣精美,但Pure是純CSS實現的,因此非常小巧,整個框架壓縮後只有5.7k左右。

  最大的特點就是框架基於純CSS,無任何JavaScript程式碼,渲染速度比較快。由Yahoo出品,技術上應該不存在太大問題。元件也很豐富,包括表格、表單、按鈕、表、導航等。CSS類的標識十分簡單,因此在使用Pure的過程中程式碼會比較友好。

  Semantic UI

  SemanticUI最大的優點就在它的名字裡--語義化。Semantic-UI比Bootstrap更語義化,使用了更容易理解的標籤名稱:導航的是nav,主要內容的是main,class名也很明確。

  而且SemanticUI 的modules預製了很多美觀的動畫,同時也非常簡單好用。比如檢視(Views)中的評論(Comment)和動態資訊(Feed) 。

  Ace Admin

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

  BootMetro

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

  以上就是扣丁學堂小編整理的關於常用的UI框架有哪些的問題,希望能夠幫到小夥伴們。想要學習UI設計的小夥伴小編建議選擇口碑良好的扣丁學堂進行學習,扣丁學堂不僅有專業的老師和與時俱進的課程體系,還有大量的UI視訊教程供學員觀看學習,想要了解更多UI設計的資訊或是想要學習UI設計的小夥伴快聯絡扣丁學堂的諮詢老師吧。

相關文章