目前移動(dòng)設(shè)備越來越多，對(duì)于設(shè)計(jì)者來說學(xué)習(xí)的機(jī)會(huì)也就越多，可隨之而來的挑戰(zhàn)也就會(huì)越來越多。不管如何在學(xué)習(xí)移動(dòng)的ur框架的過程當(dāng)中，一些基礎(chǔ)的知識(shí)點(diǎn)是一定要了解的。

　　移動(dòng)端ui框架——移動(dòng)端最常用的四個(gè)框架

1：weUI

官方介紹：WeUI是一套同微信原生視覺體驗(yàn)一致的基礎(chǔ)樣式庫,由微信官方設(shè)計(jì)團(tuán)隊(duì)為微信內(nèi)網(wǎng)頁和微信小程序量身設(shè)計(jì),令用戶的使用感知更加統(tǒng)一。

優(yōu)點(diǎn)：

做為開發(fā)者的我們可以不用寫太多css，直接拿過來就可以用。

組件都有點(diǎn)擊態(tài)，大大增加了用戶的體驗(yàn)好感

高清屏幕下border:0.5

2：FrozenUI

專注于移動(dòng)web的UI框架,基于騰訊手機(jī)QQ規(guī)范…FrozenUI提供的CSS組件是目前QQ會(huì)員前端開發(fā)組所用的通用樣式庫

優(yōu)缺點(diǎn)：基礎(chǔ)樣式效果簡(jiǎn)單色調(diào)清爽

3：MUI

最接近原生APP體驗(yàn)的高性能前端框架，可多端發(fā)布到Appstore、Android市場(chǎng)、瀏覽器、微信公眾號(hào)、百度直達(dá)號(hào)及流應(yīng)用

優(yōu)缺點(diǎn)：這個(gè)框架給我的吸引之處就是它的UI是以IOS為主體設(shè)計(jì)的，當(dāng)然它也補(bǔ)充了android特有UI樣式。并且MUI官方聲稱用來開發(fā)深入以后發(fā)現(xiàn)拿它做APP還能夠提高用戶使用流暢度但網(wǎng)址上對(duì)它的評(píng)價(jià)是一種深入骨髓的廉價(jià)感

4：SUIMobile

介紹SUIMobile是一套基于Framework7開發(fā)的UI庫。它非常輕量、精美，阿里前端團(tuán)隊(duì)出品的SUIMobile的前端UI庫，方便迅速搭建手機(jī)H5應(yīng)用,也非常適合開發(fā)跨平臺(tái)WebApp

優(yōu)缺點(diǎn)：

兼容性好，能兼容到iOS6.0+和Android4.0+

風(fēng)格：炫酷的iOS風(fēng)格

功能強(qiáng)大的組件

輕量的UI庫

開始使用，只需要如下幾個(gè)簡(jiǎn)單的步驟，

缺點(diǎn)：1：suimobile會(huì)和jquery沖突:后期維護(hù)/編寫都很麻煩

　　移動(dòng)端ui框架設(shè)計(jì)注意事項(xiàng)

遵循各平臺(tái)的統(tǒng)一的界面規(guī)范,使最終設(shè)計(jì)出來的界面效果達(dá)到最理想狀態(tài)

提高工作效率,UI/UE/開發(fā)編碼三方人員相互之間協(xié)作更輕松，減少因資源或設(shè)計(jì)問題導(dǎo)致的反復(fù)修改、重復(fù)勞動(dòng)、效率低下的現(xiàn)象

通過規(guī)范的方式來達(dá)到以用戶為中心的目的，給用戶呈現(xiàn)最佳效果和最優(yōu)質(zhì)的體驗(yàn)

目前使用最多的移動(dòng)端操作系統(tǒng)平臺(tái)有Android、IOS、WindowsPhone

其的操作系統(tǒng)包括BlackBerry10、NokiaOS、Firefox、SailfishOS、Tizen、UbuntuTouch

以上就是移動(dòng)端ui框架有哪些知識(shí)點(diǎn)的所有內(nèi)容，文中介紹的四個(gè)框架，在設(shè)計(jì)的過程當(dāng)中都會(huì)有一些區(qū)別，有興趣的朋友可以多去了解一下，如果大家還想了解更多與之有關(guān)的信息，歡迎關(guān)注我們文軍營(yíng)銷的官網(wǎng)。

推薦閱讀

前端ui框架 常見前端ui框架有哪些 | 文軍營(yíng)銷layerui是開發(fā)使用中口碑不錯(cuò)的框架,從一開始簡(jiǎn)單彈出窗口到現(xiàn)在進(jìn)步很大,做后臺(tái)ui框架和建議網(wǎng)站都是很不過ui框架,也是組件模塊是開發(fā)模式,目前優(yōu)化的樣式也非常好看 bui是ali開源的前端ui框架,控制也很豐富,開發(fā)后臺(tái)應(yīng)用系統(tǒng)足矣,官網(wǎng)也有很多實(shí)例,學(xué)習(xí)起來也非常容易 ligerui也是基于jquery開發(fā)ui框架,ui樣式跟easyui差...