我們經(jīng)常聽到UI設(shè)計師們談?wù)揢I框架，那么UI框架到底是個什么東西?常用的UI框架又有哪些呢?今天華清遠見就為大家系統(tǒng)回答一下這兩個問題。
ui是什么意思?
這是百度百科的定義：UI即User Interface(用戶界面)的簡稱。泛指用戶的操作界面，UI設(shè)計主要指界面的樣式，美觀程度。而使用上，對軟件的人機交互、操作邏輯、界面美觀的整體設(shè)計則是同樣重要的另一個門道。好的UI不僅是讓軟件變得有個性有品味，還要讓軟件的操作變得舒適、簡單、自由，充分體現(xiàn)軟件的定位和特點。
ui框架又是什么意思?
ui是用戶界面的英文簡稱，那么ui框架又是什么呢?框架又可以理解為模板，ui框架也就是ui模板。這和編程里的封裝有些類似，就是說一些ui設(shè)計的常用效果已經(jīng)被別人封裝成了ui框架，你想實現(xiàn)哪個效果只要直接調(diào)用就行，不需要太糾結(jié)于底層實現(xiàn)。
常用的UI框架有哪些?
Bootstrap
說到流行的UI框架，那么Bootstrap是一定會出現(xiàn)在榜單上的。它是由twitter推出的Web前端UI框架，它由Twitter的設(shè)計師MarkOtto和JacobThornton合作開發(fā)。Bootstrap通過它優(yōu)秀的柵欄系統(tǒng)，很好的實現(xiàn)了響應(yīng)式布局。Bootstrap還提供了時尚的排版樣式，表單，buttons，表格，輪播等等。
Bootstrap提供了優(yōu)雅的HTML和CSS規(guī)范，它是由動態(tài)CSS語言Less寫成。Bootstrap一經(jīng)推出后頗受歡迎，一直是GitHub上的熱門開源項目，包括NASA的MSNBC(微軟全國廣播公司)的BreakingNews都使用了該項目。一些移動開發(fā)者較為熟悉的框架，如WeX5前端開源框架等，也是基于Bootstrap源碼進行性能優(yōu)化而來。
官方網(wǎng)站:https://getbootstrap.com/
jQuery UI
jQuery UI 是建立在jQuery JavaScript 庫上的一組用戶界面交互、特效、小部件及主題。無論是創(chuàng)建高度交互的Web 應(yīng)用程序還是僅僅向窗體控件添加一個日期選擇器，jQueryUI 都是一個完美的選擇。
jQuery UI 包含了許多維持狀態(tài)的小部件(Widget)，因此，它與典型的jQuery 插件使用模式略有不同。所有的jQuery UI 小部件(Widget)使用相同的模式，這樣就大大的降低了學(xué)習(xí)成本。
jQuery UI 繼承jQuery 簡易使用特性，提供高度抽象接口，短期改善網(wǎng)站易用性。同時，jQueryUI采用MIT & GPL 雙協(xié)議授權(quán)，輕松滿足自由產(chǎn)品至企業(yè)產(chǎn)品各種授權(quán)需求。jQueryUI另一大有點是兼容各主流桌面瀏覽器。包括IE6+、Firefox2+、Safari3+、Opera9+、Chrome1+。而且，jQueryUI有完全漢化的版本，開發(fā)包內(nèi)置包含中文在內(nèi)的40 多種語言包。
官方網(wǎng)站://jqueryui.com/
Pure CSS
Pure也是一款很出色的CSS框架，Pure是來自雅虎的。盡管從UI界面效果上來說，Pure沒有Bootstrap那樣精美，但Pure是純CSS實現(xiàn)的，因此非常小巧，整個框架壓縮后只有5.7k左右。
大的特點就是框架基于純CSS，無任何JavaScript代碼，渲染速度比較快。由Yahoo出品，技術(shù)上應(yīng)該不存在太大問題。組件也很豐富，包括表格、表單、按鈕、表、導(dǎo)航等。CSS類的標識十分簡單，因此在使用Pure的過程中代碼會比較友好。
官方網(wǎng)站://www.purecss.org/
Semantic UI
SemanticUI大的優(yōu)點就在它的名字里--語義化。Semantic-UI比Bootstrap更語義化，使用了更容易理解的標簽名稱：導(dǎo)航的是nav，主要內(nèi)容的是main，class名也很明確。
而且SemanticUI 的modules預(yù)制了很多美觀的動畫，同時也非常簡單好用。比如視圖(Views)中的評論(Comment)和動態(tài)信息(Feed) 。
官方網(wǎng)站://www.semantic-ui.cn/
Ace Admin
Ace 是一個輕量、功能豐富、HTML5、響應(yīng)式、支持手機及平板電腦上瀏覽的管理后臺模板，基于CSS框架Bootstrap制作，Bootstrap版本更新至3.0，Ace–Responsive Admin Template當前新版!Ace的一大特點就是擁有豐富的組件。集成了很多經(jīng)典的jquery插件，如zTree，dropzone等。很好的滿足后臺管理的各種需求。
網(wǎng)址://wrapbootstrap.com/preview/WB0B30DGR
BootMetro
BootMetro是一款基于Bootstrap的前端UI框架，BootMetro的特點是可以很方便地構(gòu)建類似Windonws8扁平化風(fēng)格的網(wǎng)頁界面，效果非常不錯。
官方網(wǎng)站：//aozora.github.io/bootmetro/
網(wǎng)上關(guān)于ui框架的資料有些亂而且比較分散，對于ui零基礎(chǔ)的人很難看懂，所以華清遠見小編從什么是ui，ui框架是什么意思?有哪些常用的UI框架？幾方面入手為大家詳細介紹了一下ui框架的具體情況，希望對大家理解入門ui，了解ui框架有所幫助。
熱點新聞
課程問答
