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

　　移動端ui框架——移動端最常用的四個框架

1：weUI

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

優(yōu)點：

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

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

高清屏幕下border:0.5

2：FrozenUI

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

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

3：MUI

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

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

4：SUIMobile

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

優(yōu)缺點：

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

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

功能強大的組件

輕量的UI庫

開始使用，只需要如下幾個簡單的步驟，

缺點：1：suimobile會和jquery沖突:后期維護/編寫都很麻煩

　　移動端ui框架設(shè)計注意事項

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

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

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

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

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

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

推薦閱讀