微信小程序正式發布官方視覺組件庫 給我們傳遞了怎樣的信息

12月16日，微信正式發布了 WeUI動態視覺組件庫。WeUI 是一套同微信原生視覺體驗一致的基礎樣式庫，由微信官方設計團隊為微信內網頁和微信小程序量身設計，可以讓用戶的使用感知更加統一，包含了button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。

一、weui.js是什么？

weui.js 是 WeUI 的輕量級 JS 封裝，不需要依賴其它庫，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

微信網頁開發樣式參考：http://dwz.cn/4QTFrm

四、微信團隊為何在此時公布官方視覺組件庫

為了更像微信OS

微信團隊和之前的輕應用平臺相比，不是簡單為了給開發者和用戶之間提供一個平臺連接、也不是只為了做一個流量入口平臺那么簡單，而是為了打造一個完美的微信OS生態。當年百度、UC等平臺推出的輕應用，更多的只是起到了一個平臺倒流和連接的作用，并沒有對開發框架和設計規范進行過如此統一的規范和要求?，F在看來，最好的生態，當然是類似蘋果安卓OS那樣，所有的應用具備統一的開發框架和接近OS生態的完美體驗。

為了極致的用戶體驗

從小程序內測到公測已經過去了三個月，我們有理由相信微信團隊已經接到了不少小程序開發者的審核需求，這其中最讓微信團隊頭疼的應該就是開發設計規范不符合微信團隊的要求，達不到微信團隊想要的那種用戶體驗。微信官方進一步推出Weui就是為了讓所有開發者提交的小程序都能夠接近微信APP的體驗效果，從而給微信用戶帶去最佳的用戶體驗，這也是未來小程序生態能否提高8億用戶使用熱度和頻率的一個重要指標。

倒逼第三方服務商轉型

微信團隊在早年推出公眾號的時候曾經推出過“開發者模式”，當時，微信團隊鼓勵第三方公司利用微信公眾號開放的接口進行各種微應用的開發，比如：微網站、微商城，微工具等各種應用。但是，微信團隊早期并沒有對這些接入應用的開發框架和設計規范進行統一的定義和嚴格要求，導致每一個服務接入商基本都是按照自己的開發框架和設計標準進行開發來設計，使得市面上看到的這些應用頁面呈現五花八門，用戶體驗極其糟糕，這也就造成了早期的應用服務被用戶的接受度過低，同時無法給企業帶來實際價值的癥結所在。

隨著微信小程序的出現，微信團隊重塑統一的開發框架和設計規范，倒逼這些第三方服務機構重新定義自己的跟隨策略，按照新的開發規范重新提供新的平臺服務?；蛟S，現有的微信第三方服務機構格局將被打破，第三方服務機構將面臨新一輪的洗牌。

五、WeUI給小程序開發者帶來了哪些好處？

• 使用Weui設計出來的小程序如同用戶使用微信客戶端一樣的視覺效果，可以讓小程序的體驗感更強。

• 使用Weui設計小程序更夠提高開發者的開發效率，降低開發者的開發成本，從而讓開發者更快的開發出符合規范的小程序。

• 使用Weui設計小程序如同您雇傭一支國內頂尖的設計團隊幫您打造一個接近完美的視覺框架。

六、微信小程序給前端設計領域帶來了那些影響和推動

全平臺兼容

微信小程序重新定義了APP，使得一款應用能夠在android、iphone以及windows phone中都能運行，對于前端來說實現了“一次編譯，到處運行”的理念。

前端開發思維的改變

設計理念需要從傳統的PC思維需要轉向到以移動為先的思維，這其中主要考慮的差異化在于屏幕尺寸、網絡帶寬、輸入設備等幾個方面的不同。同時很多之前可以用于iOS 與 Android 的控件需要在小程序上重新調整和創新。

推動前端技術的發展

微信小程序以其簡單的開發環境，使以Javascript和HTML5為主的前端技術成為真正的主流，越來越多的人開始接觸前端開發，為前端技術的發展貢獻力量。

前端投入成本的增加

原本一家傳統企業的前端開發人員需要覆蓋PC端、移動端、APP應用等各種平臺，微信小程序的出現會導致未來的前端開發人員還需要涉及小程序的前端開發設計，這在一定程度增加了前端開發人員學習和工作成本，同時也會給企業帶來更多的人才投入成本。

前端人才的競爭更加明顯

微信小程序的誕生會吸引一大批后臺開發、APP開發的程序猿們加入前端開發大軍，進一步沖擊現有的前端開發人員的的知識結構，加劇前端開發崗位的競爭格局，迫使一些低端且知識結構不全面的前端開發人員面臨被淘汰或者失業的風險。

全棧工程師會越來越吃香

隨著微信小程序的出現，既懂后臺，又懂前端的人才會越來越受到企業的重視和擁抱，特別對于創業團隊和互聯網企業來說，一個擁有全局思維、熟悉各種技術的人才非常重要。身為技術人員，我們需要不斷擁抱變化，不斷get新技能，努力成為一個全棧工程師。

小結

微信團隊在之前小程序的公測指南里有詳細的定義小程序的設計規范，明確地告訴各位開發者哪些可以做，哪些不能做，應該怎樣做的問題。

但是，微信團隊似乎覺得這些工作還不足以規范小程序的整體體驗。畢竟小程序是一件新生事物，吃瓜群眾還非常多。

微信團隊就是希望通過此次公布官方視覺組件庫，明確直接地告訴開發者“如何寫”的問題。我們有理由相信，未來首批被公布的小程序，在視覺體驗上能夠和微信原生的視覺體驗保持高度的一致，從而真正拉開小程序生態的序幕。

(編輯：小酷)