常用的UI框架有哪些
如今想要成為UI開發工程師的小夥伴越來越多,需要學到的知識也越來越多,廢話不多說了,本片文章扣丁學堂小編就給大家分享一下常用的UI框架有哪些,希望對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設計的小夥伴快聯絡扣丁學堂的諮詢老師吧。
相關文章
- Python網路程式設計常用的框架有哪些?Python程式設計框架
- Python爬蟲是什麼?常用框架有哪些?Python爬蟲框架
- web前端技術分享:常用JavaScript框架有哪些?Web前端JavaScript框架
- web前端培訓:常用的Web前端開發框架有哪些?Web前端框架
- Python常用GUI框架有哪些?Python基礎入門PythonGUI框架
- 常用的Web前端開發框架有哪些呢?分享這11個Web前端框架
- 【常見分類】Python網路程式設計常用的框架有哪些?Python程式設計框架
- 什麼是Python爬蟲?Python爬蟲常用框架有哪些?Python爬蟲框架
- Web前端開發框架有哪些?Web前端框架
- Spring MVC框架有哪些優點SpringMVC框架
- 什麼是腳手架?為什麼需要腳手架?常用的腳手架有哪些?
- 常見的自動化測試框架有哪些?框架
- Python相關爬蟲的框架有哪些?Python知識Python爬蟲框架
- Python爬蟲的框架有哪些?推薦這五個!Python爬蟲框架
- UI培訓教程分享:常用的商業插畫風格有哪些?UI
- 基於小程式技術棧的跨端框架有哪些?跨端框架
- 敏捷開發框架有哪些?都有什麼特點敏捷框架
- 什麼是爬蟲?Python爬蟲框架有哪些?爬蟲Python框架
- Python自動化測試框架有哪些?Python入門!Python框架
- 什麼是Spring 框架?Spring 框架有哪些主要模組?Spring框架
- 好用的Web前端開發框架有哪些呢?推薦這9款Web前端框架
- Python相關爬蟲的框架有哪些?五大框架推薦!Python爬蟲框架
- Element UI Input框輸入無效UI
- Element-Ui元件(四十)Popover 彈出框UI元件
- HTML5基礎入門之常見的HTML5框架有哪些?HTML框架
- UI培訓教程分享:UI設計的分類有哪些?UI
- 前端什麼技術越來越重要 哪些前端框架有前景前端框架
- Lombok的常用註解有哪些Lombok
- app直播原始碼,android中幾種常用的彈框APP原始碼Android
- 直播平臺搭建,使用element-ui中的select下拉框UI
- 常用操作單選框radio程式碼整理
- 常用的標籤分類有哪些
- Java常用的設計模式有哪些?Java設計模式
- spring boot的常用註解有哪些?Spring Boot
- python常用的資料庫有哪些?Python資料庫
- Element-UI的table表格的樣式的常用的操作UI
- 直播系統程式碼,android中幾種常用的彈框Android
- Python的web主流框架有什麼?PythonWeb框架