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

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

1：weUI

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

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

做為開(kāi)發(fā)者的我們可以不用寫(xiě)太多css，直接拿過(guò)來(lái)就可以用。

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

高清屏幕下border:0.5

2：FrozenUI

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

優(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官方聲稱(chēng)用來(lái)開(kāi)發(fā)深入以后發(fā)現(xiàn)拿它做APP還能夠提高用戶(hù)使用流暢度但網(wǎng)址上對(duì)它的評(píng)價(jià)是一種深入骨髓的廉價(jià)感

4：SUIMobile

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

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

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

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

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

輕量的UI庫(kù)

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

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

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

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

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

通過(guò)規(guī)范的方式來(lái)達(dá)到以用戶(hù)為中心的目的，給用戶(hù)呈現(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ì)的過(guò)程當(dāng)中都會(huì)有一些區(qū)別，有興趣的朋友可以多去了解一下，如果大家還想了解更多與之有關(guān)的信息，歡迎關(guān)注我們文軍營(yíng)銷(xiāo)的官網(wǎng)。

推薦閱讀