微信正式發(fā)布動(dòng)態(tài)視覺(jué)組件庫(kù),傳遞出了怎樣的信號(hào)?
12 月 16 日,微信正式發(fā)布了 WeUI 動(dòng)態(tài)視覺(jué)組件庫(kù)。WeUI 是一套同微信原生視覺(jué)體驗(yàn)一致的基礎(chǔ)樣式庫(kù),由微信官方設(shè)計(jì)團(tuán)隊(duì)為微信內(nèi)網(wǎng)頁(yè)和微信小程序量身設(shè)計(jì),可以讓用戶的使用感知更加統(tǒng)一。
包含了 button、cell、dialog、 progress、 toast、article、actionsheet、icon 等各式元素。一、weui.js 是什么?
weui.js 是 WeUI 的輕量級(jí) JS 封裝,不需要依賴其它庫(kù),GZIP 后僅有 9.0 KB。
二、weui.js 包含哪些組件?
actionsheet
alert
confirm
dialog
form
gallery
loading
picker
searchbar
slider
tab
toast
toptips
uploader
三、使用方式:
Github:https://github.com/weui/weui.js
詳細(xì)文檔:http://dwz.cn/4QTFrm
四、微信團(tuán)隊(duì)為何在此時(shí)公布官方視覺(jué)組件庫(kù):
- 為了更像微信 OS
微信團(tuán)隊(duì)和之前的輕應(yīng)用平臺(tái)相比,不是簡(jiǎn)單為了給開(kāi)發(fā)者和用戶之間提供一個(gè)平臺(tái)連接、也不是只為了做一個(gè)流量入口平臺(tái)那么簡(jiǎn)單,而是為了打造一個(gè)完美的微信 OS 生態(tài)。
當(dāng)年百度、UC 等平臺(tái)推出的輕應(yīng)用,更多的只是起到了一個(gè)平臺(tái)倒流和連接的作用,并沒(méi)有對(duì)開(kāi)發(fā)框架和設(shè)計(jì)規(guī)范進(jìn)行過(guò)如此統(tǒng)一的規(guī)范和要求。現(xiàn)在看來(lái),最好的生態(tài),當(dāng)然是類似蘋(píng)果安卓 OS 那樣,所有的應(yīng)用具備統(tǒng)一的開(kāi)發(fā)框架和接近 OS 生態(tài)的完美體驗(yàn)。
- 為了極致的用戶體驗(yàn)
從小程序內(nèi)測(cè)到公測(cè)已經(jīng)過(guò)去了三個(gè)月,我們有理由相信微信團(tuán)隊(duì)已經(jīng)接到了不少小程序開(kāi)發(fā)者的審核需求,這其中最讓微信團(tuán)隊(duì)頭疼的應(yīng)該就是開(kāi)發(fā)設(shè)計(jì)規(guī)范不符合微信團(tuán)隊(duì)的要求,達(dá)不到微信團(tuán)隊(duì)想要的那種用戶體驗(yàn)。
微信官方進(jìn)一步推出 Weui 就是為了讓所有開(kāi)發(fā)者提交的小程序都能夠接近微信 APP 的體驗(yàn)效果,從而給微信用戶帶去最佳的用戶體驗(yàn),這也是未來(lái)小程序生態(tài)能否提高 8 億用戶使用熱度和頻率的一個(gè)重要指標(biāo)。
- 倒逼第三方服務(wù)商轉(zhuǎn)型
微信團(tuán)隊(duì)在早年推出公眾號(hào)的時(shí)候曾經(jīng)推出過(guò)“開(kāi)發(fā)者模式”,當(dāng)時(shí),微信團(tuán)隊(duì)鼓勵(lì)第三方公司利用微信公眾號(hào)開(kāi)放的接口進(jìn)行各種微應(yīng)用的開(kāi)發(fā),比如:微網(wǎng)站、微商城,微工具等各種應(yīng)用。
但是,微信團(tuán)隊(duì)早期并沒(méi)有對(duì)這些接入應(yīng)用的開(kāi)發(fā)框架和設(shè)計(jì)規(guī)范進(jìn)行統(tǒng)一的定義和嚴(yán)格要求,導(dǎo)致每一個(gè)服務(wù)接入商基本都是按照自己的開(kāi)發(fā)框架和設(shè)計(jì)標(biāo)準(zhǔn)進(jìn)行開(kāi)發(fā)來(lái)設(shè)計(jì),使得市面上看到的這些應(yīng)用頁(yè)面呈現(xiàn)五花八門(mén),用戶體驗(yàn)極其糟糕,這也就造成了早期的應(yīng)用服務(wù)被用戶的接受度過(guò)低,同時(shí)無(wú)法給企業(yè)帶來(lái)實(shí)際價(jià)值的癥結(jié)所在。
隨著微信小程序的出現(xiàn),微信團(tuán)隊(duì)重塑統(tǒng)一的開(kāi)發(fā)框架和設(shè)計(jì)規(guī)范,倒逼這些第三方服務(wù)機(jī)構(gòu)重新定義自己的跟隨策略,按照新的開(kāi)發(fā)規(guī)范重新提供新的平臺(tái)服務(wù)。或許,現(xiàn)有的微信第三方服務(wù)機(jī)構(gòu)格局將被打破,第三方服務(wù)機(jī)構(gòu)將面臨新一輪的洗牌。
五、WeUI 給小程序開(kāi)發(fā)者帶來(lái)了哪些好處?
使用 Weui 設(shè)計(jì)出來(lái)的小程序如同用戶使用微信客戶端一樣的視覺(jué)效果,可以讓小程序的體驗(yàn)感更強(qiáng)。
使用 Weui 設(shè)計(jì)小程序更夠提高開(kāi)發(fā)者的開(kāi)發(fā)效率,降低開(kāi)發(fā)者的開(kāi)發(fā)成本,從而讓開(kāi)發(fā)者更快的開(kāi)發(fā)出符合規(guī)范的小程序。
使用 Weui 設(shè)計(jì)小程序如同您雇傭一支國(guó)內(nèi)頂尖的設(shè)計(jì)團(tuán)隊(duì)幫您打造一個(gè)接近完美的視覺(jué)框架。
六、微信小程序給前端設(shè)計(jì)領(lǐng)域帶來(lái)了那些影響和推動(dòng):
- 全平臺(tái)兼容
微信小程序重新定義了 APP,使得一款應(yīng)用能夠在 android、iphone 以及 windows phone 中都能運(yùn)行,對(duì)于前端來(lái)說(shuō)實(shí)現(xiàn)了“一次編譯,到處運(yùn)行”的理念。
- 前端開(kāi)發(fā)思維的改變
設(shè)計(jì)理念需要從傳統(tǒng)的 PC 思維需要轉(zhuǎn)向到以移動(dòng)為先的思維,這其中主要考慮的差異化在于屏幕尺寸、網(wǎng)絡(luò)帶寬、輸入設(shè)備等幾個(gè)方面的不同。同時(shí)很多之前可以用于 iOS 與 Android 的控件需要在小程序上重新調(diào)整和創(chuàng)新。
- 推動(dòng)前端技術(shù)的發(fā)展
微信小程序以其簡(jiǎn)單的開(kāi)發(fā)環(huán)境,使以 Javascript 和 HTML5 為主的前端技術(shù)成為真正的主流,越來(lái)越多的人開(kāi)始接觸前端開(kāi)發(fā),為前端技術(shù)的發(fā)展貢獻(xiàn)力量。
- 前端投入成本的增加
原本一家傳統(tǒng)企業(yè)的前端開(kāi)發(fā)人員需要覆蓋 PC 端、移動(dòng)端、APP 應(yīng)用等各種平臺(tái),微信小程序的出現(xiàn)會(huì)導(dǎo)致未來(lái)的前端開(kāi)發(fā)人員還需要涉及小程序的前端開(kāi)發(fā)設(shè)計(jì),這在一定程度增加了前端開(kāi)發(fā)人員學(xué)習(xí)和工作成本,同時(shí)也會(huì)給企業(yè)帶來(lái)更多的人才投入成本。
- 前端人才的競(jìng)爭(zhēng)更加明顯
微信小程序的誕生會(huì)吸引一大批后臺(tái)開(kāi)發(fā)、APP 開(kāi)發(fā)的程序猿們加入前端開(kāi)發(fā)大軍,進(jìn)一步?jīng)_擊現(xiàn)有的前端開(kāi)發(fā)人員的的知識(shí)結(jié)構(gòu),加劇前端開(kāi)發(fā)崗位的競(jìng)爭(zhēng)格局,迫使一些低端且知識(shí)結(jié)構(gòu)不全面的前端開(kāi)發(fā)人員面臨被淘汰或者失業(yè)的風(fēng)險(xiǎn)。
- 全棧工程師會(huì)越來(lái)越吃香
隨著微信小程序的出現(xiàn),既懂后臺(tái),又懂前端的人才會(huì)越來(lái)越受到企業(yè)的重視和擁抱,特別對(duì)于創(chuàng)業(yè)團(tuán)隊(duì)和互聯(lián)網(wǎng)企業(yè)來(lái)說(shuō),一個(gè)擁有全局思維、熟悉各種技術(shù)的人才非常重要。身為技術(shù)人員,我們需要不斷擁抱變化,不斷 get 新技能,努力成為一個(gè)全棧工程師。
微信正式發(fā)布 WeUI 動(dòng)態(tài)視覺(jué)組件庫(kù),這意味著,大家可以在小程序里面,直接使用在官方設(shè)計(jì)文檔附錄中的視覺(jué)組件(而不需要額外引入其他庫(kù))。